Memasang Widget Search Box

<h1><b>Memasang Widget Search Box | Tutorial Blog</b></h1><div style="text-align: justify;">Tutorial kali buat sobat yang masih belum bisa dan ingin memasang widget Kotak Penelusuran (Search Box) di blog. Cara memasangnya tidak menggunakan coding, karena sekarang Blogger sudah menyediakan widget Kotak Penelusuran. Jadi caranya lebih mudah dari <a href="http://wadahtutorial.blogspot.com/2011/11/membuat-kotak-pencarian-search-box.html">Membuat Kotak Pencarian (Search Box)</a>.</div><a name="more"></a><div style="text-align: left;">Berikut cara Membuat Search Box di Blog :</div><ol><li><div style="text-align: left;">Login ke Akun Blogger milik Anda, pilih <b style="color: red;">Rancangan (Design) > Elemen Laman (Page Elements)</b>.</div><img alt="Design Page Element" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DsgPgElmn.gif" /></li><li><div style="text-align: left;">Klik <b style="color: red;">Tambah Gadget (Add a Gadget)</b>.</div><img alt="Add Gadget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/AddGadget.gif" /></li><li><div style="text-align: left;">Pilih <b style="color: red;">Kotak Penelusuran (Search Box)</b>.</div><img alt="Search Box" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/SearchBox01.jpg" /></li><li><div style="text-align: left;">Pada bagian <i style="color: red;">Judul / Title</i>, isi dengan Cari di Blog Ini atau kata lain yang Anda inginkan. Pada bagian <i style="color: red;">Tab</i>, centang pada Blog ini (This Blog).</div><img alt="Search Box" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/SearchBox02.gif" /></li><li><div style="text-align: left;">Terakhir klik tombol <b style="color: red;">Simpan (Save)</b>, dan lihat hasilnya.</div><img alt="Save Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveWdgt.gif" /></li></ol>Semoga tutorial ini bisa membantu sobat yang ingin <b>Memasang Search Box di Blog</b>.

Memasang Widget Search Box

Memasang Widget Search Box | Tutorial Blog Tutorial kali buat sobat yang masih belum bisa dan ingin memasang widget Kotak Penelusuran (Searc...

Read more »

Membuat Kotak Pencarian (Search Box)

<h1><b>Membuat Kotak Pencarian (Search Box) | Tutorial Blog</b></h1><div style="text-align: justify;">Tutorial kali ini saya akan berbagi cara Membuat Kotak Pencarian (Search Box).</div><div style="text-align: left;">Berikut caranya :</div><ul><li><div style="text-align: justify;">Login ke Dasbor blogger, klik <b style="color: red;">Design (Rancangan) > Edit HTML</b>, Taruh kode ini di atas kode <b> <span style="color: red;">]]></b:skin></span></b></div><a name="more"></a>berikut kodenya: <div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 200px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><div style="text-align: left;">#search {</div><div style="text-align: left;">width: 280px;</div><div style="text-align: left;">font-size: 11px;</div><div style="text-align: left;">float: right;</div><div style="text-align: left;">margin: 0;</div><div style="text-align: left;">padding: 6px 0 0;</div><div style="text-align: left;">}</div><div style="text-align: left;">#searchform {</div><div style="text-align: left;">margin: 0;</div><div style="text-align: left;">padding: 0;</div><div style="text-align: left;">overflow: hidden;</div><div style="text-align: left;">display: inline;</div><div style="text-align: left;">}</div><div style="text-align: left;">#searchbox {</div><div style="text-align: left;">background: #84CAF6;</div><div style="text-align: left;">width: 220px;</div><div style="text-align: left;">color: #000;</div><div style="text-align: left;">margin: 0;</div><div style="text-align: left;">padding: 4px 0 3px 5px;</div><div style="text-align: left;">border: 1px solid #005BC3;</div><div style="text-align: left;">display: inline;</div><div style="text-align: left;">font: normal 12px Georgia, Times New Roman, Trebuchet MS;</div><div style="text-align: left;">}</div><div style="text-align: left;">#searchbutton {</div><div style="text-align: left;">background: #84CAF6 !important;</div><div style="text-align: left;">color: #000;</div><div style="text-align: left;">margin: 0 0 0 5px;</div><div style="text-align: left;">padding: 3px 3px 2px;</div><div style="text-align: left;">border: 1px solid #005BC3;</div><div style="text-align: left;">font: bold 11px Georgia, Times New Roman, Trebuchet MS;</div><div style="text-align: left;">}</div></div></li><li><div style="text-align: justify;"><b style="color: red;">Save Template</b>.</div></li><li><div style="text-align: justify;">Sekarang ke <b style="color: red;">Page Element</b>, klik <b style="color: red;">Add a Widget > HTML/Javascript</b> Masukkan kode ini di dalam area content.</div></li><div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 150px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><div style="text-align: left;"><div id='search'> </div><div style="text-align: left;"><form action='/search/' id='searchform' method='get' style='display:inline;'> </div><div style="text-align: left;"><input id='searchbox' maxlength='200' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/> </div><div style="text-align: left;"><input class='btn' type='submit' value='Go'/> </div><div style="text-align: left;"></form> </div><div style="text-align: left;"></div></div></div><li><b style="color: red;">Save</b> dan lihat hasilnya.</li></ul><div style="text-align: left;">Semoga bermanfaat...! </div><br /><div style="text-align: left;">Artikel lainnya : </div><ul><li><a href="http://wadahtutorial.blogspot.com/2011/12/memasang-widget-search-box.html">Memasang Widget Search Box</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/12/widget-google-followers-show-hide.html">Widget Google Followers Show Hide</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html">Membuat Daftar Isi Blog</a></li></ul>

