tag:blogger.com,1999:blog-45693685246238828982024-03-29T10:29:50.840+07:00Cara Membuat BlogKr Turoplushttp://www.blogger.com/profile/08815523775377761583noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-4569368524623882898.post-54019198870105786232011-01-30T17:48:00.001+07:002011-01-30T17:48:46.614+07:00Feed2PDF: Konversi RSS Feed Ke PDF<p>Anda punya blog favorit yang biasa anda baca secara online? Mungkin suatu saat anda ingin membacanya secara offline ketika waktu sedang senggang. Tool online yang satu ini bisa mewujudkan keinginan anda, <strong>Feed2PDF</strong>.</p> <p>Dengan <a title="Feed2PDF. Conver RSS Feed Ke PDF" href="http://kolom-tutorial.blogspot.com/">Feed2PDF</a> anda dapat dengan mudah mengkonversi data RSS feed dari suatu situs menjadi file PDF.</p> <a name='more'></a> <p><a href="http://lh4.ggpht.com/_a_HlMR0PCIk/TUVCCKHSMnI/AAAAAAAAAzY/hA6N8fudUTM/s1600-h/feed2pdf%5B9%5D.jpg"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="feed2pdf" border="0" alt="feed2pdf" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TUVCDSFcmlI/AAAAAAAAAzc/WtbxHmxNWcQ/feed2pdf_thumb%5B7%5D.jpg?imgmax=800" width="520" height="412" /></a></p> <p>Untuk menggunakan tool Feed2PDF sangat mudah, anda tinggal memasukkan alamat feed dari website yang anda inginkan, atur jumlah halaman yang mau di konvesi lalu klik tombol <strong>Retrieve</strong>, dan file PDF siap untuk anda download.</p> <p>Ingin mencoba ketangguhan tool Feed2PDF, silahkan kunjungi <a title="Feed2PDF" href="http://feed2pdf.appspot.com/">http://feed2pdf.appspot.com</a></p> <div class="blogger-post-footer">Sumber : <a href="http://www.krtutorplus.com/">membuat blog</a> | <a href="http://www.krtutorplus.com/2007/04/bikin-blog.html">cara membuat blog</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4569368524623882898.post-67630007225986794052010-12-28T06:38:00.001+07:002010-12-28T06:38:40.832+07:00Kategori Otomatis hanya Thumbnail<p>Dalam posting sebelumnya mengenai <a href="http://kolom-tutorial.blogspot.com/2010/12/fitur-kategori-otomatis-dengan.html">fitur Kategori Otomatis Dengan Thumbnail</a> ada yang request, bagaimana jika yang tampil adalah hanya thumbnail saja dan berderet ke samping? ini bisa saja di lakukan, namun tentu dengan sedikit modifikasi.</p> <a name='more'></a> <p>Contoh screenshot dari <em>kategori otomatis hanya menampilkan thumbnail</em>:</p> <p> </p> <p><a href="http://lh6.ggpht.com/_a_HlMR0PCIk/TRkjUp0uA6I/AAAAAAAAAyw/iBk3aU_JddY/s1600-h/kategori-otomatis-hanya-thumbnail%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="kategori otomatis hanya thumbnail" border="0" alt="kategori otomatis hanya thumbnail" src="http://lh4.ggpht.com/_a_HlMR0PCIk/TRkjXG5yaTI/AAAAAAAAAy0/HCdpbea5YZc/kategori-otomatis-hanya-thumbnail_thumb%5B2%5D.jpg?imgmax=800" width="320" height="297" /></a> </p> <p> </p> <p>Berikut adalah langkah-langkahnya :</p> <h5> </h5> <h2>Langkah pertama</h2> <ol> <li>Login ke blogger dengan ID anda. </li> <li>Klik <strong>Rancangan. <br /><a href="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMB7_sW-DI/AAAAAAAAAx8/ttO0fEFkQyg/s1600-h/rancangan%5B4%5D.jpg"><img title="rancangan" border="0" alt="rancangan" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMB9PV_GmI/AAAAAAAAAyA/fMOBAlnL174/rancangan_thumb%5B2%5D.jpg?imgmax=800" width="491" height="125" /></a> </strong></li> <li>Klik tab <strong>Edit HTML. <br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAjMrFI-6OmpzPzmDzL_3M54KggXq5GP6BXDPCuV8nm66L5wgeL8CgJdbvLdy0ynSsn_jY7-Nc5_w3g3iFCU0XWdfrsScWvwDrg0r4jLxYzIMuYCDQpyp56k0IkzKils4xkn7C3ujgqKQ/" /> </strong></li> <li>Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan <strong>Download Template Lengkap</strong>.<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgApD1fDfEhUwbRKKhH9BkWZrcB2xd0NcSnxAb3zhTnDo65dZ3DrLCVhaCWpL1OaTVm6AdqYIfmvhE5GluhKsHqgO_rMLCRLSmhSF5ZJ57ikztYIj2JYSn8Uolbgh31kvT8duG5JpaYDuc/" /> </li> <li>Carilah kode ]]></b:skin>, copy lalu paste kode berikut persis diatas kode ]]></b:skin> <pre>/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}</pre>
</li>
<li>Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head>
<pre><script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script></pre>
</li>
<li>Klik tombol <strong>SIMPAN TEMPLATE</strong>. </li>
<li>Langkah pertama selesai. </li>
</ol>
<h2>Langkah kedua </h2>
<ol>
<li>Klik tab <strong>Rancangan</strong>.
<br /><a href="http://lh4.ggpht.com/_a_HlMR0PCIk/TRMB-B90CGI/AAAAAAAAAyE/xiKf07HPlz0/s1600-h/rancangan%5B9%5D.jpg"><img title="rancangan" border="0" alt="rancangan" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMB_kmHD6I/AAAAAAAAAyI/GGvWE4W0M_E/rancangan_thumb%5B5%5D.jpg?imgmax=800" width="491" height="125" /></a> </li>
<li>Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu <strong>Elemen Laman</strong>.
<br /><a href="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMCBByDJhI/AAAAAAAAAyM/F2pCRrUNXxs/s1600-h/elemenlaman%5B4%5D.jpg"><img title="elemen laman" border="0" alt="elemen laman" src="http://lh6.ggpht.com/_a_HlMR0PCIk/TRMCC6IHXgI/AAAAAAAAAyQ/T5ez5RnrX40/elemenlaman_thumb%5B2%5D.jpg?imgmax=800" width="445" height="151" /></a> </li>
<li>Klik <strong>Tambah Gadget</strong> untuk menambahkan gadget baru.
<br /><a href="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMCEFwx1sI/AAAAAAAAAyU/xg5emrU5d48/s1600-h/tambahgadget%5B3%5D.jpg"><img title="tambah gadget" border="0" alt="tambah gadget" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMCGVwyyDI/AAAAAAAAAyY/zrPkaCMULHc/tambahgadget_thumb%5B1%5D.jpg?imgmax=800" width="405" height="249" /></a> </li>
<li>Setelah muncul jendela baru, klik tanda plus untuk <strong>HTML/JavaScript</strong>
<br /><a href="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMCLFbnpdI/AAAAAAAAAyc/m5vKeU9mURg/s1600-h/htmljavascript%5B5%5D.jpg"><img title="html javascript" border="0" alt="html javascript" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMCMf3onEI/AAAAAAAAAyg/j-kLIdBTQEc/htmljavascript_thumb%5B2%5D.jpg?imgmax=800" width="404" height="105" /></a> </li>
<li>Copy script dibawah ini, lalu paste pada kolom yang tersedia. Beri juga judul yang sesuai dengan yang anda inginkan. Namun sebelumnya anda harus mengubah tulisan yang di beri <font color="#ff0000">warna merah</font> dengan <em>nama kategori</em> yang di inginkan.
<br />
<p><script type='text/javascript'>var numposts = 6;</script>
<br /><script type="text/javascript" src="/feeds/posts/default/-/<font color="#ff0000">namalabelmu</font>?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></p>
<br /> <a href="http://lh5.ggpht.com/_a_HlMR0PCIk/TRkjbFgjJMI/AAAAAAAAAy4/7CGDJchg9LQ/s1600-h/script-label%5B9%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="script label" border="0" alt="script label" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TRkjfs65NXI/AAAAAAAAAy8/x7coL-TXXUE/script-label_thumb%5B5%5D.jpg?imgmax=800" width="510" height="436" /></a> </li>
<li>Klik tombol <strong>SIMPAN</strong> </li>
<li>Langkah kedua Selesai. </li>
</ol>
<p>Jika anda ingin menambahkan widget lain untuk nama kategori yang lain, anda hanya melakukan hal yang sama dengan urutan <strong>Langkah Kedua</strong>.</p>
<p>Untuk pengaturan custom seperti mengubah ukuran thumbnail, border dan lainnya, anda dapat mengubah pengaturan di bagian CSS, silahkan kreasikan sendiri :</p>
<p> </p>
<br />/*** Labels Thumbs ***/
<br />img.label_thumb{
<br />float:left;
<br />border:1px solid #ccc;
<br />width:85px;
<br />height:70px;
<br />margin-right:10px;
<br />margin-bottom:10px;
<br />}
<p> </p>
<p>Untuk mengatur jumlah thumbnail yang ingin tampil anda tinggal mengubah angka 6 dengan nilai angka yang lain.</p>
<p> </p>
<p><script type='text/javascript'>var numposts = <font color="#ff0000">6</font>;</script>
<br /></p>
<p>Manampilkan kategori hanya thumbnail, mungkin cocok untuk blog yang bersifat gallery template, gallery photo dan sejenisnya.</p> <div class="blogger-post-footer">Sumber : <a href="http://www.krtutorplus.com/">membuat blog</a> | <a href="http://www.krtutorplus.com/2007/04/bikin-blog.html">cara membuat blog</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4569368524623882898.post-69936964799250080662010-12-23T15:03:00.001+07:002010-12-23T15:07:10.432+07:00fitur Kategori Otomatis Dengan Thumbnail<p><strong>Fitur kategori otomatis dengan thumbnail</strong> sebenarnya merupakan pengembangan dari trik sebelumnya mengenai <a href="http://kolom-tutorial.blogspot.com/2010/12/menampilkan-kategori-berdasarkan-nama.html">Menampilkan Kategori Berdasarkan Nama Label</a>, fitur ini bisa menampillkan kategori berdasarkan nama kategori beserta gambar thumbnail dengan ringkasan artikel.</p> <a name='more'></a> <p>Contoh penerapan dari <em>fitur kategori otomatis dengan thumbnail</em> bisa anda lihat demonya pada Fresh Revolution Template:</p> <p><strong><a title="Live Demo featured category" href="http://freshrevolutiontemplate.blogspot.com/">Live Demo</a></strong></p> <p><a href="http://lh6.ggpht.com/_a_HlMR0PCIk/TRMB27uLEjI/AAAAAAAAAxs/TVIqzOf5tw8/s1600-h/featuredkategori%5B5%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="featured kategori" border="0" alt="featured kategori" src="http://lh6.ggpht.com/_a_HlMR0PCIk/TRMB4ajxRBI/AAAAAAAAAxw/87uuIuE1RGQ/featuredkategori_thumb%5B3%5D.jpg?imgmax=800" width="570" height="287" /></a> </p> <p>Kategori atau label yang diinginkan akan tampil secara otomatis tanpa anda harus mengeditnya setiap saat.</p> <p>Apa yang harus dipersiapkan? yang harus anda persiapkan hanyalah nama kategori yang ingin di tampilkan. Namun perlu diketahui bahwa nama label ini bersifat <em>case-sensitive</em> artinya nama yang di pasang hurufnya harus sama persis dengan label di blog anda, misal nama kategori <strong><em>Kesehatan</em></strong> berbeda dengan <strong><em>kesehatan</em></strong> oleh karenanya pastikan terlebih dahulu bahwa nama label sama persis hurufnya.</p> <p>Cara yang mudah untuk melihat nama label secara tepat adalah coba tampilkan terlebih dahulu widget label di blog anda, kemudian sorot nama label yang diinginkan kemudian lihat pada statusbar browser internet anda.</p> <p><a href="http://lh4.ggpht.com/_a_HlMR0PCIk/TRMB5csvszI/AAAAAAAAAx0/cquvAVViT-I/s1600-h/labelname%5B10%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="label name" border="0" alt="label name" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMB6tjxzUI/AAAAAAAAAx4/0bQafvlKbaM/labelname_thumb%5B6%5D.jpg?imgmax=800" width="571" height="285" /></a> </p> <p> </p> <p>Terlihat bahwa label <strong>Featured</strong>, nama label sebenarnya adalah <strong>featured</strong> (huruf kecil semua), ini terjadi karena tampilan di blog di pengaruhi oleh setting CSS. Dalam hal ini, yang diperlukan adalah nama label asli.</p> <p>Berikut adalah langkah-langkah untuk membuat<em> fitur kategori otomatis dengan thumbnail</em>.</p> <p> </p> <h3>Langkah pertama</h3> <ol> <li>Login ke blogger dengan ID anda. </li> <li>Klik <strong>Rancangan. <br /><a href="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMB7_sW-DI/AAAAAAAAAx8/ttO0fEFkQyg/s1600-h/rancangan%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="rancangan" border="0" alt="rancangan" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMB9PV_GmI/AAAAAAAAAyA/fMOBAlnL174/rancangan_thumb%5B2%5D.jpg?imgmax=800" width="491" height="125" /></a> </strong></li> <li>Klik tab <strong>Edit HTML. <br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAjMrFI-6OmpzPzmDzL_3M54KggXq5GP6BXDPCuV8nm66L5wgeL8CgJdbvLdy0ynSsn_jY7-Nc5_w3g3iFCU0XWdfrsScWvwDrg0r4jLxYzIMuYCDQpyp56k0IkzKils4xkn7C3ujgqKQ/" /> </strong></li> <li>Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan <strong>Download Template Lengkap</strong>.<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgApD1fDfEhUwbRKKhH9BkWZrcB2xd0NcSnxAb3zhTnDo65dZ3DrLCVhaCWpL1OaTVm6AdqYIfmvhE5GluhKsHqgO_rMLCRLSmhSF5ZJ57ikztYIj2JYSn8Uolbgh31kvT8duG5JpaYDuc/" /> </li> <li>Carilah kode <font color="#ff0000">]]></b:skin></font>, copy lalu paste kode berikut persis diatas kode <font color="#ff0000">]]></b:skin></font> <p> </p> <pre>/*** Featured Categories ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}</pre>
</li>
<li>Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head>
<pre><script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRWz10wf3trSm7i80rjdaOZZM2ULaFoKttSuwF5GlSF2lWwlI7uhlcosiMFPxmNIvjxpJBEoUT_A25nI-Wku6x6RmPvMwjN9YVtTbZ5oniLFuOdu5Yg29C31nY9o_k3bgIo-byOFSNQXcL/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script></pre>
</li>
<li>Klik tombol <strong>SIMPAN TEMPLATE</strong>. </li>
<li>Langkah pertama selesai. </li>
</ol>
<h3>Langkah kedua </h3>
<ol>
<li>Klik tab <strong>Rancangan</strong>.
<br /><a href="http://lh4.ggpht.com/_a_HlMR0PCIk/TRMB-B90CGI/AAAAAAAAAyE/xiKf07HPlz0/s1600-h/rancangan%5B9%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="rancangan" border="0" alt="rancangan" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMB_kmHD6I/AAAAAAAAAyI/GGvWE4W0M_E/rancangan_thumb%5B5%5D.jpg?imgmax=800" width="491" height="125" /></a> </li>
<li>Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu <strong>Elemen Laman</strong>.
<br /><a href="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMCBByDJhI/AAAAAAAAAyM/F2pCRrUNXxs/s1600-h/elemenlaman%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="elemen laman" border="0" alt="elemen laman" src="http://lh6.ggpht.com/_a_HlMR0PCIk/TRMCC6IHXgI/AAAAAAAAAyQ/T5ez5RnrX40/elemenlaman_thumb%5B2%5D.jpg?imgmax=800" width="445" height="151" /></a> </li>
<li>Klik <strong>Tambah Gadget</strong> untuk menambahkan gadget baru.
<br /><a href="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMCEFwx1sI/AAAAAAAAAyU/xg5emrU5d48/s1600-h/tambahgadget%5B3%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="tambah gadget" border="0" alt="tambah gadget" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMCGVwyyDI/AAAAAAAAAyY/zrPkaCMULHc/tambahgadget_thumb%5B1%5D.jpg?imgmax=800" width="405" height="249" /></a> </li>
<li>Setelah muncul jendela baru, klik tanda plus untuk <strong>HTML/JavaScript</strong>
<br /><a href="http://lh3.ggpht.com/_a_HlMR0PCIk/TRMCLFbnpdI/AAAAAAAAAyc/m5vKeU9mURg/s1600-h/htmljavascript%5B5%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="html javascript" border="0" alt="html javascript" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMCMf3onEI/AAAAAAAAAyg/j-kLIdBTQEc/htmljavascript_thumb%5B2%5D.jpg?imgmax=800" width="404" height="105" /></a>  </li>
<li>Copy script dibawah ini, lalu paste pada kolom yang tersedia. Beri juga judul yang sesuai dengan yang anda inginkan. Namun sebelumnya anda harus mengubah tulisan yang di beri <font color="#ff0000">warna merah</font> dengan <em>nama kategori</em> yang di inginkan.
<br />
<br /><script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<br />
<br /><script type="text/javascript" src="/feeds/posts/default/-/<font color="#ff0000">Gadget</font>?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<br />
<br /><a href="http://lh5.ggpht.com/_a_HlMR0PCIk/TRMCO8vCcCI/AAAAAAAAAyk/gjQwWjufBbo/s1600-h/gadgetcorner%5B6%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="gadget corner" border="0" alt="gadget corner" src="http://lh6.ggpht.com/_a_HlMR0PCIk/TRMCSPsGnII/AAAAAAAAAyo/slOKXm8HS0s/gadgetcorner_thumb%5B3%5D.jpg?imgmax=800" width="493" height="424" /></a>  </li>
<li>Klik tombol <strong>SIMPAN</strong> </li>
<li>Langkah kedua Selesai. </li>
</ol>
<p>Jika anda ingin menambahkan widget lain untuk nama kategori yang lain, anda hanya melakukan hal yang sama dengan langkah-langkah diatas.</p>
<p>Apakah script diatas bisa di customisasi? bisa. Dalam kode diatas ada bebebrapa yang dapat anda atur misal jumlah karakter yang ingin di tampilkan, thumbnail, jumlah posting, tanggal posting, komentar, serta more link. </p>
<p>Dalam script tersebut ada tulisan severti ini :</p>
<p>var numposts = <font color="#ff0000">3</font>;
<br />var showpostthumbnails = <font color="#ff0000">true</font>;
<br />var displaymore = <font color="#ff0000">false</font>;
<br />var showcommentnum = <font color="#ff0000">false</font>;
<br />var showcommentnum = <font color="#ff0000">false</font>;
<br />var showpostdate = <font color="#ff0000">false</font>;
<br />var showpostsummary = <font color="#ff0000">true</font>;
<br />var numchars = <font color="#ff0000">80</font>;
<br /></p>
<p>Kode berwarna merah adalah kode yang bisa anda edit, <font color="#ff0000">true</font> berarti tampilkan, <font color="#ff0000">false</font> berarti jangan di tampilkan,<font color="#ff0000"> 80</font> adalah jumlah karakter, silahkan coba-coba ganti saja.</p>
<p> </p>
<p>Cobain deh, pasti asik !!!</p>
<p> </p>
<p>Inspirated by : <a title="Featured posts widget with Thumbnails using Labels" href="http://suhastech.com/blogger/blogger-featured-posts-widget-with-thumbnails-using-labels/">Featured posts widget with Thumbnails using Labels</a></p> <div class="blogger-post-footer">Sumber : <a href="http://www.krtutorplus.com/">membuat blog</a> | <a href="http://www.krtutorplus.com/2007/04/bikin-blog.html">cara membuat blog</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4569368524623882898.post-36488923394953812252010-11-23T11:31:00.001+07:002010-11-23T11:35:59.337+07:00Meta tag blogger terbaik ala Kolom Tutorial<p>Sebenarnya M<em>eta tag blogger</em> yang akan kang Rohman terangkan bukanlah <strong>meta tag blogger terbaik</strong> karena mungkin saja ada meta tag blogger lainnya yang lebih baik dari ini, namun agar sedikit menarik perhatian, judulnya dibuat terbaca bombastis <img alt="Peace Sign" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" />.</p> <a name='more'></a> <p>Banyak orang mengatakan bahwa memasang meta tag adalah teknik <abbr title="Search Engine Optimaztion">SEO</abbr> yang telah kuno dan tidak perlu dilakukan lagi. Mungkin itu benar adanya, tapi mungkin juga tidak. Agar tidak simpang siur, mending kita lihat fakta di lapangan.</p> <p>Disini kang Rohman menuliskan keyword <strong>Blogspot Tutorial</strong> di <a title="Google com" href="http://www.google.com/search?q=site%3Awww.howtoinblogger.com&ie=utf-8&oe=utf-8&aq=t&client=firefox-a&rlz=1R1GGGL_en___ID350#sclient=psy&hl=en&client=firefox-a&hs=wnO&rlz=1R1GGGL_en___ID350&q=blogspot+tutorial&aq=0&aqi=g1g-c3g1&aql=&oq=&gs_rfai=&pbx=1&fp=573da4ec7e15bdf2" target="_blank">google.com</a>. Berikut screen-shot yang di dapat:</p> <p><a href="http://lh3.ggpht.com/_a_HlMR0PCIk/TOtDkn9JnHI/AAAAAAAAAwY/EBtnkPJCZ_s/s1600-h/blogspot-tutorial%5B5%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="blogspot-tutorial" border="0" alt="blogspot-tutorial" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TOtDmq-XERI/AAAAAAAAAwc/T276JLBL-DE/blogspot-tutorial_thumb%5B3%5D.jpg?imgmax=800" width="582" height="165" /></a></p> <p></p> <p>Hasilnya, blog kang Rohman yang berbahsa inggris berada pada urutan pertama (pada saat artikel ini ditulis). Yang ditunjukan pada hasil pencarian tersebut adalah Judul Blog dan deskripsi blog yang tentunya di pasang dengan meta tag deskripsi. Ini memberikan fakta bahwa pemasangan meta tag masih tetap diperlukan sebagai salah satu penunjang dalam <abbr title="Search Engine Optimaztion">SEO.</abbr></p> <p>Menurut keterangan para pakar SEO yang pernah kang Rohman baca, deskripsi blog ataupun keyword yang baik adalah setiap halaman harus berbeda, karena apabila halaman satu dan yang lainnya bedeskripsi sama, maka akan dianggap sebagai duplikat deskripsi, dan ini konon sangat tidak disukai oleh search Engine, sebut saja Google.</p> <p>Berangkat dari hal tersebut, kang Rohman mencoba membuat meta tag deskripsi blogger serta keyword agar bisa berbeda pada setiap halaman atau istilah kerennya <strong>Dynamic Blogger Meta tag.</strong></p> <p>Berikut adalah kode dasar <em>Dynamic Blogger Meta tag</em><strong> :</strong></a></p> <p> </p> <pre><b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle + &quot; - deskripsi&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, keywords&quot;' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - deskripsi&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, keywords&quot;' name='keywords'/> </b:if></pre>
<p> </p>
<p>Contoh nyata penerapan kode tersebut pada blog kang Rohman:</p>
<p> </p>
<pre><b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle + &quot; - panduan praktis membuat blog di blogspot&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free&quot;' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - panduan praktis membuat blog di blogspot&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free&quot;' name='keywords'/>
</b:if></pre>
<p> </p>
<p>Teknik yang dipakai adalah jika dalam kondisi Home page, untuk deskripsi adalah Judul Blog ditambah dengan deskripsi yang terpasang, untuk keyword adalah Judul Blog di tambah dengan keywords yang terpasang, misal :</p>
<p> </p>
<p>Deskripsi : <em><strong>Tutorial blog</strong> - panduan praktis membuat blog di blogspot</em></p>
<p>Keywords: <em><strong>Tutorial blog</strong>, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free</em></p>
<p><em></em></p>
<p>Sedangkan apabila sedang berada pada single post atau halaman posting, deskrisi yang digunakan adalah judul posting di tambah deskripsi yang terpasang, untuk keyword adalah judul posting di tambah keywords yang terpasang. </p>
<p>Misalkan apabila sedang berada pada halaman posting yang berjudul <a title="Fresh Revolution Premium template" href="http://kolom-tutorial.blogspot.com/2010/11/fresh-revolution-premium-template.html" target="_blank">Fresh Revolution Premium template</a> , maka deskripsi dan keywords yang tercipta adalah seperti berikut :</p>
<p> </p>
<p>Deskripsi : <em><strong>Fresh Revolution Premium template</strong> - panduan praktis membuat blog di blogspot</em></p>
<p>Keywords: <em><strong>Fresh Revolution Premium template</strong>, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free</em></p>
<p><em></em></p>
<p>Ingat bahwa setiap judul posting pastinya akan berbeda antara yang satu dengan yang lainnya, sehingga hasil meta deskripsi pun akan menciptakan deskripsi yang berbeda pula secara otomatis., dan inilah kenapa meta tag ini disebut dengan <strong>Dynamic Blogger Meta tag</strong> alias <em><a title="Meta tag blogger dinamis" href="http://kolom-tutorial.blogspot.com/" target="_blank">Meta tag blogger dinamis</a></em> <img alt="Cool" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" /></p>
<p>Cara pasangnya gimana? aih ko masih nanya cara pasangnya sih <img alt="Hee hee" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" /></p>
<p>Jika anda ingin menggunakan teknik ini, anda tentunya harus menghapus terlebih dahulu meta tag deskripsi atau meta tag keyword yang telah terpasang sebelumnya di blog anda agar tidak terjadi duplikasi.</p>
<p>Berikut langka-langkah pemasangan <strong>Dynamic Blogger Meta tag</strong>.</p>
<p> </p>
<ol>
<li>Login ke blogger dengan ID anda. </li>
<li>Klik <strong>Rancangan</strong>.
<br /><img src="http://lh4.ggpht.com/_a_HlMR0PCIk/TN3bIBdCbsI/AAAAAAAAAv8/0nJ9fO1Yxy4/rancangan_thumb[2].jpg" /> </li>
<li>Klik tab <strong>Edit HTML.</strong>
<br /><img src="http://lh4.ggpht.com/_a_HlMR0PCIk/TN3bJ8obgHI/AAAAAAAAAwE/-HuLshYEGCE/edithtml_thumb[2].jpg" /> </li>
<li>Biasakan untuk melakukan backup, klik pada tulisan <strong>Download Template Lengkap</strong>.
<br /><img src="http://lh5.ggpht.com/_a_HlMR0PCIk/TN3bM0LYW9I/AAAAAAAAAwM/sJ-g8u4oJqk/backuptemplate_thumb[2].jpg" /> </li>
<li>Agar lebih mudah, cari kode berikut : <font color="#ff0000"><b:skin><![CDATA[</font> </li>
<li>Copy paste kode berikut persis diatasnya kode yang tadi :
<p> </p>
<pre><b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle + &quot; - deskripsi&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, keywords&quot;' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - deskripsi&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, keywords&quot;' name='keywords'/> </b:if></pre>
<p> </p>
</li>
<li>Ingat, ganti kata <font color="#ff0000">deskripsi </font><font color="#000000">dengan deskripsi blog anda sendiri, dan kata <font color="#ff0000">keywords</font> dengan keyword atau kata kunci blog anda tentunya.</font> </li>
<li>Klik tombol <strong>SIMPAN TEMPLATE</strong>. </li>
<li>Selesai. </li>
</ol>
<p>Apakah teknik ini sudah di uji coba sebelumnya? Jawabannya sudah, yaitu blog ini dan blog kang Rohman yang berbahasa inggris selama satu bulan lebih, hasilnya lumayan ada peningkatan jumlah kunjungan.</p>
<p>Namun ingat, teknik diatas hanyalah salah satu dari sekian banyak faktor yang menunjang SEO. Jadi jangan terlalu berharap apabila memasang teknik ini, jumlah kunjungan langsung membludak.</p> <div class="blogger-post-footer">Sumber : <a href="http://www.krtutorplus.com/">membuat blog</a> | <a href="http://www.krtutorplus.com/2007/04/bikin-blog.html">cara membuat blog</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4569368524623882898.post-79340570618740998712010-11-13T07:26:00.001+07:002010-11-13T07:26:40.672+07:00Batasi label Yang Tampil Di Blogger<p>Sudah lama tidak menjawab pertanyaan pertanyaan yang ada melalui blog. Berikut salah satu pertanyaan yang masuk  ke email kang Rohman :</p> <blockquote> <p>Maaf Kang Rohman... <br />Untuk menampilkan jumlah postingan di blogspot kan kita setting di PENGATURAN > FORMAT > TAMPILKAN SEBANYAK MUNGKIN > lalu kita isi angka untuk menentukan tampilan tsb. <br />Nah, kalau untuk menampilkan jumlah postingan dengan LABEL tertentu gimana ya ? <br />Karena di blogku jumlah tampilan saya setting 8, namun saat kita tampilkan jumlah postingan dengan LABEL tertentu koq tampil semua ya.. (lebih dari 8). <br />Bagaimana cara mengatasi ini....? <br />mohon dikirim ke emal saya ya agar saya tahu jawabannya ? </p> </blockquote> <a name='more'></a> <p>Sebuah label, apabila diklik memang akan menampilkan seluruh label tersebut, namun kita bisa saja membatasi berapa jumlah yang ingin ditampilkan dalam satu halaman, akan tetapi anda harus menyisipkan sedikit kode tambahan dalam label tersebut. Kode tersebut adalah seperti berikut :</p> <p> </p> <p><strong>?max-results=<font color="#ff0000">5</font></strong></p> <p><strong><font color="#ff0000"></font></strong></p> <p>Angka 5 adalah jumlah label yang ingin di tampilkan, angka tersebut tentu saja harus di ganti dengan angka yang anda inginkan. namun, itu berlaku apabila memunculkan label secara manual.</p> <p>Format dasar alamat sebuah label adalah seperti ini :</p> <p>http://namablogmu.blogspot.com/search/label/namalabel</p> <p> </p> <p>Misal kang rohman mempunyai label dengan nama <strong>blog tutorial, </strong>maka alamatnya seperti ini :</p> <p> </p> <p>http://kolom-tutorial.blogspot.com/search/label/blog%20tutorial</p> <p> </p> <p>Posting yang ber label blog tutorial sangat banyak sekali, sehingga apabila ada pengunjung yang mengakses alamat tersebut akan di tampilkan semua postingnya. Apabila label tersebut ingin di batasi, cukup menambahkan kode pembatasnya, misal :</p> <p> </p> <p>http://kolom-tutorial.blogspot.com/search/label/blog%20tutorial?max-results=5</p> <p> </p> <p>Namun, untuk menambahkan kode pembatas yang mengambil dari database blogger, maka kode yang di tambahkan adalah seperti ini :</p> <p><strong>+ &quot;?max-results=5&quot;</strong></p> <p><strong></strong></p> <p>Misalkan seperti ini :</p> <p> </p> <pre><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></pre>
<p> </p>
<p>Maka kodenya jadi seperti ini?</p>
<p> </p>
<pre><a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a></pre>
<p> </p>
<p>Ah kang Rohman bikin bingung nih <img alt="At wits end" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" />. hehehe emang itu bagi yang sudah sedikit mengerti akan kode template blogger. bagi yang masih bingung mungkin bisa langsung praktik cara berikut. Namun, pastikan anda sebelumnya telah memasang gadget Label atau Kategori, baik itu label dalam bentuk <strong>List </strong>ataupun dalam bentuk <strong>Label Cloud.</strong></p>
<p><strong></strong></p>
<p><a href="http://lh4.ggpht.com/_a_HlMR0PCIk/TN3bDy5brHI/AAAAAAAAAvw/eQ4iTbtTrhM/s1600-h/labels%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="labels" border="0" alt="labels" src="http://lh4.ggpht.com/_a_HlMR0PCIk/TN3bFUyhmFI/AAAAAAAAAv0/sISWxOLXDMY/labels_thumb%5B2%5D.jpg?imgmax=800" width="520" height="166" /></a> </p>
<p> </p>
<ol>
<li>Login ke blogger dengan ID anda. </li>
<li>Klik <strong>Rancangan</strong>.
<br /><a href="http://lh4.ggpht.com/_a_HlMR0PCIk/TN3bGuzsdzI/AAAAAAAAAv4/QiYmghovqrA/s1600-h/rancangan%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="rancangan" border="0" alt="rancangan" src="http://lh4.ggpht.com/_a_HlMR0PCIk/TN3bIBdCbsI/AAAAAAAAAv8/0nJ9fO1Yxy4/rancangan_thumb%5B2%5D.jpg?imgmax=800" width="491" height="125" /></a> </li>
<li>Klik tab <strong>Edit HTML.
<br /><a href="http://lh6.ggpht.com/_a_HlMR0PCIk/TN3bJOpct8I/AAAAAAAAAwA/f0Mb2ppzV4w/s1600-h/edithtml%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="edit html" border="0" alt="edit html" src="http://lh4.ggpht.com/_a_HlMR0PCIk/TN3bJ8obgHI/AAAAAAAAAwE/-HuLshYEGCE/edithtml_thumb%5B2%5D.jpg?imgmax=800" width="452" height="152" /></a> </strong></li>
<li>Biasakan untuk melakukan backup, klik pada tulisan <strong>Download Template Lengkap</strong>.
<br /><a href="http://lh3.ggpht.com/_a_HlMR0PCIk/TN3bLZWEvHI/AAAAAAAAAwI/4CG4T_F_Khs/s1600-h/backuptemplate%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="backup template" border="0" alt="backup template" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TN3bM0LYW9I/AAAAAAAAAwM/sJ-g8u4oJqk/backuptemplate_thumb%5B2%5D.jpg?imgmax=800" width="418" height="116" /></a> </li>
<li>Klik kotak kecil di samping tulisan <strong>Expand Template Widget.
<br /><a href="http://lh5.ggpht.com/_a_HlMR0PCIk/TN3bOSIuB_I/AAAAAAAAAwQ/52UZWDByCzY/s1600-h/expand-template-widget%5B4%5D.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="expand template widget" border="0" alt="expand template widget" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TN3bO_YE64I/AAAAAAAAAwU/CSTrXN0ti1Y/expand-template-widget_thumb%5B2%5D.jpg?imgmax=800" width="260" height="94" /></a> </strong></li>
<li>Carilah kode yang mirip seperti berikut :
<p><ul>
<br />      <b:loop values='data:labels' var='label'>
<br />        <li>
<br />          <b:if cond='data:blog.url == data:label.url'>
<br />            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<br />          <b:else/>
<br />            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
<br />          </b:if>
<br />          <b:if cond='data:showFreqNumbers'>
<br />            <span dir='ltr'>(<data:label.count/>)</span>
<br />          </b:if>
<br />        </li>
<br />      </b:loop>
<br />      </ul></p>
</li>
<li>Tambahkan kode pembatasnya, sehingga menjadi seperti berikut :
<p> </p>
<ul>
<br />      <b:loop values='data:labels' var='label'>
<br />        <li>
<br />          <b:if cond='data:blog.url == data:label.url'>
<br />            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<br />          <b:else/>
<br />            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url <font color="#ff0000">+ &quot;?max-results=5&quot;</font>'><data:label.name/></a>
<br />          </b:if>
<br />          <b:if cond='data:showFreqNumbers'>
<br />            <span dir='ltr'>(<data:label.count/>)</span>
<br />          </b:if>
<br />        </li>
<br />      </b:loop>
<br />      </ul>
<p> </p>
</li>
<li>
<p>Itu adalah untuk yang label dalam bentuk list, untuk yang label cloud anda tinggal menggeser sedikit ke bagian bawahnya, dan nanti akan ditemui kode mirip seperti berikut : </p>
<p><b:loop values='data:labels' var='label'>
<br />        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<br />          <b:if cond='data:blog.url == data:label.url'>
<br />            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<br />          <b:else/>
<br />            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
<br />          </b:if>
<br />          <b:if cond='data:showFreqNumbers'>
<br />            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
<br />          </b:if>
<br />        </span>
<br />      </b:loop></p>     </li>
<li>Tambahkan kode pembatasnya sehingga kodenya jadi seperti berikut :
<p><b:loop values='data:labels' var='label'>
<br />        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<br />          <b:if cond='data:blog.url == data:label.url'>
<br />            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<br />          <b:else/>
<br />            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url <font color="#ff0000">+ &quot;?max-results=5&quot;</font>'><data:label.name/></a>
<br />          </b:if>
<br />          <b:if cond='data:showFreqNumbers'>
<br />            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
<br />          </b:if>
<br />        </span>
<br />      </b:loop></p>
</li>
<li>Klik tombol SIMPAN TEMPLATE. </li>
<li>Selesai. </li>
</ol>
<p>Selamat mencoba!</p> <div class="blogger-post-footer">Sumber : <a href="http://www.krtutorplus.com/">membuat blog</a> | <a href="http://www.krtutorplus.com/2007/04/bikin-blog.html">cara membuat blog</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4569368524623882898.post-55783227914595240812010-09-26T19:27:00.001+07:002010-09-26T19:29:56.471+07:00Tambah Title Pada Judul Post blogger<p>Menurut para <abbr title="Search Engine Optimazion">SEO</abbr> expert yang kang rohman baca dalam bukunya, salah satu faktor kecil penunjang terhadap <abbr title="Search Engine Optimazion">SEO</abbr> adalah dengan membubuhkan title terhadap link. Title link yang di maksud disini adalah ketika sebuah link disorot oleh mouse komputer,akan keluar sebuah tulisan kecil.</p> <a name='more'></a> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="title-post-hover" border="0" alt="title-post-hover" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TJ88KRxWW2I/AAAAAAAAArs/aC6fEJVhb20/titleposthover5.jpg?imgmax=800" width="316" height="229" /> </p> <p>Dari yang kang Rohman perhatikan, theme-theme untuk wordpress sejak dahulu telah menerapkan fungsi hover title link pada judul post atau judul artikel sehingga apabila sebuah judul post disorot maka akan keluar title dari judul post tersebut. Sayangnya, lagi-lagi dari yang kang Rohman perhatikan template blogger jarang sekali menerapkan teknik tersebut, kenapa yah?</p> <p>Walaupun ini bukanlah teknik <abbr title="Search Engine Optimazion">SEO</abbr> yang penting, tapi kang Rohman sendiri berpendapat bahwa tidak ada salahnya untuk menerapkan trik tersebut, dan mudah-mudahan ada sedikit pengaruhnya terhadap SEO.</p> <p>Kini blog kang Rohman telah menerapkan teknik tersebut :</p> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="hover-title-post" border="0" alt="hover-title-post" src="http://lh6.ggpht.com/_a_HlMR0PCIk/TJ88LPweRVI/AAAAAAAAArw/puXMS5ule1I/hovertitlepost10.jpg?imgmax=800" width="390" height="157" /> </p> <p>Bagi anda yang berminat ingin menerapkan teknik ini pada template blogger anda, silahkan untuk mengikuti langkah-langkah berikut :</p> <ul> <li>Silahkan login ke blogger dengan ID anda </li> <li>Klik <strong>Rancangan</strong> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="rancangan" border="0" alt="rancangan" src="http://lh4.ggpht.com/_a_HlMR0PCIk/TJ88LuJqAkI/AAAAAAAAAr0/VE8Z28U5qG0/rancangan5.jpg?imgmax=800" width="490" height="128" /> </p> </li> <li>Klik tab menu <strong>Edit HTML</strong>. <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="tab edit HTML" border="0" alt="tab edit HTML" src="http://lh4.ggpht.com/_a_HlMR0PCIk/TJ88MYifJ5I/AAAAAAAAAr4/qHb6r5QrQ28/tabeditHTML5.jpg?imgmax=800" width="346" height="122" /></p> </li> <li>Lakukan backup template dahuulu untuk keamanan. Klik <strong>Download Template Lengkap</strong> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="download template lengkap" border="0" alt="download template lengkap" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TJ88NOkD40I/AAAAAAAAAr8/ft28rjQRIsc/downloadtemplatelengkap11.jpg?imgmax=800" width="335" height="124" /></p> </li> <li>Setelah proses backup selesai, klik kotak kecil disamping tulisan <strong>Expand Template Widget <img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="expand template widget" border="0" alt="expand template widget" src="http://lh3.ggpht.com/_a_HlMR0PCIk/TJ88Njm5MwI/AAAAAAAAAsA/DRLnwxaUy0Q/expandtemplatewidget4.jpg?imgmax=800" width="209" height="96" /> </strong></li> <li>Carilah kode seperti dibawah ini : <p></p> <pre><a expr:href='data:post.link'><data:post.title/></a></pre>
<p></p>
</li>
<li>Hapus kode tadi lalu ganti dengan kode berikut :
<p></p>
<pre><a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a></pre>
<p></p>
</li>
<li>Lalu cari kembali kode seperti ini :
<p></p>
<pre><a expr:href='data:post.url'><data:post.title/></a></pre>
<p></p>
</li>
<li>Hapus kode tadi lalu ganti dengan kode berikut :
<p></p>
<pre><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></pre>
<p></p>
</li>
<li>Klik tombol <strong>SIMPAN TEMPLATE</strong>. </li>
<li>Selesai. Silahkan lihat hasilnya, seharusnya judul post anda sudah memiliki link title. </li>
</ul>
<p>Teknik diatas hanyalah memasukkan keyword judul post ke dalam link judul post. Pada dasarnya, kode yang ditambahkan adalah seperti ini :</p>
<p>expr:title='data:post.title'</p>
<p> </p>
<p>Jika anda ingin variasi lain, misalkan blog anda mempunyai keyword andalan lalu ingin memasukkan ke dalam title tersebut, itu bisa dilakukan. Misalkan kang rohman membidik keyword “ <strong>Tutorial Blog</strong> “, maka variasi kodenya adalah seperti ini :</p>
<p></p>
<pre><a expr:href='data:post.link' expr:title='&quot;Tutorial blog : &quot; + data:post.title'><data:post.title/></a></pre>
<p> </p>
<p>Serta </p>
<p> </p>
<pre><a expr:href='data:post.url' expr:title='&quot;Tutorial blog : &quot; + data:post.title'><data:post.title/></a></pre>
<p> </p>
<p>Tertarik mencoba teknik diatas? coba deh!</p> <div class="blogger-post-footer">Sumber : <a href="http://www.krtutorplus.com/">membuat blog</a> | <a href="http://www.krtutorplus.com/2007/04/bikin-blog.html">cara membuat blog</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4569368524623882898.post-64801415687356762942010-08-14T05:27:00.001+07:002010-08-14T05:27:41.605+07:00Sistem Kometar baru Di blogger<p>Lagi, blogger mengeluarkan fitur baru. Jika sebelumnya telah dikabarkan bahwa blogger mengintergarsikan <a title="statistik blogger" href="http://kolom-tutorial.blogspot.com/2010/07/blogger-perkenalkan-blogger-statistik.html">statistik blogger</a> langsung ke dashboard blogger, kini dirilis tentang <strong>sistem komentar baru di blogger</strong>.</p> <p>Beberapa hari yang lalu blogger buzz mengabarkan akan <a title="sistem komentar baru di blogger" href="http://buzz.blogger.com/2010/08/new-comments-system-on-blogger.html">sistem komentar baru</a> yang dipakai oleh blogger. Dengan sistem komentar yang baru ini, kita sebagai pengguna blogger dapat melihat komentar-komentar yang telah di <em>terbitkan</em>, <em>Menunggu moderasi</em>, atau dideteksi sebagai <em>komentar spam</em>. Jadi, tentunya sistem yang baru ini lebih efektif daripada sistem komentar yang sebelumnya dipakai.</p> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="komentar sistem baru blogger" border="0" alt="komentar sistem baru blogger" src="http://lh6.ggpht.com/_a_HlMR0PCIk/TGXG0-9BaNI/AAAAAAAAAqQ/9MVj_vLIOxE/komentar-sistem-baru-blogger%5B5%5D.jpg?imgmax=800" width="538" height="354" /> </p> <p>Dari pengamatan kang Rohman. Tab menu khusus komentar tersebut akan muncul jika kita mengaktifkan fungsi moderasi untuk komentar. </p> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="komentar" border="0" alt="komentar" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TGXG2OGDObI/AAAAAAAAAqU/Z6GucE1dtJI/komentar%5B10%5D.jpg?imgmax=800" width="450" height="158" /> </p> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="moderasi komentar" border="0" alt="moderasi komentar" src="http://lh5.ggpht.com/_a_HlMR0PCIk/TGXG3FXLx4I/AAAAAAAAAqY/SbsfU3UunR8/moderasi-komentar%5B5%5D.jpg?imgmax=800" width="511" height="130" /> </p> <p>Disebutkan bahwa saat ini belum semua blogger mendapatkan fasilitas sistem komentar baru ini, namun dalam waktu dekat tentunya fitur tersebut akan segera anda nikmati.</p> <div class="blogger-post-footer">Sumber : <a href="http://www.krtutorplus.com/">membuat blog</a> | <a href="http://www.krtutorplus.com/2007/04/bikin-blog.html">cara membuat blog</a></div>Unknownnoreply@blogger.com0