tag:blogger.com,1999:blog-37304944440356597692024-03-05T21:39:12.617+07:00Serba BlogSerba berbagi tentang tutorial, tips-trik blog, facebook, download ebook, software, film gratisGEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.comBlogger79125tag:blogger.com,1999:blog-3730494444035659769.post-21040139739635584002023-08-11T03:21:00.000+07:002023-08-11T03:21:11.527+07:00Meningkatkan Viewers Youtube Dengan Pasang Video Youtube Autoplay Tanpa Suara<div class="separator" style="clear: both; text-align: center;"><img alt="Meningkatkan Viewers Youtube Dengan Pasang Video Youtube Autoplay Tanpa Suara" border="0" data-original-height="560" data-original-width="1000" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDXwSoqPYH7y9yHOpsV_wioe58SZN4p8eLfl40JEv73XcyB7eKkyIx6uhxkXabd9sxDfVXRaMpAex-0-deIlkazdasrHfPdzmq1LdUGduSuCq0lAMs7tlC2y7LFUeTGiwaEs7a5aSAPsL20OqVCFZAib3viOeBR_JX14w1FLEYu3fgjwY9Je2st0xO7OKc/s1000/youtube%20autoplay%20tanpa%20suara.jpg" title="Meningkatkan Viewers Youtube Dengan Pasang Video Youtube Autoplay Tanpa Suara" width="100%" /></div><br /><p style="text-align: justify;">Di era sekarang ini, ditengah maraknya perkembangan teknologi khususnya internet, <a href="https://serba-seru.blogspot.com/2023/08/meningkatkan-viewers-youtube-dengan.html">Youtube</a> adalah sebuah media yang cukup berkembang pesat dengan hadirnya para Konten kreator video pada youtube yang jadi sebuah pilihan. Tidak sedikit pula para blogger yang beralih pada youtube yang disebut video blogger atau Vlogger.</p><p style="text-align: justify;">Nah disini saya mencoba share sedikit trik yang mungkin bisa menjadi alternatif untuk mempromosikan video-video kalian yang pastinya Gratis tanpa perlu kalian mengeluarkan uang untuk iklan. </p><p style="text-align: justify;">Pada trik kali ini adalah memasang <a href="https://serba-seru.blogspot.com/2023/08/meningkatkan-viewers-youtube-dengan.html">video youtube kalian secara autoplay dengan tanpa suara</a>, jadi maksudnya ketika seseorang mengunjungi blog kalian, video akan diputar secara otomatis namun tanpa suara sehingga secara otomatis pula hal ini cukup efektif untuk meningkatkan viewers youtube kalian.</p><p>Langsung saja, berikut cara-caranya :</p><p></p><ol style="text-align: left;"><li>Login ke akun blogger kalian</li><li>Copy kode berikut<br /><blockquote><div id="muteYouTubeVideoPlayer"><br /></div><br /><script async="" src="https://www.youtube.com/iframe_api"></script><br /><script><br />function onYouTubeIframeAPIReady() {<br />var player;<br />player = new YT.Player('muteYouTubeVideoPlayer', {<br />videoId: '<span style="color: #38761d;"><b>GANTI DG ID VIDEO KALIAN</b></span>', // ID Video Youtube<br />width: 640, // panjang video (in px)<br />height: 360, // lebar video (in px)<br />playerVars: {<br />autoplay: 1, // Auto-play ketika video dimuat<br />controls: 0, // Menyembunyikan play/pause<br />showinfo: 0, // Menyembunyikan judul video<br />modestbranding: 0, // Menyembunyikan logo Youtube diputar<br />loop: 1, // Mengulang video setelah selesai<br />fs: 0, // Menyembunyikan tombol fullscreen<br />cc_load_policty: 0, // Menyembunyikan captions<br />iv_load_policy: 3, // Menyembunyikan anotasi<br />autohide: 1 // Menyembunyikan kontrol video<br />},<br />events: {<br />onReady: function(e) {<br />e.target.mute();<br />}<br />}<br />});<br />}<br /></script></blockquote><br />Ganti code berwarna <b><span style="color: #38761d;">Hijau</span></b> dengan id video yang ingin kalian pasang<br />Contoh id video youtube sebagai berikut :<br />https://www.youtube.com/watch?v=<b><span style="color: #990000;">dAF6iT3y-yk</span></b> , maka dAF6iT3y-yk adalah id videonya</li><li>Pastekan kode diatas di bagian postingan blog kalian atau bisa juga di tata letak blog anda (sidebar atau Footer blog)</li><li>Klik simpan</li></ol><p style="text-align: justify;">Cukup simple bukan, pasang <a href="https://serba-seru.blogspot.com/2023/08/meningkatkan-viewers-youtube-dengan.html">video youtube otomatis tanpa suara di blog</a> kalian bisa menjadi alternatif untuk meningkatkan viewers video youtube kalian. Semoga dengan hadirnya trik pasang video youtube otomatis tanpa suara di blog bisa membantu perkembangan video youtube yang kita geluti di era kemajuan teknologi internet yang semakin pesat.</p><p>Terimakasih</p>
<br />Contohnya sebagai berikut :<br />
<center><div id="muteYouTubeVideoPlayer">
</div>
<script async="" src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'dAF6iT3y-yk', // ID Video Youtube
width: 640, // panjang video (in px)
height: 360, // lebar video (in px)
playerVars: {
autoplay: 1, // Auto-play ketika video dimuat
controls: 0, // Menyembunyikan play/pause
showinfo: 0, // Menyembunyikan judul video
modestbranding: 0, // Menyembunyikan logo Youtubediputar
loop: 1, // Mengulang video setelah selesai
fs: 0, // Menyembunyikan tombol fullscreen
cc_load_policty: 0, // Menyembunyikan captions
iv_load_policy: 3, // Menyembunyikan anotasi
autohide: 1 // Menyembunyikan kontrol video
},
events: {
onReady: function(e) {
e.target.mute();
}
}
});
}
</script></center><div id="gtx-trans" style="left: 175px; position: absolute; top: 1285.52px;"><div class="gtx-trans-icon"></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3730494444035659769.post-89224666243610786632021-09-19T05:29:00.006+07:002021-09-19T05:50:02.071+07:00Cara Custom Navigasi Blog Dengan Angka Unlimited<div class="separator" style="clear: both; text-align: center;"><img alt="cara custom navigasi blog dengan angka unlimited" border="0" data-original-height="554" data-original-width="744" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8enzFLgZUr5ujbS8XbPM_RZwES1AUz88LO83IpUtooo7emuExkamkHCtVmt5J7uMpuntbqsjqCehH5z1vilFrcZ4ls3N6az-PGZS08mIgHY7t6Cb2Py2rKSZKhxNit0rJ62aPgHsJvsS9/s744/Cara+Custom+Navigasi+Blog+Dengan+Angka+Unlimited+-+serba+blog.jpg" width="100%" /></div><br /><div style="text-align: justify;">Pada kesempatan kali ini mencoba untuk share sebuah cara untuk membuat <a href="https://serba-seru.blogspot.com/2021/09/cara-custom-navigasi-blog-dengan-angka.html">navigasi blog</a> yang pada dasarnya berbentuk link yang biasa kita lihat seeperti tulisan "New Post" dan "Older Post" atau "Next Post" dan "Previous Post", dll. Nah, ketika menggunakan navigasi yang model standarnya <a href="https://serba-seru.blogspot.com/">blogspot</a>, maka cukup melelahkan jika pengunjung ingin melihat postingan blog kita yang sudah lama, harus mengklik link older post atau next post berkali-kali.</div><p></p><p style="text-align: justify;">Banyak <a href="https://serba-seru.blogspot.com/2021/09/cara-custom-navigasi-blog-dengan-angka.html">tutorial tentang navigasi blog</a> yang menggunakan angka ini, namun terkadan akan menemukan jenis yang kurang berjalan dengan sempurna seperti halnya navigasi yang hanya berfungsi pada browser PC/desktop namun tidak <a href="https://serba-seru.blogspot.com/">mobile responsive</a> atau tidak berjalan lancar pada tampilan mobile, adapula navigasi angka yang terbatas pada jumlah tertentu, dan lain sebagainya.</p><p style="text-align: justify;">Kali ini cara yang akan dihadirkan berupa <b><a href="https://serba-seru.blogspot.com/2021/09/cara-custom-navigasi-blog-dengan-angka.html">Navigasi Blog dengan Angka</a></b> yang tidak terbatas dan sudah disempurnakan, sudah dilengkapi dengan tombol First dan Last serta Next dan Previous. Berikut langkah-langkah untuk menerapkannya pada blog di blogger :</p><p></p><ul style="text-align: left;"><li>Login ke Blogger > Tema > Edit HTML</li><li>Kemudian cari kode berikut <b></head></b> <i>(tekan CTRL+F untuk mencari)</i></li><li>Letakkan kode berikut di atas kode </head></li></ul><p></p><p></p><blockquote><p><b:if cond='data:blog.pageType != &quot;item&quot;'></p><p><b:if cond='data:blog.pageType != &quot;static_page&quot;'></p><p><!--Page Navigation Starts--></p><p>#blog-pager {margin: 10px 0 20px 25px;clear:both !important;padding:0;font-size:11px;font-weight:bold;}</p><p>a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {background-color:#fff;border: 1px solid #ddd;padding:0px 12px;line-height:28px;color:#5a5a5a;border-radius: 3px;}</p><p>#blog-pager-newer-link a {float:left;display:block;}</p><p>#blog-pager-older-link a {float:right;display:block;}</p><p>a.home-link {display:inline-block;}</p><p>#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {border: 1px solid #d9562d;}</p><p>.feed-links { clear: both;display:none;}</p><p>.displaypageNum a,.showpage a,.pagecurrent {padding: 8px 10px;margin-right: 3px;color: #5a5a5a;background-color: #fff;border: 1px solid #ddd;display: inline-block;border-radius: 3px;}</p><p>.displaypageNum a:hover,.showpage a:hover, .pagecurrent {border: 1px solid #d9562d;color: #d9562d}</p><p>.showpageOf {display:none !important;}</p><p><!--Page Navigation Ends--> </p><p></b:if></p><p></b:if></p></blockquote><p></p><p></p><ul style="text-align: left;"><li>Kemudian cari kode <b></body></b></li><li>Letakkan kode berikut ini di atas kode </body></li></ul><p></p><p></p><blockquote><p><b:if cond='data:blog.pageType != &quot;item&quot;'></p><p><b:if cond='data:blog.pageType != &quot;static_page&quot;'></p><p><script type='text/javascript'></p><p> /*<![CDATA[*/</p><p> var perPage=5;</p><p> var numPages=7;</p><p> var firstText ='First';</p><p> var lastText ='Last';</p><p> var prevText ='« Previous';</p><p> var nextText ='Next »';</p><p> var urlactivepage=location.href;</p><p> var home_page="/";</p><p> /*]]>*/</p><p></script></p><p><script type='text/javascript'></p><p>//<![CDATA[</p><p>if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages/2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo/perPage)+1;if(lastPageNo-1==pageInfo/perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}if(pageStart>2){html+=' ... '}for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(pageEnd<lastPageNo-1){html+='...'}if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}location.href=pAddress}</p><p>//]]></p><p></script></p><p></b:if></p><p></b:if></p></blockquote><p></p><p></p><ul style="text-align: left;"><li>Lalu cari kode ini <b><b:include name='nextprev'/></b></li><li>Kemudian ganti kode siatas dengan kode berikut ini</li></ul><p></p><p></p><blockquote><p> <b:if cond='data:blog.pageType == &quot;index&quot;'></p><p> <b:include name='nextprev'/></p><p> <b:else/></p><p> <b:if cond='data:blog.pageType == &quot;archive&quot;'></p><p> <b:include name='nextprev'/></p><p> <b:else/></p><p> <b:if cond='data:blog.homepageUrl != data:blog.url'></p><p><b:include name='nextprev'/></p><p></b:if></p><p> </b:if></p><p> </b:if></p></blockquote><p></p><p></p><ul style="text-align: left;"><li>Simpan template anda</li></ul><p></p><p><br /></p><p style="text-align: justify;">Silakan buka <a href="https://serba-seru.blogspot.com/2011/02/cara-membuat-halaman-posting-berpindah.html">blog</a> anda untuk melihat hasilnya. Jika hasil tampilannya terlihat berantakan, silakan anda oprek pada bagian CSS (poin 3). Pastikan tidak ada CSS #blog-pager atau .blog-pager yang sudah terpasang sebelumnya dan hanya memasang kode CSS #blog-pager atau .blog-pager yang terdapat pada postingan ini.</p><p style="text-align: justify;">Sekian cara mengganti tombol navigasi standar bawaan blogger menjadi navigasi menggunakan angka unlimited terbaru. Semoga bisa menjadi manfaat untuk kita semua. Terima kasih</p>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com0tag:blogger.com,1999:blog-3730494444035659769.post-14676741282478362112021-09-06T22:17:00.002+07:002021-09-06T22:17:40.306+07:00Cara Download Foto/Video Instagram di PC<div class="separator"><div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" data-original-height="350" data-original-width="350" height="AUTO" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI4ziphnOrQQhszLjuL7GP9dQHrWk18VfaipvKul-HitAc71YkVqFIM_1BGs8EEntbRg0bceCV0aX8DyXLldT1t2JEz5UvX6SsQZDuR1ygdhsfxLYkJ_2NTCZUqJ_XbffywJtePUj-T1Tg/s350/instagram.jpg" width="200" /></div></div><div style="text-align: justify;"><b><a href="https://serba-seru.blogspot.com/2021/09/cara-download-fotovideo-instagram-di-pc.html">Instagram</a></b> adalah salah satu sosial media yang cukup digemari untuk saat ini, sebuah media yang bisa menampilkan berbagai macam foto dan video, mulai dari tentang segala macam cerita kehidupan baik berita, kisah kehidupan secara umum bahkan hingga yang bersifat pribadi bisa terunggah di sosial media instagram.</div><p></p><p style="text-align: justify;">Nah, tidak jarang dari beberapa foto dan video ada yang menarik perhatian kita, mungkin itu hal yang bersifat lucu, motivasi, ataupun berita penting, sehingga kita ingin mencoba membagikannya juga disosial media kita sendiri. Namun kita harus mengunduh foto atau video tersebut terlebih dahulu. kali ini akan mencoba membagikan salah satu metode untuk mendownload <a href="https://serba-seru.blogspot.com">foto</a> atau video yang terdapat di media sosial Instagram tersebut melalui PC atau laptop.</p><p style="text-align: justify;"><br /></p><p style="text-align: justify;">Begitu banyak aplikasi yang tersedia untuk mendownload foto atau video di <a href="https://serba-seru.blogspot.com/2021/09/cara-download-fotovideo-instagram-di-pc.html">instagram</a>, ada yang menggunakan aplikasi, melalui situs-situs penyedia jasa download maupun melalui extension di browser.</p><p style="text-align: justify;"><br /></p><p style="text-align: justify;">Disini saya akan mensharingkan cara download dengan <a href="https://serba-seru.blogspot.com">metode</a> extension di browser chrome yang cukup mudah sekali.</p><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="224" data-original-width="874" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYxkJNM-6FBRRKTmhIPom6Xxz-wg7LMujAmVQP9P1QK_sJvbBDb6KbFt8z5PAp5rNdHcvdmZ11nmjG2rjrt9PirO9Ym1lqUBGYw2yFOaXg1smH1_SUZCUrP-4uEjx9rgrpMqERi5dVXkm/s874/download+foto+video+instagram.jpg" width="100%" /></div><p style="text-align: justify;">Caranya sebagai berikut :</p><p style="text-align: justify;"></p><ol><li>Kunjungi halaman chrome web store<br /><b><i>chrome.google.com/webstore/category/extensions</i></b></li><li>Pada kolom pencarian silakan anda tulis <b>"IG Downloader"</b></li><li>Silakan klik dan Add to Chrome, nanti akan muncul pop-up dan klik Add extention</li><li>Nah sekarang anda sudah bisa download foto atau video di instagram dengan mudah hanya dengan menekan tombol panah ke bawah seperti gambar dibawah ini<br /><br /><img border="0" data-original-height="661" data-original-width="1031" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdCheGhhbtezmXsDR1KHNjzumN_vVzu6fFCMWrTi-Qyw0eaffVqKGy58cglHVfHiQZdYAw8dHV4nDZi1TPZU8jIXcxu0rNQqZeDeIc1Thq8PAcmcGby4ysTYpUXQvhpBmhS4UfJAhNO8m8/s1031/download+foto+video+instagram+1.jpg" width="100%" /><br /></li><br /><li>Anda juga bisa mengunduh Instagram Story, dengan menekan tombol Download<br /><br /><img border="0" data-original-height="562" data-original-width="1000" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRHMF3ZtcCiR9nlMAE1J8fYdcDDpeToCBhKQcmYmrwkF_6uQlsU3fJAotC-3BwAjW9AEpCdEALttB_g7VDj3f4Lb0BfXypb0VB5vqGDIeohwqITItsQQgPzPj_U0VEBP7CeAQkeRIt5vqn/s1000/download+foto+video+instagram+2.jpg" width="100%" /></li></ol><p style="text-align: justify;">Caranya sangat mudah bukan?</p><p style="text-align: justify;">Chrome extention di atas dapat memudahkan kita untuk mendownload foto/video serta story yang ada di sosial media instagram dengan hanya menekan tombol download.</p><p style="text-align: justify;">Semoga artikel ini bisa memberikan manfaat untuk kita semua.</p><p style="text-align: justify;">Terima kasih</p><p style="text-align: justify;"><br /></p>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com0tag:blogger.com,1999:blog-3730494444035659769.post-55196080123006811372011-03-10T00:58:00.001+07:002021-09-20T15:50:53.156+07:00Kotak Komentar Facebook/Facebook Comment Box Terbaru (With Reply)<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS3dUKVc5uAC11fwuUf8SLRbRz9epJKzrUMANxGb-YYtBy0_giXQ7ddnDXMVXqcU2YQN3p1rlUkfXSSiPTNaKLO0TXzSAY6gPDF4c5MNwTWCzubJOY_QzF7MnE1eVHk0x06epHPONzSOLU/" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS3dUKVc5uAC11fwuUf8SLRbRz9epJKzrUMANxGb-YYtBy0_giXQ7ddnDXMVXqcU2YQN3p1rlUkfXSSiPTNaKLO0TXzSAY6gPDF4c5MNwTWCzubJOY_QzF7MnE1eVHk0x06epHPONzSOLU/" /></a></div><div style="text-align: justify;">Setelah jalan-jalan ke google, walhasil ketemu dengan tips membuat <a href="http://serba-seru.blogspot.com/2011/03/kotak-komentar-facebookfacebook-comment.html"><b>facebook comment box/kotak komentar facebook yang cukup unik</b></a>, berbeda dengan <a href="http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html">facebook comment box</a> yang lama. disini terdapat perbedaan di bagian comment body-nya yaitu memiliki fitur <b>Reply</b> seperti layaknya status di facebook.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Pada <a href="http://serba-seru.blogspot.com/2011/03/kotak-komentar-facebookfacebook-comment.html"><b>Facebook Comment Box</b></a> yang terbaru ini juga bisa mengirimkan pemberitahuan kepada admin atau pemilik website/blog tersebut jika ada seseorang yang meninggalkan komentar de website/blog tersebut. Cukup menarik bukan, karena berbeda dengan Comment Box yang lama, yang tidak memiliki fitur <a href="http://serba-seru.blogspot.com/2011/03/kotak-komentar-facebookfacebook-comment.html"><b>Reply</b> (Balas)</a>, <b>Like</b> (Suka), <b>Notification</b> (Pemberitahuan).</div><br />
Sebelum mencobanya, ada baiknya lihat screen shot nya dibawah ini :<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2WdxwtnrTtMdO4RCKc7LASVyVy8uUgyKi-ltv92N9aqO3J_F-FwPW8VVa4A8Qco-Lws_o5VpstpmwFMEMAzfBLIoBi6W1j6NAxz95SZugJRc-wEc5oPrJPiF-sR8AKe-7deLOhBeBDaG/s1600/facebook+comment+box-kotak+komentar+facebook+serba+blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2WdxwtnrTtMdO4RCKc7LASVyVy8uUgyKi-ltv92N9aqO3J_F-FwPW8VVa4A8Qco-Lws_o5VpstpmwFMEMAzfBLIoBi6W1j6NAxz95SZugJRc-wEc5oPrJPiF-sR8AKe-7deLOhBeBDaG/s1600/facebook+comment+box-kotak+komentar+facebook+serba+blog.jpg" /></a></div><br />
Untuk melihat Demo nya, silakan kunjungi webblog teman saya yang sudah mencobanya <a href="http://www.pakaw.co.cc/2011/03/pakaw-zine-1.html" target="_blank"><b>DISINI</b></a><br />
<br />
Untuk membuatnya, pertama-tama dapatkan <b>Aplikasi ID</b> dengan membuat aplikasinya disini <b>[<a href="http://developers.facebook.com/setup/" rel="nofollow" target="_blank">http://developers.facebook.com/setup/</a>]</b><br />
Jika kurang mengerti cara membuat Aplikasi ID Facebook, silakan lihat caranya <a href="http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html" target="_blank"><b>DISINI</b></a><br />
<br />
Jika sudah mendapatkan Aplikasi Id, sekarang anda bisa memasang <b>Facebook Comment Box/Kotak Komentar Facebook</b> yang baru ke Blog anda.Berikut cara-caranya.<br />
<ul><li>Masuk ke blogger</li>
<li>Dihalaman Dasbor/Dashboard, klik Rancangan/Design.</li>
<li>Lalu klik Tab Edit HTML</li>
<li>Centang Expand Widget Template</li>
</ul><span style="font-size: large;"><b>Langkah 1 </b></span><br />
Cari kode berikut <span style="color: blue;"><head></span><br />
Letakkan kode berikut ini setelah kode diatas tadi<br />
<div style="background-color: #eeeeee; border: 1px solid rgb(170, 170, 170); margin: 0pt 10px; padding: 10px 20px;"><meta content='<b><span style="color: #cc0000;">App ID</span></b>' property='fb:app_id'/><br />
<meta content='<b><span style="color: #cc0000;">ID Profile Facebook</span></b>' property='fb:admins'/></div><ul><li>Ganti tulisan <span style="color: #cc0000;">App ID</span> dengan Aplikasi ID anda</li>
<li>Ganti tulisan <span style="color: #cc0000;">ID Profile Facebook</span> dengan ID profil facebook anda</li>
</ul><br />
<span style="font-size: large;"><b>Langkah 2</b></span><br />
Langkah selanjutnya, cari kode <span style="color: blue;"><data:post.body/></span><br />
Jika anda menggunakan fitur auto readmore, letakkan kode berikut ini setelah kode <span style="color: blue;"><data:post.body/></span> yang <b><span style="color: #cc0000;">KEDUA.</span></b><br />
atau<br />
Anda bisa juga meletakkan kode berikut setelah code<br />
<div style="color: blue;"><div class='post-footer-line post-footer-line-1'></div><br />
<div style="background-color: #eeeeee; border: 1px solid rgb(170, 170, 170); margin: 0pt 10px; padding: 10px 20px;"><!-- FACEBOOK COMMENT FORM --><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div id='fb-root'/><script>window.fbAsyncInit = function() {<br />
FB.init({appId : &#39;<b style="color: #cc0000;">App ID</b>&#39;,<br />
status : true,<br />
cookie : true,<br />
xfbml : true});};<br />
(function() {var e = document.createElement(&#39;script&#39;);e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;e.async = true;document.getElementById(&#39;fb-root&#39;).appendChild(e);}());</script><fb:comments expr:href='data:post.url' migrated='1' expr:title='data:post.title'/><br />
<div style='float:right; padding:10px><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></div></div><br />
</b:if><br />
<!-- FACEBOOK COMMENT FORM --></div><br />
<br />
<b>Nb :</b><br />
Namun jika anda ingin kotak komentar yang sudah di perindah dengan tampilan kotak <b>[<a href="http://underground-page.blogspot.com/2010/02/percobaan-lagi.html" target="_blank">lihat disini Demo-nya</a>]</b><br />
silakan gunakan kode berikut sebagai <span style="color: #cc0000;">pengganti kode pada langkah kedua</span> :<br />
<div style="background-color: #eeeeee; border: 1px solid rgb(170, 170, 170); margin: 0pt 10px; padding: 10px 20px;"><!-- FACEBOOK COMMENT FORM --><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div style='background-color:#ECEFF6; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:40px; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #627AAD; border-bottom:1px solid #2A4280; border-right:1px solid #2A4280;'><br />
<div align='left' style='text-align:left; background:#3B5998; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2A4280; border-bottom:1px solid #627AAD; border-right:1px solid #627AAD; padding:0 10px; margin-bottom:10px;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDaMwRUfFV7pm3Kj6AB2BWM1XMdbJMOEwJhFpw3UXrxxzvensCi2vhLbDKRQt48m1MTkqq78IMom6WDSH0LHXJuJvykF9a5XU4RxlGTHsWPeUXtimz7GLTA-yFN3LXCRV24M5zvYCTDgW_/s1600/serba-blog-facebook-comment.png' width='100%'/></a></div><br />
<div id='fb-root'/><script>window.fbAsyncInit = function() {<br />
FB.init({appId : &#39;<b style="color: #cc0000;">App ID</b>&#39;,<br />
status : true,<br />
cookie : true,<br />
xfbml : true});};<br />
(function() {var e = document.createElement(&#39;script&#39;);e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;e.async = true;document.getElementById(&#39;fb-root&#39;).appendChild(e);}());</script><fb:comments expr:href='data:post.url' expr:title='data:post.title' migrated='1'/><br />
<div style='background-color: #3B5998;-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2A4280; border-bottom:1px solid #627AAD; border-right:1px solid #627AAD; font-size:10px; padding:3px 5px;width:ancho; float:right; margin-bottom:5px;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></div></div><br />
</b:if><br />
<!-- FACEBOOK COMMENT FORM --></div><br />
<ul><li>Simpan hasilnya</li>
</ul><br />
Semoga bisa bermanfaat.<br />
<br />
Source : <a href="http://adityameilaz.blogspot.com/2011/03/kotak-komentar-facebook-versi-terbaru.html" target="_blank">http://adityameilaz.blogspot.com/2011/03/kotak-komentar-facebook-versi-terbaru.html</a>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com16tag:blogger.com,1999:blog-3730494444035659769.post-20048663526930651472011-02-15T00:37:00.001+07:002011-02-15T00:39:06.812+07:00Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOgmhuWhQXTvPwLwynOHQ84SUe-nK0JKX-GYqj_C3Gu89VTeU8RWbreHMf-vT0jRIlLvLIt00eLPMoDMMvhrRHzC84_iGyxowMj6cBtbul2cISeNr3yNsmnRpAPXyHU6e_7G5YIf8-13eA/s1600/halaman+pindah+sidebar+posting+serba+blog.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOgmhuWhQXTvPwLwynOHQ84SUe-nK0JKX-GYqj_C3Gu89VTeU8RWbreHMf-vT0jRIlLvLIt00eLPMoDMMvhrRHzC84_iGyxowMj6cBtbul2cISeNr3yNsmnRpAPXyHU6e_7G5YIf8-13eA/s1600/halaman+pindah+sidebar+posting+serba+blog.jpg" /></a></div><div style="text-align: justify;"><a href="http://serba-seru.blogspot.com/2011/02/cara-membuat-halaman-posting-berpindah.html"><b>Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan</b></a> | Sempat bingung menentukan judul artikel yang satu ini, tapi yang jelas gambarannya seperti dibawah ini, Pernah lihat halaman blognya Kang Rohman (kolom-tutorial.blogspot.com), jika diperhatikan, ketika pada halaman beranda/Home page, bagian artikel/posting terletak di sebelah kiri dan sidebar berada di sebelah kanan, dan ketika masuk ke halaman postingnya, halaman artikel akan berada di sebelah kanan dan sidebar di sebelah kiri.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Nah, untuk membuat halaman tersebut agar bisa berpindah-pindah ternyata cukup simpel. ternyata yang dibutuhkan hanya sedikit penambahan pada struktur CSS nya saja. berikut cara-caranya :</div><ul><li>Login ke Blogger</li>
<li>Langsung menuju ke Design/Rancangan</li>
<li>Klik Edit HTML</li>
<li>centang tulisan "Expand Widget Template"</li>
<li>Cari kode berikut :</li>
</ul><div style="background-color: #f3f3f3; border: 1px solid rgb(204, 204, 204); padding: 2px 4px;">]]></b:skin></div><ul><li>Letakkan kode berikut ini setelah kode diatas </li>
</ul><div style="border: 1px solid rgb(204, 204, 204);"><div style="background-color: #f3f3f3; padding: 2px 4px;"><style type='text/css'></div><div style="background-color: #cccccc; padding: 2px 4px;"><b:if cond='data:blog.pageType == &quot;item&quot;'></div><div style="background-color: #f3f3f3; padding: 2px 4px;">#main-wrapper{float:right;}</div><div style="background-color: #cccccc; padding: 2px 4px;">#sidebar-wrapper{float:left;}</div><div style="background-color: #f3f3f3; padding: 2px 4px;"></b:if></div><div style="background-color: #cccccc; padding: 2px 4px;"></style></div></div><ul><li>Simpan hasilnya.</li>
</ul>Untuk melihat Demonya, silakan lihat <a href="http://serbatemplate-demo.blogspot.com/" target="_blank"><b>DISINI</b></a><br />
<br />
<br />
<i><span style="font-size: x-small;">Source code from kolom-tutorial.blogspot.com</span></i>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com15tag:blogger.com,1999:blog-3730494444035659769.post-74789586460602402622011-02-14T05:17:00.001+07:002021-09-20T15:50:58.560+07:00Kelebihan dan Kekurangan Facebook Comment Box<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipi4tpx8TndNZ8KTyeJVI6czwWCquRkUKf9QnMIpcx64Y3NPpXjfKKHgQVO2mMPQyEjdKMejfzJ6bXAXZmiqZmVXYS7taSCHesh7N7QANYMBeUyUXdRrry8B4FOrp1YUWHNPxQslQPwUSk/s1600/facebook+comment+box+kotak+komentar+facebook.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipi4tpx8TndNZ8KTyeJVI6czwWCquRkUKf9QnMIpcx64Y3NPpXjfKKHgQVO2mMPQyEjdKMejfzJ6bXAXZmiqZmVXYS7taSCHesh7N7QANYMBeUyUXdRrry8B4FOrp1YUWHNPxQslQPwUSk/s1600/facebook+comment+box+kotak+komentar+facebook.jpg" /></a></div><div style="text-align: justify;"><a href="http://serba-seru.blogspot.com/2011/02/kelebihan-dan-kekurangan-facebook.html"><b>Kelebihan dan Kekurangan Facebook Comment Box</b></a> | Setelah sebelumnya membuat artikel tentang "<a href="http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html" target="_blank"><i><b>Cara Pasang Kotak Komentar/Comment Form Facebook di Blogger</b></i></a>", disana memaparkan tentang cara membuat Kotak Komentar Facebook di Blogger. Nah, kali ini mencoba mengangkat tentang kelebihan dan kekurangan dari penggunaan Facebook Comment Box atau Kotak Komentar Facebook.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Adapun kelebihan menggunakan <a href="http://serba-seru.blogspot.com/2011/02/kelebihan-dan-kekurangan-facebook.html">Facebook Comment Box</a> menurut saya khususnya, bisa menjaring jumlah pengunjung ke blog kita. Karena jika kita menggunakan Facebook Comment Box, pada comment box tersebut telah disetting akan memberikan laporan komentar dihalaman profil mereka secara default(tulisan Post comment to my Facebook profile otomatis di centang), sehingga ketika seseorang ingin memberikan komentar pada artikel kita, secara otomatis laporan/notifikasi komentar tersebut akan terkirim ke profil facebook mereka. Bayangkan saja jika ada 100 orang berkomentar di blog baik itu di postingan yang berbeda-beda. Maka secara otomatis 100 Link blog kita akan tersebar di halaman profil facebook mereka. Dengan catatan jika seseorang yang berkomentar tersebut tidak membuang centang pada keterangan "Post comment to my Facebook profile" di bawah kotak komentar tersebut.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Kelebihan lainnya, pada saat ini bisa dikatakan hampir semua kalangan memiliki akun Facebook, maka bisa memberikan kesempatan kepada semua orang dengan mudah untuk memberikan komentar pada artikel di blog kita. Jika kita sudah login ke akun <a href="http://serba-seru.blogspot.com/search/label/Facebook" target="_blank">Facebook</a> kita, maka secara otomatis bisa langsung memberikan komentar pada artikel blog yang memiliki kotak komentar Facebook tersebut.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Pada kotak komentar Facebook juga terdapat tombol like, jadi tidak perlu lagi memasang aplikasi like button. nah keuntungan dari tombol like hampir sama dengan berkomentar diatas, jadi secara otomatis jika seseorang menekan tombol like pada kotak komentar artikel blog kita, secara otomatis juga link blog kita akan terkirim ke halaman profil mereka. Tersebar otomatis lagi deh link kita.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Nah, kali ini kekurangan dalam menggunakan Kotak komentar Facebook (Yang hanya menggunakan kotak komentar Facebook saja), kita tidak dapat melihat laporan pada artikel mana saja yang mendapat komentar terbaru. Karena menurut saya pribadi yang memiliki blog yang masih belum populer ini, sebuah komentar itu sesuatu yang sangat penting sekali, sangat berfungsi sebagai pesan/kesan/saran/ide/pendapat/kritik untuk blog. jadi saya masih membutuhkan komentar yang bisa saya kontrol keberadaannya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Mungkin teman-teman memiliki pendapat lain mengenai kelebihan dan kekurangan Facebook Comment Box, jika ada, silakan tuangkan di kolom komentar dibawah. semoga bisa menambah ide bagi yang lainnya.</div><div style="text-align: justify;">Jika dilihat, lebih banyak keuntungan yang diberikan dari Facebook Comment Box. jadi tidak ada salahnya untuk menggunakannya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">laaahhh...Serba Blog koq tidak menggunakan Kotak komentar Facebook..???</div><div style="text-align: justify;">Untuk blog ini memang sengaja tidak menggunakan kotak komentar facebook, semua itu dikarenakan pada blog ini, saya mencoba fokus pada artikel yang berkaitan dengan tutorial/tips blogging. Jadi bisa dipastikan pengunjung yang hadir di blog ini sebagian besar mencari artikel yang berkaitan dengan blog dan memiliki akun Blogger sehingga dengan mudah bisa memberikan komentar menggunakan akun Blogger mereka. Bukan berarti saya tidak menggunakan Facebook Comment Box, saya pastinya juga menggunakan Kotak komentar facebook ini, namun saya gunakan di blog yang lain.</div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com9tag:blogger.com,1999:blog-3730494444035659769.post-81612581326727909212011-02-14T04:09:00.000+07:002011-02-14T04:09:55.415+07:00Happy Valentine Day 2011<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFMCJJnt3mPbS3e5eeO9C3eiCm1cCLzHKxRUMuwQJjIlaX15HKT4MmYu3toUjXMPufpfo2x8IYlujhUwBdjE03hUuzVUshrl70RXWDmnac4vl2a2MqMr1TWs7X8lJlkdySjQfczSaoqjzn/s1600/valentine-day-serba-blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFMCJJnt3mPbS3e5eeO9C3eiCm1cCLzHKxRUMuwQJjIlaX15HKT4MmYu3toUjXMPufpfo2x8IYlujhUwBdjE03hUuzVUshrl70RXWDmnac4vl2a2MqMr1TWs7X8lJlkdySjQfczSaoqjzn/s640/valentine-day-serba-blog.jpg" width="500" /></a></div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com1tag:blogger.com,1999:blog-3730494444035659769.post-78759529875094838772011-02-13T05:47:00.001+07:002011-02-13T05:48:37.661+07:00Mengoptimalkan Meta Tag Blog<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinTsj12PHp3zoPu4hOFmsH5fyUuLIzV4nqy8j5y_sz6ksEHy2F43vLjsuvMqsByczbvWhIIdzgIZ5Uki8tiXJATxtyR5YuRX8emfKfvMGi7lB04ZuhJYQfK-BxQKkZrBs49ZFoeVYJdyQ-/s1600/Mengoptimalkan+Meta+Tag+Blog.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinTsj12PHp3zoPu4hOFmsH5fyUuLIzV4nqy8j5y_sz6ksEHy2F43vLjsuvMqsByczbvWhIIdzgIZ5Uki8tiXJATxtyR5YuRX8emfKfvMGi7lB04ZuhJYQfK-BxQKkZrBs49ZFoeVYJdyQ-/s1600/Mengoptimalkan+Meta+Tag+Blog.jpg" /></a></div><a href="http://serba-seru.blogspot.com/2011/02/mengoptimalkan-meta-tag-blog.html"><b>Mengoptimalkan Meta Tag Blog</b></a> | Setelah kemarin membuat artikel tentang cara "<a href="http://serba-seru.blogspot.com/2011/02/meningkatkan-jumlah-pengunjung-dengan.html">Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog</a>" serta "<a href="http://serba-seru.blogspot.com/2011/02/mengoptimalkan-blog-dengan-meta-tag.html">Mengoptimalkan Blog dengan Meta Tag Title</a>". Masih berhubungan dengan cara meningkatkan jumlah pengunjung dengan <b>Meta Tag Blog</b>. Kali ini mengulas tentang cara mengoptimalkan Meta Tag Blog. wah, kenapa banyak banget aturan mainnya nih, jika sebelumnya sudah menghadirkan Setting Meta Tag, sekarang di optimalkan lagi, kenapa ga sekalian saja...???</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Namanya juga <a href="http://serba-seru.blogspot.com/search/label/Tips-Trik">tips & trik</a>(saran), maka itu adalah sebuah pilihan, jadi terserah mau mengikuti/mengambil yang mana. ga di ambil juga ga kenapa-napa...namanya juga pilihan. Namun didalam pilihan tentu ada yang terbaik, jadi ga ada salahnya buat ngambil sesuatu yang terbaik.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Lagipula Tips & Trik <a href="http://serba-seru.blogspot.com/2011/02/mengoptimalkan-meta-tag-blog.html">mengoptimalkan Meta Tag</a> ini sudah di terapkan oleh beberapa master blogger seperti Kang Rohman, o-om, dll yang sudah bisa kita lihat keberhasilan blog mereka. Jadi ga ada salahnya dong buat ngikutin cara mereka.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Jika pada <b>Meta Tag</b> sebelumnya kita mensetting meta tag deskripsi dan keyword utuh, kali ini mencoba mengoptimalkan meta tag dengan menambah keterangan <a href="http://serba-seru.blogspot.com/"><b>Nama Blog</b></a> dan <a href="http://serba-seru.blogspot.com/2011/02/mengoptimalkan-meta-tag-blog.html"><b>Judul Artikel Blog</b></a> pada deskripsi dan Keyword.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Berikut Penampakannya di Ruang Mbah <b>Google</b> :</div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8znw3lTwCBE21k8HQyqIxlMdyahWzw8ygxBiLZiPwKMmdMICYYWt-JdsrPsjTdeZumfSLdBlc7hLUrH-ARRU8nxDR8JYuC2N5IVCAzSH0w1FYS5wY3aTf4cbHb9Ficu__1FmzPmn4M7y/s1600/Optimizing+Meta+tag+SEO+Serba+Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8znw3lTwCBE21k8HQyqIxlMdyahWzw8ygxBiLZiPwKMmdMICYYWt-JdsrPsjTdeZumfSLdBlc7hLUrH-ARRU8nxDR8JYuC2N5IVCAzSH0w1FYS5wY3aTf4cbHb9Ficu__1FmzPmn4M7y/s1600/Optimizing+Meta+tag+SEO+Serba+Blog.jpg" /></a></div><br />
</div><div style="text-align: justify;">Langsung saja, untuk membuat meta tag dengan keterangan Nama Blog & Judul Blog pada deskripsi & Keyword, berikut langkah-langkahnya :</div><ul><li>Login ke Blogger</li>
<li>langsung menuju ke Design/Rancangan</li>
<li>Klik Tab Edit HTML</li>
<li>Cari kode berikut :</li>
</ul><div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 2px 4px; text-align: justify;"><title><data:blog.pageTitle/></title> </div></div><div style="text-align: justify;">Ganti kode diatas dengan kode dibawah ini :</div><div style="text-align: left;"><div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 2px 4px;"><b:if cond='data:blog.pageType != &quot;item&quot;'> </div><div style="background-color: #cccccc; padding: 2px 4px;"><meta expr:content='data:blog.pageTitle + &quot; - <b style="background-color: #cccccc; color: #cc0000;">DESCRIPTION</b><span style="background-color: #cccccc;">&quot;' name='description'/> </span></div><div style="background-color: #f3f3f3; padding: 2px 4px;"><meta expr:content='data:blog.pageTitle + &quot;, <b style="background-color: #f3f3f3; color: #cc0000;">KEYWORDS</b><span style="background-color: #f3f3f3;">&quot;' name='keywords'/> </span></div><div style="background-color: #cccccc; padding: 2px 4px;"><b:else/> </div><div style="background-color: #f3f3f3; padding: 2px 4px;"><meta expr:content='data:blog.pageName + &quot; - <b style="background-color: #f3f3f3; color: #cc0000;">DESCRIPTION</b><span style="background-color: #f3f3f3;">&quot;' name='description'/> </span></div><div style="background-color: #cccccc; padding: 2px 4px;"><meta expr:content='data:blog.pageName + &quot;, <b style="background-color: #cccccc; color: #cc0000;">KEYWORDS</b><span style="background-color: #cccccc;">&quot;' name='keywords'/></span></div><div style="background-color: #f3f3f3; padding: 2px 4px;"></b:if></div></div></div><div style="text-align: justify;">Ganti tulisan <b style="color: #cc0000;">Description</b> yang berwarna <span style="color: #cc0000;">Merah</span> dengan deskripsi blog anda.</div><div style="text-align: justify;">Ganti tulisan <b><span style="color: #cc0000;">Keywords</span></b> yang berwarna <span style="color: #cc0000;">Merah</span> dengan kata kunci blog anda.</div><div style="text-align: justify;"><ul><li>Kemudian simpan hasil kerja anda.</li>
</ul></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
Contoh :</div><div style="text-align: justify;"><div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 2px 4px;"><b:if cond='data:blog.pageType != &quot;item&quot;'> </div><div style="background-color: #cccccc; padding: 2px 4px;"><meta expr:content='data:blog.pageTitle + &quot; - <span style="color: #cc0000;">Serba berbagi tentang tutorial, tips-trik blog, facebook</span>&quot;' name='description'/> </div><div style="background-color: #f3f3f3; padding: 2px 4px;"><meta expr:content='data:blog.pageTitle + &quot;, <span style="color: #cc0000;">Artikel blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download</span>&quot;' name='keywords'/> </div><div style="background-color: #cccccc; padding: 2px 4px;"><b:else/> </div><div style="background-color: #f3f3f3; padding: 2px 4px;"><meta expr:content='data:blog.pageName + &quot; - <span style="color: #cc0000;">Serba berbagi tentang tutorial, tips-trik blog, facebook</span>&quot;' name='description'/> </div><div style="background-color: #cccccc; padding: 2px 4px;"><meta expr:content='data:blog.pageName + &quot;, <span style="color: #cc0000;">Artikel blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download</span>&quot;' name='keywords'/></div><div style="background-color: #f3f3f3; padding: 2px 4px;"></b:if></div></div></div><div style="text-align: justify;"><br />
<br />
Dari contoh Meta tag diatas, maka akan menjadi seperti dibawah ini (dilihat dari page source) :</div><div style="text-align: justify;">Ini contoh penampakan page source pada halaman Home/halaman depan :</div><div style="text-align: justify;"><b>Deskripsi </b></div><div style="background-color: #f3f3f3; border: 1px solid rgb(170, 170, 170); padding: 2px 4px; text-align: justify;"><b>Serba Blog</b> - Serba berbagi tentang tutorial, tips-trik blog, facebook, download ebook, software, film gratis</div><div style="text-align: justify;"><b>Keywords</b></div><div style="background-color: #f3f3f3; border: 1px solid rgb(170, 170, 170); padding: 2px 4px; text-align: justify;"><b>Serba Blog</b>, Artikel komputer, blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download, gratis</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Ini contoh penampakan page source pada halaman Artikel :</div><div style="text-align: justify;"><b>Deskripsi</b></div><div style="background-color: #f3f3f3; border: 1px solid rgb(170, 170, 170); padding: 2px 4px; text-align: justify;"><b>Serba Blog: Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog</b> - Serba berbagi tentang tutorial, tips-trik blog, facebook, download ebook, software, film gratis</div><div style="text-align: justify;"><b>Keywords</b><br />
<div style="background-color: #f3f3f3; border: 1px solid rgb(170, 170, 170); padding: 2px 4px;"><b>Serba Blog: Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog</b>, Artikel komputer, blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download, gratis</div></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Sebagai catatan, pastinya kita membuat judul posting yang berbeda disetiap postingan, setelah menggunakan meta tag seperti diatas, maka hasil yang akan ditampilkan pada search engine akan memiliki awal deskripsi yang berbeda-beda disetiap postingan disesuaikan dengan judul postingan blog secara otomatis. Jadi bisa dibilang, kita bisa menebar benih lebih banyak di search engine dengan bantuan Nama Blog serta Judul Artikel Blog yang berperan sebagai deskripsi blog. Maka meta tag ini biasa disebut dengan <a href="http://serba-seru.blogspot.com/2011/02/mengoptimalkan-meta-tag-blog.html"><b>Meta Tag Blogger Dinamis/Dynamic Blogger Meta Tag</b></a>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="font-size: x-small;"><i>Source : http://www.blogspottutorial.com/2010/11/best-blogger-meta-tag.html</i></span></div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com17tag:blogger.com,1999:blog-3730494444035659769.post-73090643450874776012011-02-12T06:28:00.001+07:002011-02-12T06:29:53.611+07:00Mengoptimalkan Blog Dengan Meta Tag Title<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEVmhr7o7pZDyW8q0yo2WoMayh0w0aeU0oVNhG29Dyhn1rg93cO0dFZsRvDb9g6K_CJ_RfTsMpxYV80AwU64EzvfOO3ogAdQZwrduiv6rRb6tdLdHe-ZQA1K4M_JTJXttIklCtfIm9PMgO/s1600/Meta+Tag+Title+SEO.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEVmhr7o7pZDyW8q0yo2WoMayh0w0aeU0oVNhG29Dyhn1rg93cO0dFZsRvDb9g6K_CJ_RfTsMpxYV80AwU64EzvfOO3ogAdQZwrduiv6rRb6tdLdHe-ZQA1K4M_JTJXttIklCtfIm9PMgO/s1600/Meta+Tag+Title+SEO.jpg" /></a></div><a href="http://serba-seru.blogspot.com/2011/02/mengoptimalkan-blog-dengan-meta-tag.html"><b>Mengoptimalkan Blog Dengan Meta Tag Title</b></a> | Untuk mempermudah Search Engine memberikan pengunjung ke blog kita, ada beberapa cara seperti salah satunya yang sudah diungkapkan pada artikel sebelumnya yaitu "<a href="http://serba-seru.blogspot.com/2011/02/meningkatkan-jumlah-pengunjung-dengan.html"><i><b>Meningkatkan Jumlah Pengunjung Dengan Meta Tag Blog</b></i></a>". Adapun cara berikut ini cukup memberikan pengaruh untuk meningkatkan jumlah pengunjung, yaitu dengan mensetting <a href="http://serba-seru.blogspot.com/2011/02/mengoptimalkan-blog-dengan-meta-tag.html"><b>Meta Tag Title</b></a>. Biasanya <b>Title Blog secara default</b> akan di set seperti berikut :</div><div style="color: #cc0000; text-align: justify;"><b><title><data:blog.pageTitle/></title></b></div><div style="text-align: justify;">Hasilnya akan ditampilkan di Search Engine (Google) seperti gambar dibawah ini :</div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-jZcmWWqWuNcyrq3_SU1uSk8bj4Q-zUtNl_JFJsOKDv1UTzxsD2dVcgOp45d0nyB4Np6Yzy41NfP3pmrKvgpTThFnt9Y6ho3h8eVdN9v2_uHzV-Fh6a4BabzqtxaMIUMonUrW4FYSfmv3/s1600/Meta+Tag+Title+Serba+Blog-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-jZcmWWqWuNcyrq3_SU1uSk8bj4Q-zUtNl_JFJsOKDv1UTzxsD2dVcgOp45d0nyB4Np6Yzy41NfP3pmrKvgpTThFnt9Y6ho3h8eVdN9v2_uHzV-Fh6a4BabzqtxaMIUMonUrW4FYSfmv3/s1600/Meta+Tag+Title+Serba+Blog-2.jpg" /></a></div></div><div style="text-align: justify;">Pada gambar diatas, yang ditampilkan terlebih dahulu yaitu Nama Blog kita, setelah itu baru Judul artikel pada blog kita.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Pada umumnya, pengunjung akan mencari artikel/gambar di Search Engine. Maka logikanya yang dicari adalah isi/konten artikel dari suatu blog dan yang mewakilkan isi/konten artikel blog adalah Judul Artikel Blog. Bayangkan saja jika misalkan nama blog anda adalah Catatan Budi. bisa dipastikan orang akan menulis Catatan Budi sebagai Kata Kunci sangat kecil kemungkinannya.</div><div style="text-align: justify;">Namun misalkan didalam Blog Catatan Budi memuat artikel yang berjudul "<b>Cara Mengoptimalkan SEO Blog</b>", besar kemungkinan orang akan menuliskan kata kunci "Cara Mengoptimalkan SEO Blog/<a href="http://serba-seru.blogspot.com/search/label/SEO">SEO</a>/SEO Blog/dll".</div><div style="text-align: justify;">Maka dari itu ada baiknya sebagai garis depan untuk mewakilkan blog kita, kita tempatkan Judul Artikel Blog pada posisi yang terdepan.</div><br />
Contoh penampakan setelah dipasang Meta Tag Title yang akan ditampilkan di Search Engine Google seperti dibawah ini :<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ8cpnW6eFDowqGlP3ap68H8evB2BKdHldT6ZIIn4u-awNQRH-3TLv7-Prh2dGm9YqIZ4yVCIl5p6OsPFQIAKn3kkoLusykStdCpFHzJA2lpyi0CxEbRMtQ9K-rUr9_YjnCnVJ-5Dv86Ym/s1600/Meta+Tag+Title+Serba+Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ8cpnW6eFDowqGlP3ap68H8evB2BKdHldT6ZIIn4u-awNQRH-3TLv7-Prh2dGm9YqIZ4yVCIl5p6OsPFQIAKn3kkoLusykStdCpFHzJA2lpyi0CxEbRMtQ9K-rUr9_YjnCnVJ-5Dv86Ym/s1600/Meta+Tag+Title+Serba+Blog.jpg" /></a></div>Berikut yang akan tampil di Browser kita :<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPGNL4w3T7rDWLXFu9m3m3P9TLES7BFOJnUs8lmbpTXoqbykaQcBqAZLqdlkpjEdYn2lnGHo7QuHLlQAq2ocER1lSaYCD8sOZXgD2NRYfK_dhciJVjsmODxW1vva3pOFNs5cgHzgZHk-uO/s1600/Meta+Tag+Title+Serba+Blog-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPGNL4w3T7rDWLXFu9m3m3P9TLES7BFOJnUs8lmbpTXoqbykaQcBqAZLqdlkpjEdYn2lnGHo7QuHLlQAq2ocER1lSaYCD8sOZXgD2NRYfK_dhciJVjsmODxW1vva3pOFNs5cgHzgZHk-uO/s1600/Meta+Tag+Title+Serba+Blog-4.png" /></a></div><br />
Berikut cara mensetting Meta Tag Title di Blog :<br />
<ul><li>Login ke Blogger</li>
<li>Klik Design/Rancangan</li>
<li>Pilih Edit HTML</li>
<li>cari code berikut :</li>
</ul><div style="background-color: #f3f3f3; border: 1px solid rgb(170, 170, 170); padding: 4px;"><title><data:blog.pageTitle/></title></div><ul><li>Ganti code diatas dengan code berikut ini :</li>
</ul><div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 4px;"><b:if cond='data:blog.pageType == "item"'></div><div style="background-color: #cccccc; padding: 4px;"><title><data:blog.pageName/> | <data:blog.title/></title></div><div style="background-color: #f3f3f3; padding: 4px;"><b:else/><title><data:blog.pageTitle/></title></div><div style="background-color: #cccccc; padding: 4px;"></b:if></div></div><ul><li>Simpan hasilnya.</li>
</ul><br />
<div style="text-align: justify;">Untuk melihat hasilnya di Search Engine, butuh beberapa hari untuk <a href="http://serba-seru.blogspot.com/2011/02/mengoptimalkan-blog-dengan-meta-tag.html">Search Engine</a> menerima settingan Meta Title Blog anda. jadi, harap bersabar....</div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com18tag:blogger.com,1999:blog-3730494444035659769.post-83131479064888805792011-02-11T05:27:00.002+07:002011-02-11T05:38:23.937+07:00Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZCw3-G1brYsmtBMjN9OTuZmjCSfwHpadeib7TwtbYmIq7DMMtYGd-PXUzQdsAUS2oQwp-E3YMIYhf8xuMchG7wVKP4F2xqP2mlleTpc_ccNWkdnHwiRKJ0Zw9hag3svoyd5YofUU5cKOl/s1600/Cara+meningkatkan+pengunjung+blog+meta+tag.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZCw3-G1brYsmtBMjN9OTuZmjCSfwHpadeib7TwtbYmIq7DMMtYGd-PXUzQdsAUS2oQwp-E3YMIYhf8xuMchG7wVKP4F2xqP2mlleTpc_ccNWkdnHwiRKJ0Zw9hag3svoyd5YofUU5cKOl/s1600/Cara+meningkatkan+pengunjung+blog+meta+tag.jpg" /></a></div><div style="text-align: justify;"><a href="http://serba-seru.blogspot.com/2011/02/meningkatkan-jumlah-pengunjung-dengan.html"><b>Meningkatkan Jumlah Pengunjung dengan Meta Tag Blog</b></a> | Sebagai salah satu cara untuk menarik pengunjung ke Blog kita adalah dengan memasang Meta Tag di blog kita.Tujuannya adalah supaya blog kita bisa memberikan keterangan yang jelas tentang Blog kita kepada Search Engine, apa saja yang di tuangkan dalam blog kita, blog kita ber-tema-kan apa, kata kunci apa yang menjadi kunci utama untuk membuka pintu menuju blog kita, dan lain sebagainya. Namun yang jelas, kita pasti berharap bahwa pengunjung blog dapat datang secara otomatis dan bukan melalui cara manual(blogwalking,dll).</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Banyak cara menarik pengunjung ke Blog kita, salah satunya yaitu melalui <a href="http://serba-seru.blogspot.com/2009/12/mendaftarkan-blog-ke-search-engine.html"><b>Search Engine</b></a> seperti <b>Google, Yahoo, MSN</b>, dan banyak lagi yang lainnya. Nah, bagaimana cara menarik perhatian Search Engine untuk melirik blog kita. Seperti pepatah, "Tak kenal maka tak sayang". begitu juga dengan Search Engine. Bagaimana Search Engine ingin menyayangi blog kita jika Search Engine tidak mengenal blog kita. Search engine tahu dengan <a href="http://serba-seru.blogspot.com/">SERBA BLOG</a>, tapi Search engine belum tentu mengenal SERBA BLOG, apa sih itu serba blog, serba blog itu membahas apa, Search Engine bakalan memberikan kunci kepada pengunjung sesuai kriterianya. maka dari itu kita berikan keyword/kata kunci blog kita ke Seach Engine agar Search Engine bisa memberikan kunci tersebut kepada para pengunjung.</div><br />
Bagaimana cara memperkenalkan blog kita kepada Search Engine, yaitu melalui <a href="http://serba-seru.blogspot.com/2011/02/meningkatkan-jumlah-pengunjung-dengan.html"><b>META TAG</b></a>.<br />
Berikut Code Meta Tag :<br />
<div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 4px;"><meta content='<b style="color: #cc0000;">Deskripsi Blog Anda</b>' name='description'/></div><div style="background-color: #cccccc; padding: 4px;"><meta content='<b style="color: #cc0000;">Kata Kunci Blog Anda</b>' name='keywords'/></div></div><br />
Ganti tulisan berwarna <b><span style="color: #cc0000;">merah</span></b> sesuai dengan deskripsi dan kata kunci blog anda<br />
Untuk membuat meta tag description, sesuaikan dengan deskripsi blog kita.<br />
Untuk meta tag keyword, buatlah kata kunci sesuai dengan artikel yang kita sajikan di blog kita dan tidak lebih dari 30 kata kunci.<br />
<br />
Contoh :<br />
<div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 4px;"><meta content='<b style="color: blue;">Serba berbagi tentang tutorial, tips-trik blog, facebook</b>' name='description'/></div><div style="background-color: #cccccc; padding: 4px;"><meta content='<b><span style="color: blue;">Artikel blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download</span></b>' name='keywords'/></div></div><br />
Untuk memasang Meta Tag di blog, silakan lihat cara seperti dibawah ini :<br />
<ul><li>Masuk ke Blogger</li>
<li>Langsung menuju <b>Design/Rancangan</b></li>
<li>Klik tab <b>Edit <a href="http://serba-seru.blogspot.com/2010/01/cara-menampilkan-code-htmljavascript-di.html">HTML</a></b></li>
<li>Cari kode ini :</li>
</ul><div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 4px;"><title><data:blog.pageTitle/></title> .</div></div><ul><li>Ganti code diatas dengan code berikut :</li>
</ul><div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 4px;"><title><data:blog.pageTitle/></title></div><div style="background-color: #cccccc; padding: 4px;"><meta content='Deskripsi Blog Anda' name='description'/></div><div style="background-color: #f3f3f3; padding: 4px;"><meta content='Kata Kunci Blog Anda' name='keywords'/></div></div><br />
Contoh :<br />
<div style="border: 1px solid rgb(170, 170, 170);"><div style="background-color: #f3f3f3; padding: 4px;"><title><data:blog.pageTitle/></title> .</div><div style="background-color: #cccccc; padding: 4px;"><meta content='Serba berbagi tentang tutorial, tips-trik blog, facebook' name='description'/></div><div style="background-color: #f3f3f3; padding: 4px;"><meta content='Artikel blog, blogger, widget, gadget, serba, seru, tips trik, tutorial, html, javascript, software, download' name='keywords'/></div></div><ul><li>Lalu simpan.</li>
</ul><br />
<div style="text-align: justify;">Maka selanjutnya tinggal tugas Search Engine untuk mengenali blog kita dan memberikan kunci blog kita kepada para pengunjung.</div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com15tag:blogger.com,1999:blog-3730494444035659769.post-20648819847360062582011-02-10T00:17:00.002+07:002021-09-20T15:51:04.305+07:00Cara Pasang Kotak Komentar/Comment Form Facebook di Blogger<div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFwicBZgsNmFzSQQm7e1iE4DYzdT2MZxgBjFa2hh9XjIeYUQ8_D94_5FiCpmuoozhcyxnxrWjSHCq175OrvyNHoIYaTFg_QnKZstcpkYaP-rL7CnCWXv4R5I7ZO117awk_36TCGmFGDXXr/s1600/Cara+membuat+kotak+komentar+-+comment+form+Facebook+di+blogger-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFwicBZgsNmFzSQQm7e1iE4DYzdT2MZxgBjFa2hh9XjIeYUQ8_D94_5FiCpmuoozhcyxnxrWjSHCq175OrvyNHoIYaTFg_QnKZstcpkYaP-rL7CnCWXv4R5I7ZO117awk_36TCGmFGDXXr/s1600/Cara+membuat+kotak+komentar+-+comment+form+Facebook+di+blogger-3.png" /></a></div><a href="http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html"><b>Cara Membuat Kotak Komentar/Comment Form Facebook di Blogger</b></a> | Mungkin Tips ini udah bukan hal baru lagi, namun jika niat ingin berbagi, tidak ada kata terlambat. Berikut ini ingin mensharingkan cara membuat Kotak Komentar/Comment Form Facebook yang akan di tampilkan di Blogger. Jadi Kotak komentar yang sudah secara default ada di blogger dirubah atau ditambah dengan aplikasi kotak komentar/Comment form yang disediakan oleh Facebook.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Fungsi <a href="http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html">kotak komentar Facebook</a> ini adalah sebagai pengganti atau alternatif lain bagi pengunjung blog kita untuk memberikan komentar di blog kita, karena memungkinkan untuk pengunjung blog selain pengguna Blogger/Wordpress/Typepad/Open id untuk memberikan ide/komentar/saran/kesan untuk blog kita. Dikarenakan pengguna Facebook semakin meningkat jumlahnya, jadi bisa dipastikan hampir semua pengunjung blog memiliki akun Facebook.<br />
<br />
Untuk melihat demo Kotak komentar Facebook, silakan lihat <a href="http://serbatemplate-demo.blogspot.com/2010/02/serba-template-demo.html" target="_blank"><b>Disini </b></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Berikut ini cara membuat/memasang kotak komentar Facebook di blogger :</div><div style="text-align: justify;"><br />
</div>Pertama, silakan buat aplikasi facebooknya disini : <a href="http://developers.facebook.com/setup/"><b>Facebook Develover</b></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX8-82-_NeD4CEM9RvwOjFj8DX0wZDZ_VUvcw2WFVfXyNlA-jUYrzX1bDJ6HPTUuJCaMCqtSTf1bvlyhGUqh6DiaKhsdPEKtuaaDOZP4IU9Ms9Gc-rzZ5Q8iYmmtjXAdXzrFgGaBGWMEMe/s1600/Cara+membuat+kotak+komentar+-+comment+form+Facebook+di+blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX8-82-_NeD4CEM9RvwOjFj8DX0wZDZ_VUvcw2WFVfXyNlA-jUYrzX1bDJ6HPTUuJCaMCqtSTf1bvlyhGUqh6DiaKhsdPEKtuaaDOZP4IU9Ms9Gc-rzZ5Q8iYmmtjXAdXzrFgGaBGWMEMe/s1600/Cara+membuat+kotak+komentar+-+comment+form+Facebook+di+blogger.png" /></a></div><div style="text-align: justify;">isi form dengan lengkap seperti contoh diatas.</div><div style="text-align: justify;">untuk kolom URL site, isi URL blog anda, jangan lupa tambahkan backslash "/" diakhir URL agar blog anda bisa dikonfirmasi.</div><div style="text-align: justify;">Contoh : <b style="color: black;">http://serba-seru.blogspot.com</b> menjadi <b><span style="color: black;">http://serba-seru.blogspot.com</span><span style="color: #cc0000;"><span style="color: black;">/</span> <=</span></b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Kemudian ambil ID aplikasi yang sudah diberikan (<i>lihat contoh dibawah</i>)</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp6yoGoT9Nv-fd-Bfm5X6EhkLznkHjfcPaKgJTIf-j7AF5aI4G3GRE6JdDLtG6Lf9czm-rgy1r2EJijSC29fWV9gp4UhVtrcGlRLvrwdMgG_xvwIy_TP7LiBoZJz74XUiPhVl7DzT2F6ph/s1600/Cara+membuat+kotak+komentar+-+comment+form+Facebook+di+blogger-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp6yoGoT9Nv-fd-Bfm5X6EhkLznkHjfcPaKgJTIf-j7AF5aI4G3GRE6JdDLtG6Lf9czm-rgy1r2EJijSC29fWV9gp4UhVtrcGlRLvrwdMgG_xvwIy_TP7LiBoZJz74XUiPhVl7DzT2F6ph/s1600/Cara+membuat+kotak+komentar+-+comment+form+Facebook+di+blogger-2.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Langkah selanjutnya, langsung menuju Blogger. Login ke account blog anda.</div><div style="text-align: justify;">Kemudian langsung menuju <b>Design/Rancangan</b> => Klik tab <b>Edit HTML</b> => Centang "<b>Expand Widget Template</b>".</div><div style="text-align: justify;">Lalu cari code berikut ini :</div><div style="text-align: justify;"><br />
</div><div style="background-color: #f3f3f3; padding: 10px; text-align: justify;"><data:post.body/> atau <div class='post-header-line-1/></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Jika sudah ketemu, Paste code berikut ini setelah code diatas <i> </i></div><div style="text-align: justify;"><i>(Jika sudah memasang readmore, terdapat dua code <data:post.body/>, maka letakkan code dibawah ini setelah <data:post.body/> yang <b>kedua)</b></i></div><div style="text-align: justify;"><br />
</div><div style="background-color: #f3f3f3; padding: 10px; text-align: justify;"><span style="font-size: x-small;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div style='background-color:<b style="color: blue;">#ffffff</b>; padding:10px; border:1px solid #cccccc;'><br />
<p align='left' style='background:transparent;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgojFxzeZA1A-7yCf6QXNnlh9DAU4wcK-6XkSW8UjTVmlutk_FINrf9kQZeRPmjSugr4L1b4beq56BeRnjF-c18sP0so02vKW6pIbUwB-DoYDh-PB3bvjX39Von1SkIXRtW7XnFY6EOfS_q/'/></a></p><br />
<div id='fb-root'/><br />
<script> window.fbAsyncInit = function() { FB.init({appId: &#39;<b style="color: #cc0000;">ID-APLIKASI</b>&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script><br />
<fb:comments/><br />
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></p></div><br />
</b:if></span></div><br />
Ganti tulisan <b style="color: #cc0000;">ID-Aplikasi</b> dengan ID Aplikasi yang telah anda buat sebelumnya.<br />
Jika ingin mengganti background untuk menyesuaikan dengan template blog anda, silakan ganti kode warna tulisan yang berwarna biru diatas (<b><span style="color: blue;">#ffffff</span></b>)<br />
<br />
Bagi anda yang hanya ingin menggunakan kotak komentar Facebook saja di blogger tanpa comment form blogger, anda bisa menghilangkan comment form blogger tersebut dengan cara :<br />
Klik Tab <b>Setting/Pengaturan</b> => <b>Comments/Komentar</b> => Klik <b>hide/sembunyikan</b> pada bagian Komentar/Comment<br />
<br />
Untuk melihat contoh hasilnya, silakan lihat <a href="http://serbatemplate-demo.blogspot.com/2010/02/serba-template-demo.html" target="_blank"><b style="color: red;">Disini</b></a><br />
<br />
Semoga bisa bermanfaat.GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com25tag:blogger.com,1999:blog-3730494444035659769.post-43463245351469020142011-02-08T18:40:00.001+07:002011-02-08T18:47:23.198+07:00Black Eleganisme Blogger Template<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RMtrYJy-TnO36cC3c3nCmvIOl7Y-rj8Lm6-8Lgk3_PUJEi-vdeOxX176tj8j0UDXYHooY-fkk6d9cmcHVMEdrCzbS9A020K5NwEHFRx3EXkAux6plui1OsPT3-1KP5j8ykw_TfFOb4g/s1600/Black+Eleganisme+Blogger+Template.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RMtrYJy-TnO36cC3c3nCmvIOl7Y-rj8Lm6-8Lgk3_PUJEi-vdeOxX176tj8j0UDXYHooY-fkk6d9cmcHVMEdrCzbS9A020K5NwEHFRx3EXkAux6plui1OsPT3-1KP5j8ykw_TfFOb4g/s1600/Black+Eleganisme+Blogger+Template.png" /></a></div>I could finally solve also this one <a href="http://serba-seru.blogspot.com/search/label/Template">blogger template</a>. after all this time trying to learn how to process the CSS and <a href="http://serba-seru.blogspot.com/search/label/HTML%2FJavascript">HTML</a> code are enough to get confused. Here is the first template that I want to share that might make you feel interested with this one template.<br />
<br />
This template I give the name <i><b>"Black Eleganisme"</b></i>. for more details, please see the demo <a href="http://black-eleganisme.blogspot.com/" target="_blank"><b style="color: #3d85c6;">HERE</b></a>.<br />
<br />
Here are some features of the <a href="http://serba-seru.blogspot.com/2011/02/black-eleganisme-blogger-template.html"><b>Black Eleganisme</b></a> :<br />
<blockquote>Stylish Menu with SEO<br />
3 columns<br />
2 Right sidebar<br />
3 Footer Column<br />
Adsense Optimized<br />
Auto Readmore<br />
Automatic Thumbnail on Homepage<br />
SEO Title<br />
Magazine Styled<br />
Ads Ready<br />
Black<br />
Custom Navbar<br />
Elegant<br />
Fixed<br />
Grey<br />
News<br />
SEO Ready<br />
Many more...</blockquote><br />
<br />
<b>Here are Installation Instructions :</b><br />
<i>(Before you do this, first backup your current template)</i><br />
<br />
1. Download the template and Sign into Blogger » Design » Edit html</div><div style="text-align: justify;">and then Upload the template file (xml file), you can see the preview first or just Save it.<br />
<br />
2. Editing Top Navigation Links...<br />
To Edit the top Nav links (Home, Link 1, Link 2,etc..)<br />
<br />
Sign into Blogger » Design » Edit html » Tick the "Expand Widget Templates"<br />
<i>Control + F (to search)</i><br />
<br />
Find these lines :<br />
<div style="background-color: #f3f3f3; border: 1px solid rgb(221, 221, 221); padding: 10px;"><li><a expr:href='data:blog.homepageUrl'>Home</a></li><br />
<li><a href='http://YOUR-LINK.blogspot.com/'>Link 1</a></li><br />
<li><a href='http://YOUR-LINK.blogspot.com/'>Link 2</a></li><br />
<li><a href='http://YOUR-LINK.blogspot.com/'>Link 3</a></li></div>Edit the URL's and their respective Anchor Text's to whatever you like.<br />
<i><b>Ex : <li><a href='http://serba-seru.blogspot.com/'>Serba Blog</a></li></b></i><br />
Save your work.<br />
<br />
<br />
3. For change Facebook/Twitter button link on Black Eleganisme Blogger Template,<br />
Sign into Blogger » Design » Edit html » Tick the "Expand Widget Templates"<br />
<i>Control + F (to search)</i><br />
<br />
Find these lines :<br />
<div style="background-color: #f3f3f3; border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href='<span style="color: #cc0000;">http://www.facebook.com/YOUR-ID-NAME</span>' style='padding-right:5px;' target='_blank'><br />
<img height='16px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVsK5MiVRr297dLSsIYjJIYvz4uzcmauO9SiMf2XSHX3cqPlaK5MH3bKJ9HIERzUumzysc1yQYOu-G6Iz6GQulyX4OkoEwG6nFaQx7n_QQ5yGo2J0ErW4Kj6oIhQ9PapJVSjex6HA-IZ14/s1600/facebook-eleganisme.png' width='16px'/></a><br />
<br />
<a href='<span style="color: #cc0000;">http://www.twitter.com/YOUR-ID-NAME</span>' style='padding-right:5px;' target='_blank'><br />
<img height='16px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-PzPFarrGRDGGEnYYZknIFQnuaA8UVmACsSq6xCHngh4Yr-MLgS79hb5xbixeXcrWfCZ4qH8R3Tvw6LwBaU7iSlAE09wca3vsPzuhyphenhyphendB3nKKyaK2VGzBXKBUVsL7MX5TnODJmFmzzRBwj/s1600/Twitter-eleganisme.png' width='16px'/></a></div>Replace Red text above in accordance with your <b>Facebook and Twitter account</b>.<br />
Save your work<br />
<br />
For Download Black Eleganisme Blogger Template, <a href="http://www.box.net/shared/ye2qpgh5jy" rel="nofollow" target="_blank"><b style="color: #cc0000;">CLICK HERE</b></a><br />
For Download more template, Visit <a href="http://www.serbatemplate.co.cc/" target="_blank"><b style="color: #cc0000;">HERE</b></a><br />
<br />
I hope All of you like the template, if any problem, you can comments below, looking forward for the comments! <br />
Thank You...!!!</div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com0tag:blogger.com,1999:blog-3730494444035659769.post-76052122302686103192011-02-03T09:15:00.004+07:002011-02-14T07:14:28.276+07:00Update Anti Virus SMADAV 8.4<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="http://www.smadav.net/banner.php?id=5&ref=1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank" title="antivirus"><img alt="smadav antivirus indonesia" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHufxdwz-UbpA-k7tGk3qdy4LpK8YgMVLy3ZXFMJGiF4x6zWXXR1_zcRRereN8KiEqY2SwMg8dEtyMeEaK5tM33BLeQGpUCi7boqp8ACYPBkv_GRMv4lX2F0Jf43Gf9WpA9f-1RInEJRRu/" /></a></div>Barusan saja muncul notifikasi di desktop yang menampilkan <a href="http://serba-seru.blogspot.com/2011/02/update-anti-virus-smadav-84.html"><b>Update SMADAV 2011</b></a> yang terbaru yang di rilis pada tanggal 23 Januari 2011 yang lalu. Versi terbaru <a href="http://serba-seru.blogspot.com/search/label/Anti%20Virus">anti virus</a> buatan Indonesia ini yaitu <a href="http://serba-seru.blogspot.com/2011/02/update-anti-virus-smadav-84.html"><b>SMADAV 8.4</b></a>. Berikut beberapa vitur terbaru dari SMADAV revisi 8.4 :</div><ul><li>Penambahan database 40 virus baru</li>
<li>Pendeteksi khusus untuk beberapa virus shortcut terbaru (MSO.sys, fanny.bmp)</li>
<li>Perbaikan teknik heuristik untuk varian virus shortcut</li>
<li>Penambahan teknik heuristik (VB Decompiler)</li>
<li>Penyempurnaan metode blacklist Smadav Pro Ilegal</li>
</ul><div style="text-align: justify;">Buat yang masih menggunakan Anti Virus <b>SMADAV 8.3</b>, segera <a href="http://serba-seru.blogspot.com/search/label/Update">update</a> anti virus Smadav anda dengan Smadav 8.4 agar PC dan laptop lebih aman dari ancaman virus.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Untuk mendownload <a href="http://serba-seru.blogspot.com/2011/02/update-anti-virus-smadav-84.html">Update Smadav revisi 8.4</a>, silakan langsung menuju Official sitenya <b><a href="http://www.smadav.net/" style="color: red;" target="_blank">www.smadav.net</a></b></div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com0tag:blogger.com,1999:blog-3730494444035659769.post-44075018102033782222011-02-01T17:35:00.001+07:002011-02-15T01:01:04.237+07:00Lagu CSS3 | The CSS3 Song<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSDJcp9doCusB8PDfJ1c7OhfCS8TRBz8kiYLXH2VL0uZBHF9jde8pZJdQH8jMWUJihwYwFq8Dqv1Kz_t6uRyKBeIZfnYRA1WoINB-p8HynZn9061kQMt6WxQS4gAKcqpx77rzEjG16VEpI/s1600/CSS3+Song+-+lagu+CSS3.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSDJcp9doCusB8PDfJ1c7OhfCS8TRBz8kiYLXH2VL0uZBHF9jde8pZJdQH8jMWUJihwYwFq8Dqv1Kz_t6uRyKBeIZfnYRA1WoINB-p8HynZn9061kQMt6WxQS4gAKcqpx77rzEjG16VEpI/s1600/CSS3+Song+-+lagu+CSS3.jpg" /></a></div><div style="text-align: justify;">Semenjak <a href="http://serba-seru.blogspot.com/2011/01/kembali-dari-sebuah-perjalanan-panjang.html">hadir kembali ke blog</a> ini, sempat bingung mau mengisi apa di blog ini, maklum sudah lama meninggalkan blog ini, jadi otak sudah terkontaminasi dengan hal-hal diluar sana.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Akhirnya memutuskan isesng-iseng jalan-jalan dulu ke tempatnya mbah Google, mencoba mencari ide untuk mengisi blog ini. Eh tanpa disengaja terlihat sesuatu yang agak aneh. Sebuah video menghentikan saya sejenak dari perjalanan surfing di mbah google. Video ini ga lucu sih, namun tema lagunya yang bikin terasa gokil banget. Sebuah program desain website/blog yang biasa kita dengar dengan <b>CSS3</b> dibuat menjadi sebuah lagu. Ga tau tuh orang udah ga ada kerjaan, memang super kreatif, udah capek desain website jadi iseng istirahat sambil bikin lagu, atau memang sudah fanatik banget dengan CSS3. hehehee....</div><br />
Ya udah deh mending simak saja lagunya "<a href="http://serba-seru.blogspot.com/2011/02/lagu-css3-css3-song.html">The CSS3 Song</a>" :<br />
<br />
<center><iframe allowfullscreen="" class="youtube-player" frameborder="0" height="367" src="http://www.youtube.com/embed/5b7dNNapMCM?rel=0" title="YouTube video player" type="text/html" width="450"></iframe></center><br />
<br />
Berikut ini lirik lagunya :<br />
<blockquote><div style="background-color: #f3f3f3; border-color: black white white black; border-style: solid; border-width: 2px; padding: 10px;">The CSS3 Song<br />
<br />
CSS3<br />
Web animation done properly<br />
CSS3<br />
Degrading gracefully<br />
<br />
I had a dream, an awesome dream<br />
People surfing in the park<br />
On Windows, Linux and Mac<br />
And their page load speeds were oh-so-high<br />
No big JavaScript library<br />
Just to show some eye-candy<br />
<br />
CSS3<br />
Web animation done properly<br />
CSS3<br />
Degrading gracefully<br />
<br />
As we surf down the superhighway<br />
Did you ever even think<br />
We could replace <marquee> and <blink>?<br />
With just one, just one line of code<br />
But it's open to abuse<br />
We must be careful not to overuse it<br />
<br />
CSS3<br />
Web animation done properly<br />
CSS3<br />
Degrading gracefully<br />
<br />
CSS3<br />
Web animation done properly<br />
CSS3<br />
Degrading gracefully<br />
Degrading gracefully<br />
With HTML5, naturally</div></blockquote><br />
<a href="http://serba-seru.blogspot.com/2011/02/lagu-css3-css3-song.html"><b>The CSS3 Song</b></a><br />
<br />
<br />
<span style="font-size: x-small;"><i>Source : http://ajaxian.com </i></span><b><br />
</b>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com1tag:blogger.com,1999:blog-3730494444035659769.post-91150837970226795872011-02-01T08:26:00.001+07:002011-02-01T08:26:55.570+07:00Rahasia Google Pagerank Sulit di Tebak<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwfVil0RkCLoVI76yGyP7Id0LeLNCkQzLXeTylspJgS4q_A5SUVddiWdGIg_VALL-62pdkxqOVlzw4TFQLLWqoc4lBWc0gsZ-9U3NDoPcDlORCtWV2XOcz3TyvGVbiv8LfMwV_yRqNNFqF/s1600/Rahasia+Google+Pagerank.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwfVil0RkCLoVI76yGyP7Id0LeLNCkQzLXeTylspJgS4q_A5SUVddiWdGIg_VALL-62pdkxqOVlzw4TFQLLWqoc4lBWc0gsZ-9U3NDoPcDlORCtWV2XOcz3TyvGVbiv8LfMwV_yRqNNFqF/s1600/Rahasia+Google+Pagerank.jpg" /></a></div><a href="http://serba-seru.blogspot.com/2011/02/rahasia-google-pagerank-sulit-di-tebak.html"><b>Rahasia Google Pagerank Sulit di Tebak</b></a> | Pada posting sebelumnya "<a href="http://serba-seru.blogspot.com/2011/01/pagerank-meningkat-hadiah-dari-google.html">Pagerank meningkat - Hadiah dari Google</a>" telah mengangkat tentang <a href="http://serba-seru.blogspot.com/">kenaikan pagerank Serba Blog</a> serta beberapa blog teman yang meningkat Pagerank-nya dan beberapa blog lainnya yang tetap tidak beranjak Pagerank-nya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Memang Rahasia Google Pagerank sulit di tebak, perhitungan/rumus yang mereka gunakan juga masih membingungkan bagi saya, maklum masih hijau di dunia blogging. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Kemarin sempat berkunjung ke blog teman saya (maaf tidak bisa disebutkan untuk menjaga nama blog tersebut), blog tersebut meningkat Pagerank-nya, padahal blog tersebut hanya memiliki 2 artikel saja bahkan salah satu artikel tersebut adalah artikel copy paste. Setelah ngobrol secara langsung via offline, ternyata blognya tersebut juga masih belum mengoptimalkan SEO (<a href="http://serba-seru.blogspot.com/2009/12/mendaftarkan-blog-ke-search-engine.html">submit ke search engine</a>, memasang meta tag, serta yang lainnya). Koq bisa yaa...???</div><div style="text-align: justify;">Namun setelah melihat-lihat lagi, ada satu hal yang mungkin bisa menjadi alasan kenapa blognya bisa naik peringkat, pada blog tersebut terdapat widget <a href="http://serba-seru.blogspot.com/2009/12/mengefisienkan-tampilan-daftar-link.html">Link Exchange</a> di sidebar. Karena yang saya tau, salah satu penunjang kenaikan Pagerank adalah <a href="http://serba-seru.blogspot.com/2009/12/membuat-link-to-me-widget.html">bertukar link</a> dengan blog lain dan yang lebih efisiennya lagi bertukar link dengan blog yang memiliki topik/tema artikel yang sealiran/sama (blog A dengan tema tips trik blogging bertukar link dengan blog B dengan tema tips trik blogging). Mungkin hal tersebut yang menunjang kenaikan Pagerank pada blognya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Tapi yang bikin kita agak bingung, teman saya ini ternyata memiliki blog yang lain, teman saya ini fokus kepada blog yang satu ini, sebut saja blog cerpen. Waktu pembuatan awal blog ini tidak jauh dari blognya yang sudah mendapatkan pagerank diatas, hanya selisih 1-2 minggu saja. Sudah pernah submit ke beberapa Search Engine serta sudah memasang meta tag. Pada blog cerpen ini memiliki sekitar 40-an <a href="http://serba-seru.blogspot.com/2010/01/menampilkan-postingan-secara-otomatis.html">artikel</a> tanpa ada satupun yang copy paste karena artikel berdasarkan pengalaman pribadi. karena seperti yang kita ketahui bahwa penunjang utama peningkatan blog atau pagerank blog yaitu dari konten blog, bahkan ada istilah Content is King, tapi mungkin dari artikel-artikel yang dimilikinya kurang berpotensi dimata search engine atau mungkin spider google sulit menembus blognya. Namun kesamaan dari 2 blog teman saya ini adalah jarang blogwalking karena dia ngeblog hanya iseng-iseng saja.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Tapi <a href="http://serba-seru.blogspot.com/2011/02/rahasia-google-pagerank-sulit-di-tebak.html">Rahasia Google Pagerank tetap sulit ditebak</a>. Maka dari itu, ada baiknya kita tetap memenuhi syarat-syarat yang dibutuhkan untuk menunjang peningkatan pagerank blog kita, supaya Google bisa meringankan tangan mereka untuk memberikan hadiah yaitu meningkatnya Pagerank Blog kita. Amin...</div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com4tag:blogger.com,1999:blog-3730494444035659769.post-82030816971728306292011-01-31T23:27:00.001+07:002011-02-01T08:28:30.169+07:00Pagerank Meningkat - Hadiah dari Google<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDHs4beFZ0aGCsgleLwbolXkc12_mvEDSUROxkdERTpUeQSakDgeksR6Ne71XhMqci4kSIdOayVGavBzQy-YRNu3-uWBK-U7hTs8sKjGdkJwBxVPuuhRW79GonhuVSQYp5NenSZ2Y5LVrQ/s1600/Pagerank+Meningkat+-+serba+blog.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDHs4beFZ0aGCsgleLwbolXkc12_mvEDSUROxkdERTpUeQSakDgeksR6Ne71XhMqci4kSIdOayVGavBzQy-YRNu3-uWBK-U7hTs8sKjGdkJwBxVPuuhRW79GonhuVSQYp5NenSZ2Y5LVrQ/s320/Pagerank+Meningkat+-+serba+blog.jpg" width="320" /></a></div><div style="text-align: justify;"><a href="http://serba-seru.blogspot.com/2011/01/kembali-dari-sebuah-perjalanan-panjang.html">Setelah kemarin sempat meninggalkan blog ini berbulan-bulan tanpa penghuni</a>, serta tanpa ada update posting. Namun <b>Google</b> tetap berbaik hati memberikan Pagerank untuk blog ini. Entah kapan ada update <a href="http://serba-seru.blogspot.com/search/label/Award"><b>Pagerank</b></a> ini terjadi, mungkin di bulan januari ini. menurut kabarnya sih, update pagerank ini terjadi pada akhir bulan januari 2011 ini. berarti baru beberapa hari dong.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><a href="http://serba-seru.blogspot.com/">Serba Blog</a> sekaran diberi hadiah oleh Google dengan <a href="http://serba-seru.blogspot.com/search/label/Award">Pagerank 3</a>, Alhamdulillah. Terima kasih Google serta terima kasih buat teman-teman yang selalu hadir disini, tanpa kalian semua, blog ini tidak ada apa-apanya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Namun setelah berkunjung ke blog teman-teman saya, ada sedikit yang mengganjal dipikiran saya. Ada blog teman saya yang meningkat Pagerank-nya serta ada pula blog yang sama sekali tidak beranjak naik Pagerank-nya. Padahal, jika dilihat-lihat dari blog yang meningkat Pagerank-nya, potensial serta volumenya masih bisa dibilang kurang memadai untuk mendapatkan <a href="http://serba-seru.blogspot.com/2011/01/pagerank-meningkat-hadiah-dari-google.html">Pagerank</a>, Sedangkan untuk Blog yang tidak beranjak naik Pagerank-nya, memiliki potensial serta volume yang besar.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Itulah mungkin Rahasia Google Pagerank, memang sulit di tebak.</div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com6tag:blogger.com,1999:blog-3730494444035659769.post-42679918051248386432011-01-30T00:58:00.000+07:002011-01-30T00:58:00.405+07:00Kembali dari Sebuah Perjalanan Panjang<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwdWUpJEDh3QnncKZDy65sBtIT4vhSihYff-sfuijxR5Eh1vcBWHnPdH6t8buP0JbiHek7ixn40E6jQY03e65qrC_WgVGWMIKsot5H9r5tGk-1kb0igGGZUgODI2jPyqEzwDy06UQD6Sq0/s1600/kembali+dari+perjalanan+panjang.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwdWUpJEDh3QnncKZDy65sBtIT4vhSihYff-sfuijxR5Eh1vcBWHnPdH6t8buP0JbiHek7ixn40E6jQY03e65qrC_WgVGWMIKsot5H9r5tGk-1kb0igGGZUgODI2jPyqEzwDy06UQD6Sq0/s1600/kembali+dari+perjalanan+panjang.jpg" /></a></div><div style="text-align: justify;">Akhirnya bisa blogging kembali, setelah sekian lama meninggalkan <a href="http://serba-seru.blogspot.com/">blog sederhana</a> ini untuk sebuah perjalanan panjang tanpa bisa menyentuh dunia maya. Wah, emang kemana yaaa...??? emang dijaman sekarang masih ada daerah yang tidak terjangkau dunia internet...???</div><div style="text-align: justify;"><br />
Banyak sekali daerah yang masih belum terjangkau dengan dunia internet. Seperti daerah yang saya kunjungi, jangankan untuk mendapat akses internet, untuk mendapatkan fasilitas listrik dari negara saja masih belum masuk kesana, untuk menggunakan fasilitas handphone saja harus mencari tempat yang tinggi untuk mendapatkan sinyal. Seperti iklan layanan masyarakat yang pernah saya lihat di televisi, katanya listrik sudah masuk keseluruh pelosok negeri ini, namun kenyataannya, saya masih menemukan beberapa daerah yang masih belum mendapatkan fasilitas tersebut. Mereka hanya menggunakan fasilitas Genset serta listrik dari energi matahari.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Ah, lupakan dulu deh cerita perjalanan tersebut. karna blog ini bukan digunakan untuk mengkritik, ada wadah lainnya untuk mengkritik, heheee....</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Setelah sekian lama meninggalkan blog ini, ternyata teman-teman masih bersedia mengunjungi blog tanpa penghuni ini, baik itu yang mencari artikel tutorial blog ataupun yang hanya sekedar blogwalking, <b>Terima kasih buat teman-teman semua.</b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Blog ini sempat dititipkan kepada teman saya admin <b><a href="http://gadgetgress.blogspot.com/" target="_blank">Gadget Gress</a></b> untuk mengecek/memberi komentar. Terima kasih buat teman saya yang telah menyempatkan waktunya untuk mengecek blog tanpa penghuni ini sementara waktu saya tidak bisa menghuninya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Setelah bisa kembali membuka blog ini, saya cukup terkejut melihat satistik <a href="http://serba-seru.blogspot.com/">Alexa rank</a> blog ini, anjlok hingga 2 jutaan, namun bisa terobati dengan naiknya <a href="http://serba-seru.blogspot.com/">pagerank</a> yang semula mendapatkan PR1 sekarang bisa perlahan mendapatkan PR3, alhamdulillah.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Saya hanya bisa berkata untuk diri sendiri "Selamat datang kembali dunia Blogging-ku".</div><div style="text-align: justify;">dan buat teman-teman semua, terima kasih karena telah bersedia selalu hadir disini, semoga blog ini tetap bisa bermanfaat buat semuanya.</div><div style="text-align: justify;">dan buat teman saya (<a href="http://gadgetgress.blogspot.com/" target="_blank">admin Gadget Gress</a>) yang bersedia meluangkan waktunya untuk mengecek blog ini, saya tidak bisa membalas jasamu, kamu tetap sahabat terbaikku...</div>GEORGEOUZhttp://www.blogger.com/profile/11114580404192684878noreply@blogger.com4tag:blogger.com,1999:blog-3730494444035659769.post-46999837586864111352010-03-10T20:07:00.001+07:002010-03-10T20:36:51.139+07:00Terima Kasih SobatSetelah kemaren memcoba meminta saran kepada sobat-sobat semua...tentang mana yang penting untuk memaksimalkan blog agar mendapat PageRank dan pengunjung yang banyak....banyak juga saran yang masuk....bisa anda lihat sendiri di <a href="http://serba-seru.blogspot.com/2010/03/kembali-untuk-mencari-jawaban.html">comment postingan sebelumnya</a>.....<br />
<br />
Sebenarnya permintaan saran tersebut bukan atas dasar untuk meningkatkan Pagerank blog ini, karena sebetulnya saya juga kurang tertarik berlomba mencari Pagerank, Namun saya secara pribadi ingin mengkoreksi kesalahan-kesalahan fisik yang ada di blog ini khususnya(dalam arti kesalahan yang saya lakukan di blog ini).<br />
<br />
Thanx buat semua saran-saran dari sobat semua...<br />
Postingan kali ini hanya untuk mengucapkan terima kasih saya terhadap sobat-sobat yang telah berkomentar pada <a href="http://serba-seru.blogspot.com/2010/03/kembali-untuk-mencari-jawaban.html">postingan sebelumnya</a><br />
<br />
Apapun komentar anda di postingan yang kemaren, namun saya tetap akan memberikan penghormatan kepada anda <br />
Berikut adalah orang-orang yang peduli dan selalu aktif, jadi buat yang lain, blog-blog dibawah ini adalah rekomendasi saya buat anda kunjungi :<br />
<br />
- <a href="http://ahn-bidikcom.blogspot.com/" target="_blank">BIDIKCOM</a><br />
- <a href="http://agusta27.info/" target="_blank">AGUSTA27.INFO</a><br />
- <a href="http://www.pakdesulas.co.cc/" target="_blank">PAKDE SULAS</a><br />
- <a href="http://hendro-prayitno.blogspot.com/" target="_blank">BERITA UNTUK NEGRI</a><br />
- <a href="http://www.aditx.co.cc/" target="_blank">ADITX</a><br />
- <a href="http://ngepostingdoang.blogspot.com/" target="_blank">NGEPOSTING NI YEE</a><br />
- <a href="http://perawatan-ac.blogspot.com/" target="_blank">PERAWATAN AC | SERVICE AC | MAINTENANCE AC</a><br />
- <a href="http://ben-tools.blogspot.com/" target="_blank">BEN TOOL</a><br />
- <a href="http://dhie-yan.blogspot.com/" target="_blank">AMBAR</a><br />
- <a href="http://kakve-santi.blogspot.com/" target="_blank">SECANGKIR TEH DAN SEKERAT ROTI</a><br />
- <a href="http://upex.blogspot.com/" target="_blank">ROCK</a><br />
- <a href="http://ardianzzz.blogspot.com/" target="_blank">ARDIANZZZ</a><br />
- <a href="http://smscintaromantis.blogspot.com/" target="_blank">SMS CINTA ROMANTIS</a><br />
- <a href="http://referensiregistrasi.blogspot.com/" target="_blank">REFERENSI REGISTRASI BLOGGER SEO</a><br />
- <a href="http://www.fauzanupz.co.cc/" target="_blank">FAUZAN UPZ</a><br />
- <a href="http://kristanto-wds.com/" target="_blank">KRISTANTO-WDS</a><br />
- <a href="http://rizky2009.blogspot.com/" target="_blank">RIZKY2009</a><br />
- <a href="http://www.masdoyok.co.cc/" target="_blank">MAS DOYOK</a><br />
<br />
Silakan kunjungi blog-blog diatas untuk mendapatkan informasi tutorial blog, mp3 download, teknologi, catatan peristiwa, kesehatan, bisnis online, layanan iklan, dan banyak lagi informasi menarik lainnya.<br />
<br />
Terima kasih buat semuanya....yang sering mengunjungi blog ini...semoga apa yang ada di blog inibisa bermanfaat buat semuanya....jika ada yang kurang atau ada kata-kata saya yang kurang berkenan dihati anda....mohon kritik dan saran anda....blog ini tidak sebagus blog yang lainnya....maklum saya termasuk Newbie di dunia blogger....saya tidak punya basic komputer atau dunia coding sama sekali.....cuma punya modal nekad dan ingin belajar.....dan mencoba untuk berbagi kepada semuanya....<br />
<br />
Jika banyak sekali kekurangan di blog ini, anda bisa mengunjungi blog para master blogger ataupun blog rekomendasi saya diatas....<br />
<br />
NB : Buat mas doyok terima kasih atas kata-katanya, MOHON MAAF jika ada kesalahan yang saya perbuat, saya cuma blogger baru yg coba untuk belajar, sekali lagi mohon maaf sebesar-besarnya...Terima Kasih Mas...<br />
<br />
Terima kasih untuk semuanya....Unknownnoreply@blogger.com20tag:blogger.com,1999:blog-3730494444035659769.post-71743347119789550802010-03-05T07:09:00.002+07:002010-03-05T07:22:19.186+07:00Kembali Untuk Mencari JawabanAkhirnya usai sudah sebuah kesibukan didunia Offline, dan akhirnya pula bisa kembali melanglang buana bersama blogku tercinta ini.<br />
<br />
Sebelum memulai berkelana bersama <a href="http://serba-seru.blogspot.com/">Serba Blog</a> tercinta ini, saya secara pribadi mohon maaf serta ingin berterima kasih kepada seluruh sobat blogger yg sudah berkunjung ke blog ini, dikarenakan ada sedikit aktifitas offline yg menghalangi saya untuk bersosialisasi via blogger.<br />
<br />
<div style="text-align: center;"><b>BLOGGER....AKU KEMBALI.....!!!</b></div><br />
Sempat bingung juga untuk memulainya kembali, itu semua terjadi karena otak di gunakan untuk memikirkan hal lain dan tiba-tiba sekarang harus di kembalkan lagi ke aktifitas blogger...<br />
<br />
Oke deh, mungkin ini bisa menjadi topik yang menarik buat saya secara pribadi dan mudah-mudahan begitu juga buat semua para blogger. Sebenarnya saat ini saya tidak ingin mensharingkan sesuatu, justru saya ingin meminta sesuatu kepada anda semua. Jadi topik kali ini intinya "<a href="http://serba-seru.blogspot.com/2010/03/kembali-untuk-mencari-jawaban.html">MEMINTA SESUATU KEPADA ANDA</a>"<br />
<br />
Nah, emang apaan yang mau diminta???<br />
Jika dilihat-lihat, agak sedikit aneh, karena biasanya blog digunakan untuk sarana berbagi tutorial, info, promosi, bisnis, download, dan lain sebagainya.<br />
Mungkin baru blog ini yang meminta sesuatu kepada pengunjungnya.<br />
<br />
Sebenarnya yang ingin saya minta kepada anda semua(Buat yang punya/yang tahu informasinya) adalah sebuah saran. Saya yakin saran yang ingin saya minta ini bukan hal aneh lagi, sudah banyak juga yang menanyakan hal ini bahkan yang menjawabnya.<br />
<br />
Okelah, tanpa panjang lebar lagi, hal yang ingin saya tanyakan :<br />
"ADA YANG PUNYA INFO TENTANG RAHASIA MENINGKATKAN PAGERANK DI GOOGLE SERTA MEMPERBANYAK JUMLAH PENGUNJUNG BLOG...???"<br />
<br />
Eiittttsss...tunggu dulu....<br />
Sabarrr....<br />
<br />
Saya sudah mengunjungi beberapa blog yang mengangkat tema tentang cara meningkatkan PR dan memperbanyak jumlah pengunjung, semuanya sangat luar biasa sekali informasinya, menambah pengetahuan.<br />
<br />
Informasi yang saya dapatkan tersebut beraneka ragam, namun sering saya temukan, untuk satu metode yang sama mengalami pro dan kontra, ada yang bilang kalau pake cara ini kurang bagus, tapi disisi lain ini cara terbaik, sehingga membuat saya sempat bingung yang mana yang harus saya ikuti, maklum masih Newbie.<br />
<br />
<div style="color: red;"><b>Nah, disini yang saya butuhkan dari sobat-sobat semua adalah sebuah saran, metode yang mana yang benar-benar penting untuk menunjang hal tersebut...???</b></div><br />
Disini saya mencoba mengajak sobat-sobat semua untuk mensharingkan informasi yang anda ketahui.<br />
<span style="color: red;">Silakan sharingkan link anda tentang informasi yang menunjang untuk menjawab hal tersebut diatas</span>, silakan share link anda di comment, semoga link yang anda sharingkan di comment bisa saya kunjungi satu persatu dengan segera.<br />
<br />
Terima kasih buat semuanyaUnknownnoreply@blogger.com30tag:blogger.com,1999:blog-3730494444035659769.post-2287337408663674152010-02-21T04:42:00.001+07:002011-01-30T00:03:06.388+07:00Slide Recent Posting<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENW3kPCkK0W9uywY1ZHt6dKytV4KpNSzTKbjDhZGZxvnJDXmANqTk-O1xFkv8gSuVpCi9jfNYCZGH1AOtIizB2BSoAjViMlWpKlGveeuZjWRs3Sk93M7UmUj_s8sWBA2xTiMOM9C5fsI/s1600-h/00RP.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENW3kPCkK0W9uywY1ZHt6dKytV4KpNSzTKbjDhZGZxvnJDXmANqTk-O1xFkv8gSuVpCi9jfNYCZGH1AOtIizB2BSoAjViMlWpKlGveeuZjWRs3Sk93M7UmUj_s8sWBA2xTiMOM9C5fsI/s320/00RP.jpg" /></a></div><div style="text-align: justify;">Sekarang ini semakin banyak alternatif pilihan untuk membuat blog agar terlihat unik, berbagai macam jenis tampilan pada widget blogger. Nah, pada kesempatan kali inimemaparkan tentang <a href="http://serba-seru.blogspot.com/2010/01/cara-membuat-recent-posting-berjalan.html">Recent Posting</a> menggunakan <a href="http://serba-seru.blogspot.com/2010/02/membuat-slide-headline.html">Slide</a>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Untuk tool yang satu ini mungkin agak sedikit aneh, karena saya dapatkan dari hasil nyontek dikit di pagesource halaman blog lain yang menggunakan tool ini, karena sangat sulit sekali menemukan <a href="http://serba-seru.blogspot.com/search/label/Tutorial%20Blog">tutorial</a> untuk membuat tool yang satu ini.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Namun jangan khawatir, walaupun hasil dari nyontek ga jelas, namun hasilnya ga ada yang kurang tuh, tetap perfect. Untuk Demonya bisa anda lihat <a href="http://serbatemplate-demo.blogspot.com/" target="_blank"><b><span style="color: red;">disini</span></b> </a>atau <b><a href="http://ruang-mp3.blogspot.com/" style="color: red;" target="_blank">disini</a></b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Oke, bagi yang berminat untuk menggunakannya, silakan ikuti langkah-langkahnya dibawah ini :</div><br />
1. Pertama masuk ke Blogger => Tata Letak/Layout<br />
2. Klik Add a <a href="http://serba-seru.blogspot.com/search/label/Widget">Gadget</a>, pilih <a href="http://serba-seru.blogspot.com/search/label/HTML%2FJavascript">HTML/Javascript</a><br />
3. Copy Paste code dibawah ini kedalamnya :<br />
<br />
<div style="background-color: #f3f3f3; border: 1px solid black; padding: 10px;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<style media="screen" type="text/css"><br />
<!--<br />
<br />
#spylist {<br />
overflow:show;<br />
margin-top:5px;<br />
padding:0px 0px;<br />
height:<b><span style="color: #38761d;">350</span></b>px;<br />
}<br />
#spylist ul{<br />
width:<b><span style="color: #38761d;">280</span></b>px;<br />
overflow:show;<br />
list-style-type: none;<br />
padding: 5px 5px;<br />
margin:0px 0px;<br />
}<br />
#spylist li {<br />
width:<b><span style="color: #38761d;">280</span></b>px;<br />
padding: 5px 5px;<br />
margin:0px 0px 5px 0px;<br />
list-style-type:none;<br />
float:none;<br />
height:<b><span style="color: #38761d;">70</span></b>px;<br />
overflow: hidden;<br />
background:#fff url() repeat-x;<br />
border:1px solid #ddd;<br />
}<br />
<br />
#spylist li a {<br />
text-decoration:none;<br />
color:#4B545B;<br />
font-size:10px;<br />
height:8px;<br />
overflow:show;<br />
margin:3px 3px;<br />
padding:0px 0px 2px 0px;<br />
}<br />
#spylist li img {<br />
float:left;<br />
margin-right:5px;<br />
background:#EFEFEF;<br />
border:0;<br />
}<br />
.spydate{<br />
overflow:show;<br />
font-size:10px;<br />
color:#0284C2;<br />
padding:2px 0px;<br />
margin:1px 0px 0px 0px;<br />
height:8px;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
}<br />
<br />
.spycomment{<br />
overflow:show;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
font-size:10px;<br />
color:#262B2F;<br />
padding:3px 3px;<br />
margin:8px 8px;<br />
}<br />
<br />
--><br />
</style><br />
<script language="JavaScript"><br />
imgr = new Array();<br />
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br />
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br />
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br />
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br />
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br />
showRandomImg = true;<br />
boxwidth = <b><span style="color: #38761d;">255</span></b>;<br />
cellspacing = 6;<br />
borderColor = "#232c35";<br />
bgTD = "#000000";<br />
thumbwidth = 70;<br />
thumbheight = 70;<br />
fntsize = 12;<br />
acolor = "#666";<br />
aBold = true;<br />
icon = " ";<br />
text = "comments";<br />
showPostDate = true;<br />
summaryPost = 40;<br />
summaryFontsize = 10;<br />
summaryColor = "#666";<br />
icon2 = " ";<br />
numposts = <b style="color: blue;">20</b>;<br />
home_page = "<span style="color: red;">http://nama-blog-anda.blogspot.com/</span>";<br />
limitspy=4<br />
intervalspy=4000<br />
</script><br />
<div id="spylist"><br />
<script src="http://serba-blog.googlecode.com/files/rpts-serbablog.js" type="text/javascript"></script><br />
</div></div><br />
<ul><li>Ganti tulisan berwarna merah dengan URL blog anda (ingat : harus pakai tanda "<b> /</b> " diakhir URL)</li>
<li>Angka berwarna biru adalah jumlah postingan yang akan ditampilkan, silahkan ganti sesuai selera anda</li>
<li>Untuk merubah warna serta ukuran, silakan edit dibagian <a href="http://serba-seru.blogspot.com/search/label/HTML%2FJavascript">CSS</a>nya dibagian atas.</li>
</ul><br />
4. Simpan dan lihat hasilnya.<br />
<br />
Sekian, selamat berkreasi<br />
Semoga bermanfaatUnknownnoreply@blogger.com31tag:blogger.com,1999:blog-3730494444035659769.post-69582094822457808692010-02-20T04:59:00.002+07:002010-02-20T05:03:52.459+07:00Menampilkan Halaman Label Dengan Judul<div class="separator" style="clear: both; text-align: center;"><a href="http://serba-seru.blogspot.com/2010/02/menampilkan-halaman-label-dengan-judul.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThXf9DVUQRosaqr1CUo8X-FgJY6OlNqN3Y3pAMLrJlusFXiFem7aX_x2yGqDuLb6G0mjcBX1-2sNptLEMB2bSUmUqxGJuZdg53K2jhfhSU5GzxPC0PbB0RG4LhpXCL1g0Svlm8EAwvF0/s320/LABEL+TITLE+1.jpg" width="400" /></a></div>Di tengah kesibukan dunia offline dalam beberapa hari ini, akhirnya bisa punya waktu juga nih buat ngeposting blog, semoga postingan kali ini bisa memberikan <a href="http://serba-seru.blogspot.com/search/label/Tips-Trik">referensi yang bermanfaat</a> buat sobat semua.<br />
Buat yang udah susah payah buat mampir kesini, makasih banget nih atas segala partisipasinya.<br />
<br />
Oke, pada kesempatan kali ini mencoba mensharingkan <a href="http://serba-seru.blogspot.com/2010/01/satu-lagi-metode-program-diet-template.html">tips buat meminimalisasikan tampilan blog agar tidak mengakibatkan loading yang lama</a>. Mungkin ini bukan hal yang baru lagi, buat yang udah menerapkan <a href="http://serba-seru.blogspot.com/search/label/Tips-Trik">tips</a> ini, maaf nih postingan jadul, hehehehe....<br />
<br />
Posting kali ini memaparkan <a href="http://serba-seru.blogspot.com/2010/02/menampilkan-halaman-label-dengan-judul.html">cara menampilkan halaman label dengan judul saja</a>, kadang blog yang masih standar(asli), untuk menampilkan halaman label pastinya akan tampil halaman yang berisi postingan penuh, dan pastinya akan memakan waktu untuk menampilkan keseluruhan postingan dengan label tertentu, apalagi postingan tersebut memiliki gambar, video, dan lain-lain yang pasti memiliki kapasitas lebih besar untuk di load.<br />
<br />
Nah, untuk <a href="http://serba-seru.blogspot.com/2010/01/satu-lagi-metode-program-diet-template.html">meminimalisasikan</a> tampilan tersebut, ada baiknya <a href="http://serba-seru.blogspot.com/search/label/Tips-Trik">menampilkan halaman label tersebut hanya judul postingnya saja</a>. Untuk contoh silakan klik salah satu label di bagian Categories<br />
<br />
Adapun cara untuk mengubahnya seperti dibawah ini :<br />
1. Login ke Blogger<br />
2. Langsung menuju Tata Letak/Layout => <a href="http://serba-seru.blogspot.com/search/label/HTML%2FJavascript">Edit HTML</a><br />
3. Centang tulisan "<a href="http://serba-seru.blogspot.com/search/label/Widget">Expand Widget Template</a>"<br />
4. Tekan Ctrl+F dan cari code ini :<br />
<div style="text-align: center;"><span style="color: red;"><b:include data='post' name='post'/></span></div><br />
5. Jika sudah ketemu, Hapus dan ganti dengan code dibawah ini (Replace)<br />
<span style="color: blue;"><b:if cond='data:blog.homepageUrl!= data:blog.url'></span><br />
<span style="color: blue;"><b:if cond='data:blog.pageType != "item"'></span><br />
<span style="color: blue;"><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></span><br />
<span style="color: blue;"><b:else/></span><br />
<span style="color: blue;"><b:include data='post' name='post'/></span><br />
<span style="color: blue;"></b:if></span><br />
<span style="color: blue;"><b:else/></span><br />
<span style="color: blue;"><b:include data='post' name='post'/></span><br />
<span style="color: blue;"></b:if></span><br />
6. Simpan hasil kerja anda<br />
<br />
Semoga berhasil<br />
Semoga bermanfaat<br />
<i>(Sumber : http://www.whatmakesblog.com)</i>Unknownnoreply@blogger.com16tag:blogger.com,1999:blog-3730494444035659769.post-37935463963654799652010-02-18T19:45:00.025+07:002011-02-15T01:01:04.238+07:00Membuat Slide Headline<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNUoZwq-ROJyXJCvPXaNcW00NwvqLUaNDmKnnNwP8TxYMtQNihBFNHuGdplCr4-XILfrEPGKXw35dyoXTPimJRoI8ZPQoqF_ckumVeick8S2hEwnrWfVgFH5az4ZhnCuDlAJhSVfzAsQD/s1600/Membuat+Slide+Headline.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNUoZwq-ROJyXJCvPXaNcW00NwvqLUaNDmKnnNwP8TxYMtQNihBFNHuGdplCr4-XILfrEPGKXw35dyoXTPimJRoI8ZPQoqF_ckumVeick8S2hEwnrWfVgFH5az4ZhnCuDlAJhSVfzAsQD/s1600/Membuat+Slide+Headline.png" /></a></div><div style="text-align: justify;">Wah, hampir seminggu absen ngeblog nih setelah kemarin sempat disibukkan oleh kegiatan offline.</div><div style="text-align: justify;">Pada kesempatan kali ini mencoba menghadirkan satu tips untuk membuat "headline Slide". Cukup sederhana sekali, untuk demonya bisa lihat <b style="color: #cc0000;"><a href="http://serbatemplate-demo.blogspot.com/" target="_blank">Disini</a></b>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Oke, jika anda tertarik untuk membuatnya, silakan ikuti langkah-langkahnya dibawah ini :</div><br />
1. Login terlebih dahulu ke Blogger<br />
2. Masuk ke bagian Tata Letak/Layout<br />
3. Pilih Tab menu <a href="http://serba-seru.blogspot.com/2010/01/cara-menampilkan-code-htmljavascript-di.html">Edit HTML</a><br />
4. Centang tulisan Expand Widget Template<br />
5. Cari code ini ]]></b:skin> (untuk memudahkan pencarian tekan Ctrl+F)<br />
6. Copy Paste code CSS dibawah ini <span style="color: red;">sebelum</span> code diatas :<br />
<br />
<div style="background-color: #f3f3f3; border: 1px solid rgb(204, 204, 204); font-size: 10px; height: 250px; margin-left: 10px; margin-right: 10px; overflow: auto; padding: 10px;"><table align="left" cellpadding="5"><tbody>
<tr><td>#slider {<br />
background:#101010;<br />
height: 153px;<br />
text-align:center;<br />
overflow: hidden;<br />
position: relative;<br />
margin: -5px 0px;<br />
}<br />
<br />
#mover {<br />
width: 600;<br />
position:absolute;<br />
overflow:hidden;<br />
}<br />
<br />
.slide {<br />
padding: 15px 0px;<br />
width: 1000px;<br />
float: left;<br />
position: relative;<br />
height:130px;<br />
}<br />
<br />
.slide h2 {<br />
font-family:Georgia, Helvetica, Sans-Serif;<br />
font-size: 18px;<br />
font-weight:bold;<br />
text-align:left;<br />
color: #FFFF00;<br />
padding:0px 0px 0px 0px;<br />
margin:0px 0px;<br />
width:440px;<br />
overflow:hidden;<br />
}<br />
<br />
.slide h2 a:link, .slide h2 a:visited {<br />
color:#E1771E;<br />
background-color: transparent;<br />
}<br />
<br />
.slide h2 a:hover {<br />
color: #ff0000;<br />
background-color: transparent;<br />
}<br />
<br />
span.slmet {<br />
color: #ee0909;<br />
font-size: 10px;<br />
font-family:Tahoma, georgia, Helvetica, Sans-Serif;<br />
line-height: 20px;<br />
width: 200px;<br />
padding:0px 0px 0px 30px;<br />
margin:0px 0px;<br />
text-transform:uppercase;<br />
}<br />
.slide p {<br />
color: #FFFFFF;<br />
font-size: 12px;<br />
text-align:left;<br />
font-family: Georgia, Helvetica, Sans-Serif;<br />
line-height: 20px;<br />
width: 440px;<br />
padding:0px 0px 0px 0px;<br />
margin:0px 0px;<br />
}<br />
<br />
.slide img {<br />
position: absolute;<br />
top: 20px;<br />
left: 225px;<br />
background:;<br />
padding:10px 10px;<br />
}<br />
<br />
#slider-stopper {<br />
position: absolute;<br />
font-family: Georgia, Helvetica, Sans-Serif;<br />
top: 1000px;<br />
right: -125px;<br />
color: #FF0000;<br />
padding: 3px 8px;<br />
font-size: 14px;<br />
font-weight:bold;<br />
text-transform: uppercase;<br />
z-index: 1000;<br />
}</td></tr>
</tbody></table></div><br />
7. Langkah selanjutnya cari code ini </head><br />
8. Copy Paste code berikut <span style="color: red;">sebelum</span> code </head><br />
<br />
<div style="background-color: #f3f3f3; border: 1px solid rgb(204, 204, 204); margin-left: 10px; margin-right: 10px; padding: 10px;"><script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/><br />
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/><br />
<script type='text/javascript'><!--//--><![CDATA[//><!--<br />
sfHover = function() {<br />
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");<br />
for (var i=0; i<sfEls.length; i++) {<br />
sfEls[i].onmouseover=function() {<br />
this.className+=" sfhover"; }<br />
sfEls[i].onmouseout=function() {<br />
this.className=this.className.replace(new RegExp(" sfhover\b"), ""); }}}<br />
if (window.attachEvent) window.attachEvent("onload", sfHover);<br />
//--><!]]></script></div><br />
9. Simpan hasil kerja anda<br />
10. Langkah selanjutnya klik tab menu Elemen Laman<br />
11. Buat klik <a href="http://serba-seru.blogspot.com/search/label/Widget">Add a Gadget</a>, pilih <a href="http://serba-seru.blogspot.com/search/label/HTML%2FJavascript">HTML/Javascript</a><br />
12. Paste code dibawah ini didalamnya<br />
<br />
<div style="background-color: #f3f3f3; border: 1px solid rgb(204, 204, 204); margin-left: 10px; margin-right: 10px; padding: 10px;"><!-- Casing --><br />
<div id="casing"><br />
<!-- Slider --><br />
<div id="slider"><br />
<div id="mover"><br />
<div class="slide"><br />
<h2><a href="<b>http://serba-seru.blogspot.com</b>/"><span style="color: red;">JUDUL SLIDE 1</span></a></h2><br />
<p><span style="color: blue;">isi artikel slide 1</span></p><br />
<img src=""/><br />
</div><br />
<div class="slide"><br />
<h2><a href="<b>http://serba-seru.blogspot.com</b>/"><span style="color: red;">JUDUL SLIDE 2</span></a></h2><br />
<p><span style="color: blue;">isi artikel slide 2</span></p><br />
<img src=""/><br />
</div><br />
<div class="slide"><br />
<h2><a href="<b>http://serba-seru.blogspot.com</b>/"><span style="color: red;">JUDUL SLIDE 3</span></a></h2><br />
<p><span style="color: blue;">isi artikel slide 3</span></p><br />
<img src=""/><br />
</div><br />
</div><br />
<!-- /Mover --><br />
</div><br />
<!-- /Slider --><br />
<div class="clear"/></div></div></div><br />
13. Ganti tulisan <a href="http://serba-seru.blogspot.com/">http://serba-seru.blogspot.com</a> dengan link posting blog anda.<br />
14. Ganti tulisan berwarna merah dengan Judul Slide anda<br />
15. Ganti tulisan berwarna biru dengan isi artikel slide anda<br />
<br />
NB: Untuk mengubah warna background dan lain-lainnya bisa anda edit pada <a href="http://serba-seru.blogspot.com/2010/01/cara-menampilkan-code-htmljavascript-di.html">code CSS</a> diatas<br />
<br />
Selamat berkreasi<br />
Semoga bermanfaat<br />
<span style="font-size: small;"><i>(Sumber : http://forantum.blogspot.com)</i></span>Unknownnoreply@blogger.com15tag:blogger.com,1999:blog-3730494444035659769.post-2086534349266563232010-02-08T06:45:00.003+07:002011-02-01T11:23:06.156+07:00Thumbnail Related Posting with Marquee (Berjalan)Setelah kemaren memposting tentang cara membuat <a href="http://serba-seru.blogspot.com/2010/02/membuat-related-postingposting-terkait.html">Related Posting menggunakan Daftar list berdasarkan Label</a> dan <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html">Related Posting menggunakan Gambar(Thumbnail)</a>. Nah kali ini sedikit berkaitan dengan <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html">Related Posting menggunakan Gambar(Thumbnail)</a>.<br />
<br />
Nah, untuk menampilkan Related Posting menggunakan Gambar anda bisa lihat <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html">disini cara membuatnya.</a><br />
Namun ada sedikit kekurangan dari Related posting ini, yaitu anda tidak bisa <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html">menampilkan Related postingnya dalam jumlah yang banyak</a>, jumlah yang ditampilkan sebatas ukuran lebar halaman posting saja, seperti halnya blog ini, hanya bisa menampilkan 4 judul serta gambar dari related posting tersebut.<br />
<br />
Lalu bagaimana cara menampilkan related posting tersebut dalam jumlah yang banyak...???<br />
Oke, yang ingin di sharingkan kali ini mencoba mengangkat tentang menggunakan <a href="http://serba-seru.blogspot.com/2010/01/cara-membuat-recent-posting-berjalan.html">metode Marquee</a> pada thumbnail related posting. Untuk contoh anda bisa lihat kebawah posting ini.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://serba-seru.blogspot.com/2010/01/satu-lagi-metode-program-diet-template.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFi0-cixCXeqZQ9lh_WwmMkaseP6JHio0_byElFBM0Foe8R-XvWKFDWoPtrAztS2nHFV48f7qBaCJ6XJKSryBABf5soig3LkTLQ0l6VCFcUOzb17r2O0CiNojCQcvSd3eI_AxTK06JeXY/s320/0000fgcdsa.jpg" /></a></div>Setelah mengutak-atik sedikit, sampai sempat sedikit error, hingga akhirnya saya membuat blog lagi khusus untuk eksperimen kode ini (lebay neehhh), dan akhirnya berhasil juga nih <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html">Thumbnail Related Posting menggunakan metode marquee</a>nya....karena ternyata utk membuat agar bisa berhasil namun tidak membuat seluruh dari komponen related posting ini berjalan semua harus ada sedikit perubahan. <br />
<br />
Oke langsung saja deh...<br />
Nah, untuk membuatnya, <b>anda cukup melakukan perubahan pada <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html">kotak code yang kedua</a></b>(<a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html"><span style="color: red;"><blink>Lihat code asli Thumbnail Ralated Postnya disini</blink></span></a><blink></blink>).<br />
Contoh codenya seperti ini :<br />
<br />
<div ;="" posts="" related="" style="background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 1px solid black; padding: 5px;"><!-- Related Posts with Thumbnails Code Start--><br />
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div id='related-posts'><br />
<b:loop values='data:post.labels' var='label'><br />
<b:if cond='data:label.isLast != &quot;true&quot;'><br />
</b:if><br />
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
var maxresults=5;<br />
var relatedpoststitle="Related Posts";<br />
removeRelatedDuplicates_thumbs();<br />
printRelatedLabels_thumbs();<br />
</script><br />
</div><div style='clear:both'/><br />
<!-- remove --></b:if><br />
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><br />
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html' style='display:none;'>Thumbnail Related Post</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a><br />
</b:if></b:if><br />
<!-- Related Posts with Thumbnails Code End--></div><br />
Cukup ganti seluruh code tersebut dengan code dibawah ini :<br />
<br />
<div ;="" posts="" related="" style="background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 1px solid black; padding: 5px;"><!-- Marquee Serbablog Related Posts with Thumbnails Code Start--><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div id='related-posts'><br />
<b:loop values='data:post.labels' var='label'><br />
<b:if cond='data:label.isLast != &quot;true&quot;'><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop><br />
<h3><b>Related Posts</b></h3><br />
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
var maxresults=<b style="color: #cc0000;">10</b>;<br />
var relatedpoststitle=&quot;&quot;;<br />
removeRelatedDuplicates_thumbs();<br />
printRelatedLabels_thumbs();<br />
</script></marquee><br />
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html' style='float:right;' target='_blank'>Thumbnail Related Post Berjalan (Marquee)</a></div><div style='clear:both'/><br />
</b:if> <br />
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><br />
<a href='http://serba-seru.blogspot.com/' style='display:none;'>Serba Blog</a><br />
</b:if><br />
</b:if><br />
<!-- Marquee Serbablog Related Posts with Thumbnails Code End--></div><br />
Anda bisa mengganti angka 10 dengan jumlah yang anda inginkan, ini adalah jumlah related posting yang ingin di tampilkan.<br />
Jika sudah selesai, silakan simpan hasil kerja anda.<br />
<br />
NB : Untuk yang sudah menggunakan <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html">code Thumbnail related post</a> ini, jika anda ingin mencari code tersebut di Template anda, anda bisa menggunakan Ctrl+F lalu ketik code yang anda cari (misalnya : <!-- Related Posts with Thumbnails Code Start-->).<br />
<br />
NB : Sedikit informasi, yang saya ketahui untuk Related posts marquee ini hanya compatible jika anda menggunakan browser Firefox, Flock, Opera.<br />
<br />
Smoga berhasil,<br />
Smoga bermanfaat<br />
Terima KasihUnknownnoreply@blogger.com24tag:blogger.com,1999:blog-3730494444035659769.post-60239789529118149912010-02-06T21:55:00.010+07:002010-02-06T22:30:45.727+07:00Thumbnail Related Post (Artikel Terkait Menggunakan Gambar)Setelah kemaren membahas tentang cara membuat <a href="http://serba-seru.blogspot.com/2010/02/membuat-related-postingposting-terkait.html">related posting versi Daftar list berdasarkan label</a>, nah kali ini mencoba mengangkat <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html">versi lainnya dalam membuat Related Posting</a>. Untuk kali ini, Related Posting yang akan dipaparkan yaitu menggunakan <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html">"Gambar"</a>. Untuk contohnya, silakan anda scroll halaman blog ini hingga bagian bawah posting.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2JA3hfiXgfhVFlR3tOoCiAG1WGa7r7qWTrUt1QxDZe0-juxc-nrEPr0SywEc90ZL9ji-dO9DF1sajG2yP0JYYfAp7ZNYRJCdB9-gbKz8-Bcd19oaNOzDJFZ-ntq4kHPo8ryPNJmquDSU/s1600-h/IMG000040.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2JA3hfiXgfhVFlR3tOoCiAG1WGa7r7qWTrUt1QxDZe0-juxc-nrEPr0SywEc90ZL9ji-dO9DF1sajG2yP0JYYfAp7ZNYRJCdB9-gbKz8-Bcd19oaNOzDJFZ-ntq4kHPo8ryPNJmquDSU/s320/IMG000040.jpg" /></a></div>Setelah anda puas melihatnya, mungkin ada yang tertarik untuk menggunakannya, anda bisa lanjutkan membaca artikel ini hingga akhir, jangan lupa untuk mempraktekkannya juga yaaa...<br />
<br />
Oke, cara untuk membuat Related posting ini sebagai berikut :<br />
<ul><li>Login dahulu ke Blogger</li>
<li>Masuk pada Tata Letak/Layout</li>
<li>Lalu pilih Edit HTML</li>
<li>Centang tulisan Expand Widget Template</li>
<li>Kemudian cari code ini <span style="color: red;"></head></span></li>
<li>Letakkan code dibawah ini <blink><b>sebelum</b></blink> code </head> tadi</li>
</ul><center><br />
<table border="1" cellpadding="10" style="width: 450px;"><tbody>
<tr><td><span style="font-size: x-small;"><!--Related Posts with thumbnails Scripts and Styles Start--></span><br />
<span style="font-size: x-small;"><!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br />
<span style="font-size: x-small;"><style type="text/css"></span><br />
<span style="font-size: x-small;">#related-posts {</span><br />
<span style="font-size: x-small;">float:center;</span><br />
<span style="font-size: x-small;">text-transform:none;</span><br />
<span style="font-size: x-small;">height:100%;</span><br />
<span style="font-size: x-small;">min-height:100%;</span><br />
<span style="font-size: x-small;">padding-top:5px;</span><br />
<span style="font-size: x-small;">padding-left:5px;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">#related-posts h2{</span><br />
<span style="font-size: x-small;">font-size: 1.6em;</span><br />
<span style="font-size: x-small;">font-weight: bold;</span><br />
<span style="font-size: x-small;">color: black;</span><br />
<span style="font-size: x-small;">font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;</span><br />
<span style="font-size: x-small;">margin-bottom: 0.75em;</span><br />
<span style="font-size: x-small;">margin-top: 0em;</span><br />
<span style="font-size: x-small;">padding-top: 0em;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">#related-posts a{</span><br />
<span style="font-size: x-small;">color:black;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">#related-posts a:hover{</span><br />
<span style="font-size: x-small;">color:black;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">#related-posts a:hover {</span><br />
<span style="font-size: x-small;">background-color:#d4eaf2;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"></style></span><br />
<span style="font-size: x-small;"><script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/></span><br />
<span style="font-size: x-small;"><!-- remove --></b:if></span><br />
<span style="font-size: x-small;"><!--Related Posts with thumbnails Scripts and Styles End--></span></td></tr>
</tbody></table></center><br />
<ul><li>Langkah selanjutnya, cari code ini</li>
</ul><div style="text-align: center;"><span style="color: red;"><div class='post-footer-line post-footer-line-1'></span></div><ul><li>Jika tidak menemukannya coba cari yang ini</li>
</ul><div style="text-align: center;"><span style="color: red;"><p class='post-footer-line post-footer-line-1'></span></div><ul><li>Jika sudah ketemu, letakkan code dibawah ini <blink><b>Setelah</b></blink> code diatas</li>
</ul><center><br />
<table border="1" cellpadding="10" style="width: 450px;"><tbody>
<tr><td><span style="font-size: x-small;"><!-- Related Posts with Thumbnails Code Start--></span><br />
<span style="font-size: x-small;"><!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br />
<span style="font-size: x-small;"><div id='related-posts'></span><br />
<span style="font-size: x-small;"><b:loop values='data:post.labels' var='label'></span><br />
<span style="font-size: x-small;"><b:if cond='data:label.isLast != &quot;true&quot;'></span><br />
<span style="font-size: x-small;"></b:if></span><br />
<span style="font-size: x-small;"><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop></span><br />
<span style="font-size: x-small;"><script type='text/javascript'></span><br />
<span style="font-size: x-small;">var currentposturl=&quot;<data:post.url/>&quot;;</span><br />
<span style="font-size: x-small;">var maxresults=<b style="color: red;">5</b>;</span><br />
<span style="font-size: x-small;">var relatedpoststitle="<b>Related Posts</b>";</span><br />
<span style="font-size: x-small;">removeRelatedDuplicates_thumbs();</span><br />
<span style="font-size: x-small;">printRelatedLabels_thumbs();</span><br />
<span style="font-size: x-small;"></script></span><br />
<span style="font-size: x-small;"></div><div style='clear:both'/></span><br />
<span style="font-size: x-small;"><!-- remove --></b:if> </span><br />
<span style="font-size: x-small;"><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'></span><br />
<span style="font-size: x-small;"><a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html' style='display:none;'>Thumbnail Related Post</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a></span><br />
<span style="font-size: x-small;"></b:if></b:if></span><br />
<span style="font-size: x-small;"><!-- Related Posts with Thumbnails Code End--></span></td></tr>
</tbody></table></center><br />
<ul><li>Untuk <a href="http://serba-seru.blogspot.com/2010/02/thumbnail-related-post-artikel-terkait.html">code jumlah related post</a> yang berwarna merah bisa anda sesuaikan dengan blog anda</li>
<li>Untuk tulisan <a href="http://serba-seru.blogspot.com/2010/02/membuat-related-postingposting-terkait.html">Related Post</a> bisa anda ganti sesuai selera anda, seperti <a href="http://serba-seru.blogspot.com/2010/02/membuat-related-postingposting-terkait.html">Posting terkait, Artikel terkait</a>, dll.</li>
<li><a href="http://serba-seru.blogspot.com/search/label/Tutorial%20Blog">Simpan hasil kreatifitas anda</a>, coba lihat hasilnya. </li>
</ul><br />
Jika anda ingin merubah warna atau yang lainnya, anda bisa <a href="http://serba-seru.blogspot.com/search/label/HTML%2FJavascript">merubah dibagian CSS</a>.<br />
<br />
Jika blog anda tidak menggunakan sistem Read More, dan anda ingin menampilkan Related Posting ini di seluruh halaman, tidak hanya di postingan pertama saja, silakan hapus code yang diberi tanda keterangan <!-- remove --> pada code di dalam kotak yang pertama dan kedua<br />
<br />
Selamat mencoba<br />
Semoga bermanfaat<br />
Terima Kasih<br />
<i>(Sumber : http://www.bloggerplugins.org)</i>Unknownnoreply@blogger.com18tag:blogger.com,1999:blog-3730494444035659769.post-21304505221910648642010-02-05T01:52:00.002+07:002010-02-05T05:59:21.147+07:00Blogger Hadir Dengan Fitur Baru (Static Page)Wahhh...kabar gembira lagi buat para blogger mania...<br />
Apaan tuh...dengan perkembangan blogger yang semakin pesat, akhirnya blogger mengeluarkan <a href="http://serba-seru.blogspot.com/search/label/Widget">tool baru buat seluruh pengguna blogger/blogspot</a>. Jika kita jeli dengan fitur-fitur baru yang dikeluarkan blogger, pasti kita tidak akan pernah mau ketinggalan dengan hadirnya hal baru dari blogger, contohnya yang satu ini, <a href="http://serba-seru.blogspot.com/2010/02/blogger-hadir-dengan-fitur-baru-static.html"><b><i>Blogger hadir dengan fitur baru yaitu Static Page</i></b></a>.<br />
<div style="text-align: center;"><br />
</div><a href="http://serba-seru.blogspot.com/2010/02/blogger-hadir-dengan-fitur-baru-static.html"><i><b>Static Page...???</b></i></a><br />
Apa tuh....jika di terjemahkan dalam bahasa Indonesia Static Page yaitu <a href="http://serba-seru.blogspot.com/2010/02/blogger-hadir-dengan-fitur-baru-static.html">Halaman stasis</a> yang mana berfungsi sebagai halaman alternatif yang dihadirkan terpisah dari halaman utama yang biasa kita pakai sebagai <a href="http://serba-seru.blogspot.com/2010/01/cara-membuat-recent-posting-berjalan.html">halaman posting</a>.<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMpacKdP7tgaMQA7RICf8E_1KDbMl40-rB0I_F8Y-Z5UmX3QxsUU23wTs5LqJgTF0eMRm4LHeZ1D9H8v8_2n7zhyObHm9ZesUCPidQFjjGAIumitYW-9wiNK6WEfPaZjTgbJmi5JAvGg/s320/0000003.jpg" width="311" /></div>Lalu apa gunanya Static Page ini...???<br />
Kegunaan Static page ini bisa kita gunakan untuk menempatkan halaman seperti <a href="http://serba-seru.blogspot.com/search/label/Widget">Profile, About, Contact, atau tempat Link/Banner Exchange</a>....apalagi buat yang menggunakan template standar yang disediakan oleh blogger, ini ini mungkin bisa menjadi kabar yang istimewa untuk mengefisiensikan blognya...karena bisa memberikan variasi baru untuk blognya<br />
Seperti waktu yang lalu kebanyakan para blogger membuat halaman statis ini dengan cara manual seperti membuatnya pada Entry baru, lalu di ubah format tanggalnya kebeberapa waktu yang lalu hingga entry baru tersebut akan hadir pada <a href="http://serba-seru.blogspot.com/2010/01/menampilkan-postingan-secara-otomatis.html">posting blog</a> yang paling bawah.<br />
Nah...sekarang tidak perlu repot dengan mengubah tanggal tersebut, <a href="http://serba-seru.blogspot.com/2010/02/blogger-hadir-dengan-fitur-baru-static.html">blogger telah hadir dengan fitur Static Page khalayaknya seperti Website profesional</a> dan tidak kalah fiturnya dengan Wordpress.<br />
<br />
Pada fitur baru blog ini, kita bisa <a href="http://serba-seru.blogspot.com/2010/02/blogger-hadir-dengan-fitur-baru-static.html">membuat halaman statis hingga 10 halaman</a>, jadi kita bisa <a href="http://serba-seru.blogspot.com/2010/01/satu-lagi-metode-program-diet-template.html">memanfaatkan halaman tersebut dengan cukup maksimal</a>, sehingga <a href="http://serba-seru.blogspot.com/2010/01/efisiensi-random-banner-untuk-menghemat.html">tampilan halaman utama tidak begitu ramai dengan pernak-pernik</a> yang bisa dibilang kurang penting untuk dihadirkan di halaman utama.<br />
<br />
Untuk menggunakan fitur ini :<br />
<ul><li>Masuk ke <a href="http://blogger.com/" target="_blank">Blogger</a></li>
<li>Pilih Posting</li>
<li>Nah, kemaren <a href="http://serba-seru.blogspot.com/2010/01/menampilkan-postingan-secara-otomatis.html">halaman posting</a> cuma terdiri dari 3 Tab saja (Entry baru, Edit Entry, Moderasi komentar), sekarang telah bertambah satu fitur lagi yaitu Edit Laman.(lihat gambar dibawah ini)</li>
</ul><div class="separator" style="clear: both; text-align: center;"><img border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMH57ld4Kkjd9phNo-ju-o9f6r6HGdT_YNu46Vb6nJN0jjRjYzwF6hr9T8hP-wm_F0JVqwOQDQzIGKhHx2rL-SO7CNvmWI-yN-Urtp8xP_vRv9PdRAzhxY0-IB2m1sA7bh3j_pUHlpXs/s320/000000.jpg" width="453" /></div><ul><li>Klik Tab Edit Laman tersebut</li>
<li>Buat Halaman baru </li>
</ul><div class="separator" style="clear: both; text-align: center;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinmyI9-ME9JmgF-zExLO3xR3iUFapsGFRGNVFsbCV3-XVN52iFpY-Zau43IICcXGqaJusteCFZwT3b_TxIwWbRa1I4IMmvrw0hyphenhyphenSfuQ3HsL4NeMqXy3JfjJMmmCujZnR_YyDvqPmWSEno/s320/0000002.jpg" width="453" /></div><ul><li>Silakan isi halaman tersebut seperti anda <a href="http://serba-seru.blogspot.com/2010/01/menampilkan-postingan-secara-otomatis.html">membuat posting baru</a>.(biasanya Halaman statis ini diisi dengan About, <a href="http://serba-seru.blogspot.com/2009/01/my-profile.html">Profile</a>, Contact, atau <a href="http://serba-seru.blogspot.com/2009/01/friends-bannerlink.html">Link/Banner Exchange</a>)</li>
<li>Setelah anda membuat halaman baru, Klik tombol Tayangkan Halaman</li>
<li>Pilih posisi tombol yang anda inginkan, bisa di Tab menu ( dibawah header/di jejeran Home ), bisa juga di Sidebar, bisa juga memilih Tidak ada <a href="http://serba-seru.blogspot.com/search/label/Widget">gadget</a>, artinya anda tidak ingin <a href="http://serba-seru.blogspot.com/2010/01/efisiensi-random-banner-untuk-menghemat.html">menampilkan tombol</a> tersebut(anda ingin membuat sendiri tombol untuk menu tersebut)</li>
</ul><div style="text-align: center;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5QrBdCkNO29bo7NiJmwSnNDqm9VVDnlDij-tNQ5SnNFRCtm8Ni_1GFRfIkDMVjoPCVLlb5tmqD50Eh1zvb6PzpxikgKHVXPyCs3OSYupWxvFIsybSaNLhhBX3wflkIi6bhuIzDtp4b8E/s320/0000001.jpg" width="395" /> </div><ul><li>Jika sudah dipilih, Klik Simpan dan Terbitkan</li>
<li>Selesai deh...</li>
</ul><br />
Selamat menggunakan fitur barunya yaaaa....<br />
<a href="http://serba-seru.blogspot.com/2010/02/blogger-hadir-dengan-fitur-baru-static.html">Semoga, Blogger bisa semakin maju dengan fitur barunya</a><br />
<a href="http://serba-seru.blogspot.com/search/label/Widget">Semoga Blogger bisa hadir dengan fitur-fitur baru yang lebih dahsyat lagi</a><br />
<br />
Semoga bermanfaat<br />
Terima KasihUnknownnoreply@blogger.com10