Membuat Kotak Pencarian (Search Box)

Membuat Kotak Pencarian (Search Box) | Tutorial Blog Tutorial kali ini saya akan berbagi cara Membuat Kotak Pencarian (Search Box). Berikut ...

Read more »

Membuat Related Post (Artikel Terkait)

<h1><b>Membuat Related Post (Artikel Terkait) | Tutorial Blog</b></h1><div style="text-align: justify;">Related post atau Artikel Terkait sangat bermanfaat untuk memberitahu pengunjung tentang artikel yang lain dalam satu label / category pada blog kita.</div><div style="text-align: left;">Berikut cara Membuat Related Post :</div><a name="more"></a><ul><li><div style="text-align: left;">Login ke Blogger, Klik <b style="color: red;">Design/Rancangan > Edit HTML</b>.</div><img alt="Membuat Artikel Terkait" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li><div style="text-align: left;">Beri tanda centang pada <b><span style="color: red;">Expand Template Widget</span></b>.</div><img alt="Membuat Artikel Terkait" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/ExpandWidgetTemplates.gif" /><div style="text-align: left;"><b style="color: red;">Tips</b> : Biasakan mendownload template untuk membackup template sebelum di edit.</div></li><li>Cari kode <span style="color: red;"></head></span>, lalu Copy kode dibawah ini dan letakkan diatas kode <span style="color: red;"></head></span>. <div style="background: #3399FF; height: 200px; overflow: auto; padding: 3px; text-align: left; width: 400px;"><!--Simple Related Posts Scripts Start--><br /><script type='text/javascript'><br />//<![CDATA[<br />var relatedTitles = new Array();<br />var relatedTitlesNum = 0;<br />var relatedUrls = new Array();<br />function related_results_labels(json) {<br />for (var i = 0; i < json.feed.entry.length; i++) {<br />var entry = json.feed.entry[i];<br />relatedTitles[relatedTitlesNum] = entry.title.$t;<br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />relatedUrls[relatedTitlesNum] = entry.link[k].href;<br />relatedTitlesNum++;<br />break;<br />}<br />}<br />}<br />}<br />function removeRelatedDuplicates() {<br />var tmp = new Array(0);<br />var tmp2 = new Array(0);<br />for(var i = 0; i < relatedUrls.length; i++) {<br />if(!contains(tmp, relatedUrls[i])) {<br />tmp.length += 1;<br />tmp[tmp.length - 1] = relatedUrls[i];<br />tmp2.length += 1;<br />tmp2[tmp2.length - 1] = relatedTitles[i];<br />}<br />}<br />relatedTitles = tmp2;<br />relatedUrls = tmp;<br />}<br />function contains(a, e) {<br />for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br />return false;<br />}<br />function printRelatedLabels() {<br />var r = Math.floor((relatedTitles.length - 1) * Math.random());<br />var i = 0;<br />document.write('<ul>');<br />while (i < relatedTitles.length && i < 5) {<br />document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');<br />if (r < relatedTitles.length - 1) {<br />r++;<br />} else {<br />r = 0;<br />}<br />i++;<br />}<br />document.write('</ul>');<br />}<br />//]]><br /></script><br />    <!--Simple Related Posts Scripts and Styles End--></div></li><li><div>Kemudian silakan Sobat cari kode seperti berikut</div><span style="color: red;"><div class='post-footer-line post-footer-line-1'> </span><div>Lalu letakkan kode berikut dibawah kode tersebut.</div><div style="background: #3399FF; height: 200px; overflow: auto; padding: 3px; text-align: left; width: 400px;"><!-- Simple Related Posts Code Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><br />Related Post on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/><br /></b:if></b:loop><br /><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if><br /><!-- Simple Related Posts Code End--></div></li><li><div style="text-align: left;">Terakhir klik <b style="color: red;">Save / Simpan Template</b>.</div><img alt="Membuat Artikel Terkait" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ul>Selamat mencoba dan semoga berhasil <b>Membuat Related Post (Artikel Terkait)</b>.

Membuat Related Post (Artikel Terkait)

Membuat Related Post (Artikel Terkait) | Tutorial Blog Related post atau Artikel Terkait sangat bermanfaat untuk memberitahu pengunjung tent...

Read more »

Membuat Auto Read More

<h1><b>Membuat Auto Read More | Tutorial Blog</b></h1><div style="text-align: justify;">Auto Read More adalah opsi yang otomatis memotong artikel Sobat saat di tampilkan pada home page blog Anda. Auto Read More ini dilengkapi dengan pengaturan jumlah karakter, Ada 2 pengaturan jumlah karakter yaitu jumlah karakter Read More tanpa gambar dan jumlah karakter Read More dengan gambar.</div><a name="more"></a><div style="text-align: justify;">Berikut cara membuat auto read more :</div><ol><li><div style="text-align: justify;">Login ke akun Blogger Sobat, klik <b style="color: red;">Design / Rancangan  > Edit HTML</b>.</div><b style="color: red;"><span style="font-size: large;">Penting</span>!!!</b> Biasakan men-Download / membackup template blog Anda sebelum mengedit template.</li><li><div style="text-align: justify;">Beri tanda centang pada <b style="color: red;">Expand widget template</b>, kemudian letakkan kode berikut ini di atas kode <span style="color: red;"></head></span> (tekan Ctrl+F untuk mempermudah dalam pencarian kode)</div><div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 200px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><script type="text/javascript"><br />var thumbnail_mode = &quot;float&quot; ;<br />summary_noimg = 250;<br />summary_img = 220;<br />img_thumb_height = 120;<br />img_thumb_width = 220;<br /></script> <br /><script type="text/javascript"><br />//<![CDATA[<br />function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf("<br />",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div><br />"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};<br />//]]><br /></script></div><div style="text-align: left;">Anda juga dapat merubah kode berikut:</div><div style="text-align: left;">var thumbnail_mode = "float";</div><div style="text-align: left;">summary_noimg = 250;</div><div style="text-align: left;">summary_img = 250;</div><div style="text-align: left;">img_thumb_height = 120;</div><div style="text-align: left;">img_thumb_width = 120;</div><div style="text-align: justify;">Ganti angka pada summary_noimg untuk mengatur jumlah karakter yang tampil pada kutipan artikel tanpa gambar.</div><div style="text-align: justify;">Ganti angka pada summary_img untuk mengatur jumlah karakter yang tampil pada kutipan artikel dengan gambar.</div><div style="text-align: justify;">Ganti angka pada img_thumb_height untuk mengatur tinggi gambar yang tampil pada kutipan artikel.</div><div style="text-align: justify;">Ganti angka pada img_thumb_width untuk mengatur lebar gambar yang tampil pada kutipan artikel.</div></li><li><div style="text-align: justify;">Selanjutnya cari kode <span style="color: red;"><data:post.body></span> lalu ganti dengan kode ini; </div><div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 120px; overflow: auto; padding: 5px; text-align: left; width: 400px;">      <b:if cond='data:blog.pageType != &quot;item&quot;'><br /><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><br /><span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>More about</b> &#8594;</a></span><br /></b:if> </div></li><div style="text-align: justify;">Ganti kata <span style="color: red;">left</span> dengan right untuk menampilkan link readmore di bagian kanan.</div><div style="text-align: justify;">Ganti kata <span style="color: red;">More about</span> dengan kata yang Anda inginkan. Misalnya Read More,Baca Selengkapnya, Selanjutnya atau Seterusnya.</div><li>Terakhir klik <b style="color: red;">Pratinjau / Preview</b> untuk melihat hasilnya. Jika Anda rasa sudah sesuai, klik tombol <b style="color: red;">Simpan / Save Template</b>.</li></ol><div style="text-align: left;">Catatan : Jika Sobat menggunakan opsi ini, Artikel pada halaman juga akan terpotong.</div>Semoga tutorial ini bisa berguna buat sobat yang ingin <b>Membuat Auto Read More</b>.

Membuat Auto Read More

Membuat Auto Read More | Tutorial Blog Auto Read More adalah opsi yang otomatis memotong artikel Sobat saat di tampilkan pada home page blog...

Read more »

Cara Membuat Schedule / Jadwal Postingan di Wordpress

<h1><b>Cara Membuat Schedule / Jadwal Postingan di Wordpress | Tutorial Blog</b></h1><div style="text-align: justify;">Pada postingan kali ini saya akan berbagi cara membuat Jadwal Postingan di WordPress. Jika kita menggunakan opsi ini maka postingan yang kita buat akan dipublish secara otomatis sesuai pengaturan yang kita lakukan. Untuk Blogspot silakan baca <a href="http://wadahtutorial.blogspot.com/2011/11/membuat-schedule-jadwal-postingan.html" target="_blank">Membuat Schedule / Jadwal Postingan Blogspot</a>.</div><a name="more"></a><br /><div style="text-align: justify;">Berikut Cara Membuat Schedule / Jadwal Postingan di Wordpress :</div><ol><li>Login ke Dashboard Wordpress Anda, klik <b style="color: red;">Posts > Add New</b>, dan buat sebuah postingan.<br /><img alt="Post Addnew WP" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/PostAdd.gif" /></li><li>Sebelum di Publish klik <b style="color: red;">Edit</b> yang terletak disamping <i style="color: red;">Publish immediately</i>.<br /><img alt="Schedule Post" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/Schedul1.jpg" /></li><li>Atur tanggal dan jam kapan postingan Sobat ingin dipublish.<br /><img alt="Jadwal Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/Schedul2.gif" /></li><li>Terakhir klik tombol <b style="color: red;">Schedule</b>.<br /><img alt="Jadwal Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/Schedul3.gif" /></li></ol>Semoga tutorial diatas bermanfaat buat sobat yang ingin <b>Membuat Schedule / Jadwal Postingan di Wordpress</b>.

Cara Membuat Schedule / Jadwal Postingan di Wordpress

Cara Membuat Schedule / Jadwal Postingan di Wordpress | Tutorial Blog Pada postingan kali ini saya akan berbagi cara membuat Jadwal Postinga...

Read more »

Cara Membuat Schedule / Jadwal Postingan

<h1><b>Cara Membuat Schedule / Jadwal Postingan | Tutorial Blog</b></h1><div style="text-align: justify;">Schedule atau Jadwal dalam memposting artikel memang penting. Dengan jadwal posting yang teratur, berarti kita konsisten, ini menandakan kita rajin dan aktif dalam ngeblog. Tutorial kali untuk blogspot, untuk wordpress.com silakan baca <a href="http://wadahtutorial.blogspot.com/2011/11/membuat-jadwal-postingan-wordpress.html" target="_blank">Cara Membuat Schedule / Jadwal Postingan di Wordpress</a>.</div><a name="more"></a><br /><div style="text-align: justify;">Cara ini bisa digunakan buat sobat yang sibuk dan tidak sempat untuk posting artikel setiap harinya, misalkan Anda membuat 4 postingan, akan lebih baik jika Sobat terbitkan satu persatu, daripada Anda terbitkan sekaligus. Blogger akan menyimpan postingan Anda sampai waktu yang telah Anda tetapkan.</div><br /><div style="text-align: justify;">Berikut cara Membuat Jadwal Postingan di Blogspot :</div><ol><li>Login ke akun Blogger milik Anda, pilih <b style="color: red;">New Post / Entri Baru</b>, dan buat sebuah postingan.</li><li>Sebelum diterbitkan klik <b style="color: red;">Post Options</b>.<br /><img alt="Schedule Post" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Schedule01.gif" /></li><li>Akan muncul opsi-opsi di bawah Post Editor, pilih <b style="color: red;">Scheduled at / Dijadwalkan pada</b> lalu isi tanggal dan jam sesuai keinginan Anda.<br /><img alt="Jadwal Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Schedule02.gif" /></li><li>Terakhir klik <b style="color: red;">Publish Post / Terbitkan Entri</b>. Maka Postingan tersebut akan diterbitkan sesuai tanggal dan jam yang telah ditentukan.<br /><img alt="Publish Post" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/Publishpost.gif" /></li></ol>Sekian tutorial tentang <b>Cara Membuat Schedule / Jadwal Postingan</b>.

Cara Membuat Schedule / Jadwal Postingan

Cara Membuat Schedule / Jadwal Postingan | Tutorial Blog Schedule atau Jadwal dalam memposting artikel memang penting. Dengan jadwal posting...

Read more »

Memasang Jam di Wordpress

<h1><b>Memasang Jam di Wordpress | Tutorial Blog</b></h1><div style="text-align: justify;">Untuk memasang widget jam di wordpress.com caranya sama dengan <a href="http://wadahtutorial.blogspot.com/2011/11/memasang-jam-di-blog.html" target="_blank">Memasang Jam di Blogspot</a>, namun ada kode yang harus Sobat rubah, Berikut tutorialnya :</div><a name="more"></a><ul><li>Kunjungi <a href="http://www.clocklink.com/" rel="nofollow" target="_blank">www.clocklink.com</a></li><li>Lalu klik pada menu <span style="color: red;">Gallery</span> (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh pilih kategori <span style="color: red;">Digital</span>.</li><li>Kemudian klik <b><span style="color: red;">View HTML Tag</span></b>.</li><li>Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih <b style="color: red;">Accept</b>.</li><li>Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog. Kemudian Copy kode HTML yang di bagian bawah.<br /><img alt="Memasang Jam" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/jam05.gif" /><br />Contoh Kode:<br /><div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 60px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><embed src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=JOG&"  width="240" height="80" wmode="transparent" type="application/x-shockwave-flash"></div></li><li>Hapus bagian "<span style="color: red;"><embed</span>" dan penutup "<span style="color: red;">></span>" dan ganti dengan "<span style="color: red;">[gigya</span>" dan "<span style="color: red;">]</span>". Agar widget menjadi rata tengah tambahkan "center" sehingga kodenya akan menjadi seperti ini:<br /><div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 100px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><span style="color: red;"><div style="text-align:center;">[gigya </span>src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=JOG&"  width="240" height="80" wmode="transparent" type="application/x-shockwave-flash"<span style="color: red;">]</div></span></div></li><li>Kemudian pasang pada widget "Teks" blog Sobat, Jika belum bisa cara memasang widget di wordpress.com silakan baca <a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-wordpress.html" target="_blank">Memasang Widget di Wordpress.com</a>, Selesai...</li></ul>Sekian tutorial tentang <b>Memasang Jam di Wordpress</b>.

Memasang Jam di Wordpress

Memasang Jam di Wordpress | Tutorial Blog Untuk memasang widget jam di wordpress.com caranya sama dengan Memasang Jam di Blogspot , namun ad...

Read more »

Memasang Jam di Blog

<h1><b>Memasang Jam di Blog | Tutorial Blog</b></h1><div style="text-align: justify;">Untuk mempercantik tampilan blog, baik itu Wordpress maupun Blogspot, mungkin Anda ingin memasang aksesoris berupa widget jam pada sidebar blog Sobat, Bagi Sobat yang ingin memasang widget jam di Wordpress.com, Silakan baca <a href="http://wadahtutorial.blogspot.com/2011/11/memasang-jam-di-wordpress.html" target="_blank">Memasang Jam di Wordpress</a>. Buat Blogspot dapat Anda ikuti tutorial berikut ini :</div><a name="more"></a><ul><li>Kunjungi <a href="http://www.clocklink.com/" rel="nofollow" target="_blank">www.clocklink.com</a></li><li>Lalu klik pada menu <span style="color: red;">Gallery</span> (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh kategori <span style="color: red;">Digital</span> yang di pilih.<br /><img alt="Memasang Jam" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Jam01.jpg" /></li><li>Kemudian klik <b><span style="color: red;">View HTML Tag</span></b>.<br /><img alt="Memasang Jam" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Jam02.gif" /></li><li>Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih <b style="color: red;">Accept</b>.<br /><img alt="Memasang Jam" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Jam03.gif" /></li><li>Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog.<br /><img alt="Memasang Jam" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Jam4.gif" /></li><li> Kemudian Copy kode HTML yang diberikan.<br /><img alt="Memasang Jam" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/jam5.gif" /></li><li>Langkah selanjutnya pasang pada widget HTML/Javascript blog Sobat, jika belum bisa memasang widget silakan baca <a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-gadget-blogspot.html" target="_blank">Memasang Widget / Gadget di Blogspot</a></li></ul>Silakan dicoba Sob, semoga berhasil...

Memasang Jam di Blog

Memasang Jam di Blog | Tutorial Blog Untuk mempercantik tampilan blog, baik itu Wordpress maupun Blogspot, mungkin Anda ingin memasang akses...

Read more »

Memberi Tag dan Kategori Postingan di Wordpress

<h1><span style="font-size: large;"><b>Memberi Tag dan Kategori Postingan di Wordpress | Tutorial Blog</b></span></h1><div style="text-align: justify;">Tutorial kali ini tentang memasang / memberi Tag dan Kategori pada postingan di wordpress. Berikut caranya : </div><ul><li>Login ke WordPress anda.<a name="more"></a></li><li>Pada <span style="color: red;">Dashboard</span> klik menu <b><span style="color: red;">Post > Add New</span></b>.<br /><img alt="Post Addnew WP" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/PostAdd.gif" /></li><li>Lalu Check List kategorinya sesuai dengan isi postingan anda.<br /><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Kategori.gif" /></li><li>Tulis Tag yang ingin Anda berikan pada kolom tag, dan klik <b><span style="color: red;">Add</span></b>.<br /><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/tag.gif" /></li><li>Setelah selesai membuat postingan klik <b style="color: red;">Publish</b>.</li></ul>Artikel Yang Lain : <br /><ul><li><a href="http://wadahtutorial.blogspot.com/2011/11/membuat-readmore-pada-postingan.html" target="_blank">Membuat ReadMore Pada Postingan</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/11/menonaktifkan-komentar-halaman.html" target="_blank">Menonaktifkan Komentar pada Halaman WordPress</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-wordpress.html" target="_blank">Memasang Widget di Wordpress.com</a></li></ul>Semoga tutorial ini bermanfaat buat Sobat yang masih belum tau cara <b>Memberi Tag dan Kategori Postingan di WordPress</b>.

Memberi Tag dan Kategori Postingan di Wordpress

Memberi Tag dan Kategori Postingan di Wordpress | Tutorial Blog Tutorial kali ini tentang memasang / memberi Tag dan Kategori pada postingan...

Read more »

Setting Komentar Tanpa Moderasi

<h1><b>Setting Komentar Tanpa Moderasi | Tutorial Blog</b></h1><div style="text-align: justify;">Opsi ini memberikan kita kesempatan untuk melakukan filter pada setiap komentar yang masuk ke blog. maksudnya setiap komentar tidak langsung di tampilkan di blog, tetapi harus melalui persetujuan dari Admin blog untuk bisa di tampilkan atau tidak.</div><a name="more"></a><div style="text-align: justify;">Jika Sobat gak mau ribet, mending ospi ini dimatikan, jadi apabila ada komentar oleh pengunjung bisa langsung tampil di blog tanpa disetujui atau di moderasi terlebih dahulu oleh admin, kecuali untuk komentar SPAM, komentar yang dianggap SPAM tidak akan muncul secara otomatis.</div><div style="text-align: justify;">Perlu diingat, semua link yang dikirim oleh pengunjung pada saat komentar juga akan langsung tampil. Baik itu link yang diperbolehkan, maupun link-link yang tidak diperbolehkan, jadi sebelum Sobat menerapkan setting komentar ini, sebaiknya pertimbangkan terlebih dahulu.</div><br /><div style="text-align: justify;">Berikut Tutorial Setting Komentar Tanpa Moderasi :</div><ul><li>Untuk Wordpress</li><ol><li>Login ke Wordpress Anda, pada dashboard klik <b><span style="color: red;">Settings > Discussion</span></b>.<br /><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/modecomen01.gif" /></li><li>Kemudian hapus tanda centang [ v ] pada <i style="color: red;">An administrator must always approve the comment</i> dan <i style="color: red;">Comment author must have a previously approved comment</i>.<br /><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/modecmn2.gif" /></li><li>Lalu klik <b style="color: red;">Save Changes</b>.<br /><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/modecomen03.gif" /></li></ol></ul><ul><li>Untuk Blogspot</li><ol><li>Login ke blogger, klik <b style="color: red;">Settings > Comments</b>.<br /><img alt="Settings Comments" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SettComent.gif" /></li><li>Pada <i><span style="color: red;">Comment Moderation</span></i> pilih <b><span style="color: red;">Never</span></b>.<br /><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/modecomen05.gif" /></li><li>Terakhir klik <b style="color: red;">Save Settings</b>.<br /><img alt="Save Settings" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveSetting.gif" /></li></ol></ul>Demikian Postingan saya tentang <b>Setting Komentar Tanpa Moderasi</b>.

Setting Komentar Tanpa Moderasi

Setting Komentar Tanpa Moderasi | Tutorial Blog Opsi ini memberikan kita kesempatan untuk melakukan filter pada setiap komentar yang masuk k...

Read more »

Cara Mengetahui Blog Kena Banned

<h1><b>Cara Mengetahui Blog Kena Banned | Tutorial Blog</b></h1><div style="text-align: justify;">Istilah �<b>Banned Google</b>� pasti tidak asing lagi buat Sobat-sobat yang selama ini bergelut dengan dunia blog dan website. Banned google merupakan sebuah istilah dari tindakan google yang terhadap blog atau website yang dicurigai oleh mesin <a name="more"></a>pencari google melakukan spam atau teknik black hat SEO. Jika Blog Sobat sampai di banned oleh Google berarti website anda dianggap google 100% telah melakukan spam dan isi website anda tidak sesuai dengan apa yang diindex google. akibatnya website anda 100% tidak diindex google. Juga istilah yang ini, �<b>Penalty Google</b>� merupakan sebuah peringatan menuju banned google. Artinya website tersebut tidak 100% spam, hanya direktori yang dianggap spam saja yang dikeluarkan indexnya dari google. misalkan halaman posting anda 100% copy-paste dan melakukan tindakan spam lainnya maka sedikit demi sedikit index single posting anda akan hilang dari index google</div><br /><div style="text-align: justify;">Untuk melihat website / blog kita dibanned google atau kena penalty google, caranya mudah, Coba Sobat ketik <i style="color: red;">site:namadomainanda.com</i> di form pencarian Google, jika hasilnya tidak ada itu berarti akun atau blog Sobat terkena banned google, jika berkurang di bandingkan dengan hari-hari sebelumnya, itu berarti akun / blog anda terkena penalty google atau Sobat jarang posting. untuk mengetahui page index blog anda setiap harinya akan lebih mudah jika Sobat menginstal WebRank Toolbar.</div><br /><div style="text-align: justify;">Untuk mengetahui sebuah blog atau website terkena banned dan penalty google, Sobat dapat mengikuti cara berikut :</div><ul><li>Masuk ke <a href="http://www.bannedcheck.com/" rel="nofollow" target="_blank">www.bannedcheck.com</a>.</li><li>Ketikkan url blog Sobat dalam form dan klik Submit, anda akan diberi keterangan hasil dari bannedcheck apakah blog Sobat di banned oleh Google atau tidak.</li></ul>Semoga penjelasan singkat ini bisa bermanfaat buat sobat untuk Mengetahui Blog Kena Banned.

Cara Mengetahui Blog Kena Banned

Cara Mengetahui Blog Kena Banned | Tutorial Blog Istilah � Banned Google � pasti tidak asing lagi buat Sobat-sobat yang selama ini bergelut ...

Read more »

Kode Script Anti Klik Kanan

<h1><b>Kode Script Anti Klik Kanan | Tutorial Blog</b></h1><div>Selain <a href="http://wadahtutorial.blogspot.com/2011/11/kode-script-anti-copas.html" target="_blank">Kode Script Anti Copas</a>, Sobat dapat menggunakan Kode Script Anti Klik Kanan untuk melindungi artikel Anda dari Copaser.</div><div>Untuk dapat menggunakannya silakan ikuti tutorial berikut :</div><a name="more"></a><ul><li><div style="align-text: left;">Login ke Blogger Sobat, Klik <b style="color: red;">Design > Page Elements</b>.</div><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/PageElement.gif" /></li><li><div style="align-text: left;">Lalu klik <b><span style="color: red;">Add a Gadget</span></b>.</div><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/AddGadget.gif" /></li><li><div style="align-text: left;">Pilih <b style="color: red;">HTML/Javascript</b>.</div><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/HtmlJavaScript.gif" /></li><li><div style="align-text: left;">Kemudian copy kode di bawah ini:</div><div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 200px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><script> var message="Eits,, Klik Kanan Sementara Ini Tidak Diperbolehkan !!";<br />///////////////////////////////////<br />function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script></div></li><li><div style="align-text: left;">Lalu paste pada area content.</div><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/AreaContent.gif" /></li><li><div style="align-text: left;">Terakhir klik <b style="color: red;">SAVE</b>.</div><img alt="Tutorial Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveWdgt.gif" /></li></ul>Silakan dicoba Sob, dan semoga berhasil...<br />Sekian tutorial kali ini mengenai <b>Kode Script Anti Klik Kanan</b>.

Kode Script Anti Klik Kanan

Kode Script Anti Klik Kanan | Tutorial Blog Selain Kode Script Anti Copas , Sobat dapat menggunakan Kode Script Anti Klik Kanan untuk melind...

Read more »

Cara Instal WebRank Toolbar

<h1><b>Cara Instal WebRank Toolbar | Tutorial Blog</b></h1><div style="text-align: justify;"><b>Webrank toolbar</b> - Toolbar ini berfungsi untuk menunjukan pagerank,alexa rank,backlink dan berbagai info lainnya mengenai web atau situs yang sedang kita kunjungi, toolbar ini akan secara otomatis memberitahukan kepada kita berapa Rank blog yang sedang kita kunjungi.</div><a name="more"></a><div style="text-align: left;">Sebagai contoh ketika kita membuka situs facebook maka di Toolbar Webrank browser mozilla akan muncul nilai rank dari facebook. Lihat gambar ;</div><img alt="WebRank Toolbar" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/RankFB.gif" /><br /><div style="text-align: left;">disitu tertulis bahwa facebook memiliki Google pagerank : 10, Alexa rank : 2, Compete rank : 2, Quantcast rank : 2, dll.</div><br /><div style="text-align: left;">Berikut cara menginstal WebRank Toolbar :</div><ul><li>Silakan klik <a href="https://addons.mozilla.org/en-us/firefox/addon/webrank-toolbar-pagerank-alexa/" rel="nofollow" target="_blank">addons.mozilla.org</a>.</li><li>Pada laman selanjutnya klik <b><span style="color: red;">Add To Firefox</span></b><br /><img alt="WebRank Toolbar" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/webrank.jpg" /></li><li>Akan tampil jendela add-on<br /><img alt="WebRank Toolbar" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Addondwnld.gif" /><br />Setelah selesai Sobat akan di minta me-Restart firefox.</li><li>Restart firefox Sobat dan Toolbar WebRank sudah terinstal di Firefox. </li></ul>Semoga penjelasan singkat ini bisa bermanfaat buat Sobat yang ingin mengInstal <b>WebRank Toolbar</b>.

Cara Instal WebRank Toolbar

Cara Instal WebRank Toolbar | Tutorial Blog Webrank toolbar - Toolbar ini berfungsi untuk menunjukan pagerank,alexa rank,backlink dan berba...

Read more »

Kode Script Anti Copas

<h1><b>Kode Script Anti Copas | Tutorial Blog</b></h1><div>Buat Sobat yang tidak ingin Artikelnya di copy oleh blogger lain, mungkin cara ini bisa Sobat gunakan. Berikut Tutorialnya :</div><ol><li><div>Login ke blogger Sobat, Klik <b style="color: red;">Design / Rancangan > Edit HTML</b>.</div><a name="more"></a><img alt="Kode Script Anti Copas" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li>Beri centang pada <b style="color: red;">Expand Widget Templates</b>. Lalu cari kode <span style="color: red;"><head></span><br /><img alt="Kode Script Anti Copas" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/ExpandWidgetTemplates.gif" /></li><li>Copy kode berikut : <div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 120px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><SCRIPT type='text/javascript'> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT></div>Dan letakkan tepat dibawah kode <span style="color: red;"><head></span><br /><img alt="Kode Script Anti Copas" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/AntiCopas.gif" /></li><li>Terakhir Klik <b><span style="color: red;">Save Template / Simpan Template</span></b>.<br /><img alt="Kode Script Anti Copas" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /><br />Selesai...</li></ol>Silakan di coba Sob, semoga tutorial ini bisa membantu Sobat yang ingin memasang <b>Kode Script Anti Copas</b>.

Kode Script Anti Copas

Kode Script Anti Copas | Tutorial Blog Buat Sobat yang tidak ingin Artikelnya di copy oleh blogger lain, mungkin cara ini bisa Sobat gunakan...

Read more »

Menampilkan Posting Blog ke Twitter dan Facebook

<h1><span style="font-size: large;"><b>Menampilkan Posting Blog ke Twitter dan Facebook | Tutorial Blog</b></span></h1><div>Pada tutorial kali ini saya akan berbagi tentang cara yang efektif untuk dapat menampilkan postingan blog di <a href="http://www.facebook.com/" rel="nofollow" target="_blank">Facebook</a> dan <a href="http://twitter.com/" rel="nofollow" target="_blank">Twitter</a>. </div><div>Berikut tutorial agar postingan blog bisa tampil di kedua jejaring sosial tersebut:</div><a name="more"></a><ul><li>Menampilkan ke Twitter :</li><ol><li>Login ke akun twitter Anda.</li><li>Lalu masuk ke <a href="http://twitterfeed.com/" rel="nofollow" target="_blank">twitterfeed.com</a>.<br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/twitterfeed.jpg" /></li><li>Klik <span style="color: red;"><b>don�t have an account yet</b></span> atau <span style="color: red;"><b>sign in with open id</b></span>, setelah itu akan muncul form pendaftaran.<br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/twitterfeed2.jpg" /><br />masukan alamat email dan password kemudian ulangi password setelah itu klik <b><span style="color: red;">create account</span></b></li><li>Masukan alamat feed blog Anda, contoh feednya menggunakan format seperti ini :<br />http://namablog.blogspot.com/atom.xml<br />http://namablog.blogspot.com/feeds/posts/default<br />http://namablog.wordpress.com/feed/<br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfd3.gif" /><br />Lalu klik <b style="color: red;">test rss feed</b>, bila sudah benar akan muncul <i style="color: red;">Feed parsed OK</i>.</li><li>Klik tombol <span style="color: red;"><b>continue to step 2.</b></span><br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/twfeed2.jpg" /></li><li>Terdapat 5 pilihan untuk menampilkan feed ke beberapa social network, pilih saja twitter dan facebook, yang pasti Anda harus mempunyai akun facebook dan twitter.</li><li>Klik Twitter kemudian akan muncul koneksi untuk menghubungkannya.<br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfd4.gif" /></li><li>Lalu klik <span style="color: red;"><b>authenticate Twitter.</b></span><br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfd5.gif" /></li><li>Pada halaman selanjutnya klik <b style="color: red;">Authorize app.</b><br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfd6.gif" /></li><li>Setelah itu klik <b><span style="color: red;">Create Service.</span></b><br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/twfeedFb5.jpg" /></li><li>Jika sudah benar maka akan muncul halaman berikut.<br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfd7.gif" /></li><li>Lalu klik <span style="color: red;"><b>All Done!</b></span>. dan selamat feed blog anda akan tampil ke akun twitter secara otomatis.<br /><img alt="twitter feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfd8.gif" /></li></ol><li>Menampilkan ke Facebook :</li><ul><li>Untuk menampilkan posting Blog Anda ke akun Facebook, caranya sama seperti langkah di atas, cuma pada langkah ke 7 klik Facebook. <br /><img alt="Facebook feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfdFb1.gif" /></li><li>Pada halaman selanjutnya klik <b style="color: red;">Connect with Facebook.</b><br /><img alt="Facebook feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfdFb2.gif" /></li><li> Lalu login ke akun Facebook Anda.<br /><img alt="Facebook feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfdFb3.gif" /></li><li>dan klik <b style="color: red;">Allow</b>.<br /><img alt="Facebook feed" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/twfdFb4.gif" /></li><li>Kemudian lanjutkan ke langkah 10, 11, dan 12.</li></ul></ul>Selamat mencoba dan Semoga berhasil.<br /><br />Sumber : <a href="http://bakulatz.wordpress.com/2011/08/15/menampilkan-posting-twitter-fb/" target="_blank">Menampilkan Posting Blog ke Twitter dan Facebook</a>

Menampilkan Posting Blog ke Twitter dan Facebook

Menampilkan Posting Blog ke Twitter dan Facebook | Tutorial Blog Pada tutorial kali ini saya akan berbagi tentang cara yang efektif untuk da...

Read more »