CrystalWeb Blogger Template

<h1><span style="font-size: large;"><b>CrystalWeb Blogger Template | Tutorial Blog</b></span></h1><span style="font-size: large;">Template Features</span><a name="more"></a><table cellpadding="0" cellspacing="0" class="Table-Post2" height="152" id="AutoNumber1"><tbody><tr><td class="Table-Post2" height="25" width="30%">Platform Type</td><td class="Table-Post2" height="25" width="56%">Blogger / Blogspot</td></tr><tr><td class="Table-Post2" height="25" width="30%">Template Name</td><td class="Table-Post2" height="25" width="56%"><b>CrystalWeb Blogger Template</b></td></tr><tr><td class="Table-Post2" height="25" width="30%"><span class="cut">Description</span></td><td class="Table-Post2" height="25" width="56%"><b>CrystalWeb</b> is a free blogger template with 3 columns, right sidebar, exclusive design for Blogger, space for ads, slideshow and social icons.</td></tr><tr><td class="Table-Post2" height="25" width="30%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://www.deluxetemplates.net</td></tr><tr><td class="Table-Post2" height="25" width="30%"><span class="cut">Designer</span></td><td class="Table-Post2" height="25" width="5dd6%">Deluxetemplates</td></tr><tr> <td class="Table-Post2" height="25" width="30%">Instructions URL</td> <td class="Table-Post2" height="25" width="56%"><a href="http://wadahtutorial.blogspot.com/2011/10/install-custom-template-blogger.html">How to install Blogger Template</a></td> </tr></tbody></table><br /><img alt="CrystalWeb Blogger Template" border="0" src="http://bt.bloggerpremium.com/wp-content/uploads/2012/01/crystalweb-blogger-template.jpg" style="cursor: pointer; height: 250px; width: 300px;" /><br /><table border="0" cellspacing="10" style="width: 440px;"><tbody><tr><td valign="top" width="220"><a href="http://btemplates.com/2012/blogger-template-crystalweb/demo/" rel="nofollow" target="_blank">Demo</a></td><td valign="top" width="220"><a href="http://www.blogger.com/btemplates.com/download/4190/" rel="nofollow" target="_blank">Download</a></td></tr></tbody></table>Source : <a href="http://btemplates.com/2012/blogger-template-crystalweb/" rel="nofollow" target="_blank">btemplates.com</a>

CrystalWeb Blogger Template

CrystalWeb Blogger Template | Tutorial Blog Template Features Platform Type Blogger / Blogspot Template Name CrystalWeb Blogger Template Des...

Read more »

Menampilkan Thread Comments di Blogger

<h1><b>Menampilkan Thread Comments di Blogger | Tutorial Blog</b></h1><div style="text-align: justify;">Thread Comments (komentar yang bisa di reply atau di balas) merupakan fitur baru dari Blogger. Untuk sementara fitur ini dibenamkan otomatis pada blog dengan tampilan dinamic view. Bagi Sobat yang belum muncul secara otomatis Thread Comments-nya, Anda dapat mengikuti tutorial di bawah ini :</div><a name="more"></a><ul><li>Masuk ke Dasbor, klik <b style="color: red;">Design / Rancangan > Edit HTML</b></li><li>Demi keamanan silahkan backup dulu template anda, klik <b><span style="color: red;">Download Template Lengkap</span></b></li><li>Geser ke bawah kemudian klik <b><span style="color: red;">Kembalikan template widget ke default / Revert widget templates to default > OK</span></b></li><li>Sekarang lihat blog anda yang sudah ada komentarnya. Atau buat komentar baru untuk mencoba.</li></ul><div style="text-align: justify;">Sampai disini thread comments blogger anda harusnya sudah aktif. Tetapi jika masih belum muncul lanjutkan dengan tutorial berikut : </div><ul><li>Klik <b style="color: red;">Setelan > Komentar</b> atau <b style="color: red;">Settings > Comments</b>.</li><li>Pada <b style="color: red;">Penempatan Formulir Komentar</b> pilih <b style="color: red;">Disemat di bawah entri</b> atau <b style="color: red;">Comment Form Placement > Embedded below post</b>.</li><li>Lalu klik <b style="color: red;">Simpan Setelan / Save Settings</b></li><li>Masih di <b style="color: red;">Setelan / Settings</b> klik <b style="color: red;">Feed Situs / Site Feed</b>.</li><li>Pada <b style="color: red;">Izinkan Feed Blog / Allow Blog Feeds</b> pilih <b style="color: red;">Penuh / Full</b>.</li><li>Terakhir klik <b style="color: red;">Simpan Setelan / Save Settings</b></li></ul>Ok, selesai... Semoga berhasil Menampilkan Thread Comments di Blogger.

Menampilkan Thread Comments di Blogger

Menampilkan Thread Comments di Blogger | Tutorial Blog Thread Comments (komentar yang bisa di reply atau di balas) merupakan fitur baru dari...

Read more »

Membatasi Jumlah Postingan di Homepage

<h1><b>Membatasi Jumlah Postingan di Homepage | Tutorial Blog</b></h1><div style="text-align: justify;">Bila sebuah blog menampilkan jumlah postingan yang cukup banyak pada homepage, tentu hal ini akan membuat loading blog terasa berat, untuk itu kita bisa membatasi jumlah postingan yang akan di tampilkan pada halaman utama/homepage sesuai dengan keinginan kita.</div><a name="more"></a><div style="text-align: justify;">Jika Sobat ingin mengatur jumlah postingan yang ingin ditampilkan di homepage blog, Anda bisa melakukannya pada menu Settings, berikut tutorialnya :</div><ul><li><div style="text-align: left;">Langkah pertama Login ke blogger Sobat, Pilih <b style="color: red;">Settings > Formatting</b>.</div><img alt="Membatasi Jumlah Postingan di Homepage" border="0" class="alignright" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/hpdi01.gif" /></li><li><div style="text-align: left;">Pada <b style="color: red;">Show at most</b> ganti dengan angka yang Sobat inginkan, misalkan 5 atau 10.</div><img alt="Membatasi Jumlah Postingan di Homepage" border="0" class="alignright" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/hpdi02.gif" /></li><li><div style="text-align: left;">Lalu klik <b><span style="color: red;">SAVE SETINGS</span></b>.</div><img alt="Membatasi Jumlah Postingan di Homepage" border="0" class="alignright" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/hpdi03.gif" /><div>Selesai...</div></li></ul>Demikian tutorial singkat tentang Membatasi Jumlah Postingan di Homepage.

Membatasi Jumlah Postingan di Homepage

Membatasi Jumlah Postingan di Homepage | Tutorial Blog Bila sebuah blog menampilkan jumlah postingan yang cukup banyak pada homepage, tentu ...

Read more »

Menampilkan Widget Hanya di HomePage

<h1><b>Menampilkan Widget Hanya di HomePage | Tutorial Blog</b></h1><div style="text-align: justify;">Trik ini dapat Sobat gunakan jika Anda ingin Menampilkan Widget Hanya di HomePage, jadi widget tidak akan muncul pada halaman posting, halaman label, dan halaman yang lainnya, karena widget hanya akan muncul pada halaman utama saja. Jika Sobat ingin kebalikannya atau widget tidak akan muncul pada halaman utama <a name="more"></a> (Home Page), Sobat dapat mengikuti tutorial <a href="http://wadahtutorial.blogspot.com/2011/12/menyembunyikan-widget-di-homepage.html" target="_blank">Menyembunyikan Widget di HomePage</a>.</div><div style="text-align: left;">Jika Sobat hanya ingin menyembunyikan widget dari postingan saja, silakan baca <a href="http://wadahtutorial.blogspot.com/2012/01/menyembunyikan-widget-pada-halaman.html" target="_blank">Menyembunyikan Widget pada Halaman Posting</a>. </div><div style="text-align: left;">Untuk cara Menampilkan Widget Hanya di HomePage, berikut tutorialnya :</div><ul><li><div style="text-align: left;">Login ke Blogger, Klik <b style="color: red;">Design/Rancangan > Edit HTML</b>.</div><img alt="Menampilkan Widget Hanya di HomePage" 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="Menampilkan Widget Hanya di HomePage" 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 ID widget yang ingin di edit, misal <span style="color: red;">HTML1</span>, <span style="color: red;">HTML2,</span> <span style="color: red;">HTML3,</span> <span style="color: red;">Label1</span>,<span style="color: red;"> HTML9</span>, <span style="color: red;">PopularPosts1</span>, dan lain lain. <div style="text-align: left;">Untuk mengetahui ID widget tersebut silakan baca <a href="http://wadahtutorial.blogspot.com/2012/01/cara-mengetahui-id-widget-blogger.html" target="_blank">Cara Mengetahui ID Widget Blogger</a>. </div></li><li><div style="text-align: left;">Lalu tambahkan kode berikut pada kode widget tersebut.</div><div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Kode</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 450px;"><div style="display: none;"><span style="color: red;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br /><br /><b>KODE WIDGET</b><br /><br /><span style="color: red;"></b:if></span></div></div></div>Untuk lebih jelasnya lihat kode berikut : <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Kode</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 450px;"><div style="display: none;"><b:widget id='HTML7' locked='false' title='' type='HTML'><br /><b:includable id='main'><br /><span style="color: red;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != &quot;&quot;'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><span style="color: red;"></b:if></span><br /></b:includable><br /></b:widget> </div></div></div><div>Ket : Kode yang berwarna merah adalah kode yang di tambahkan.</div></li><li><div style="text-align: left;">Terakhir klik <b style="color: red;">Save / Simpan Template</b>.</div><img alt="Menampilkan Widget Hanya di HomePage" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ul>Sekian tutorial tentang Menampilkan Widget Hanya di HomePage.

Menampilkan Widget Hanya di HomePage

Menampilkan Widget Hanya di HomePage | Tutorial Blog Trik ini dapat Sobat gunakan jika Anda ingin Menampilkan Widget Hanya di HomePage, jadi...

Read more »

Cara Mengetahui ID Widget Blogger

<h1><b>Cara Mengetahui ID Widget Blogger | Tutorial Blog</b></h1><div style="text-align: justify;">ID widget perlu Sobat ketahui jika Anda ingin menampilkan atau menyembunyikan widget tersebut pada suatu halaman. misalnya <a href="http://wadahtutorial.blogspot.com/2011/12/menyembunyikan-widget-di-homepage.html" target="_blank">Menyembunyikan Widget di HomePage</a>, <a href="http://wadahtutorial.blogspot.com/2012/01/menyembunyikan-widget-pada-halaman.html" target="_blank">Menyembunyikan Widget pada Halaman Posting</a>, dan lain lain. </div><div>Untuk mengetahui ID widget, berikut caranya :</div><a name="more"></a><ul><li><div style="text-align: left;">Login ke Blogger, Klik <b style="color: red;">Design/Rancangan > Page Element/Elemen Halaman</b>.</div><img alt="Cara Mengetahui ID Widget Blogger" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DsgPgElmn.gif" /></li><li><div style="text-align: left;">Letakkan posisi mouse pada tulisan <b style="color: red;">Edit</b>, sebagai contoh saya gunakan widget kode script Tutorial Blog.</div><img alt="Cara Mengetahui ID Widget Blogger" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/idwgt.gif" /><div style="text-align: left;">Pada bagian bawah browser, akan terlihat URL widget, disitu tertulis ID widget tersebut <b style="color: red;">HTML5</b>.</div></li></ul>Gampang kan?!?, Semoga tutorial singkat ini dapat membantu Sobat untuk Mengetahui ID Widget Blogger.

Cara Mengetahui ID Widget Blogger

Cara Mengetahui ID Widget Blogger | Tutorial Blog ID widget perlu Sobat ketahui jika Anda ingin menampilkan atau menyembunyikan widget terse...

Read more »

Membuat Dua Kolom Tulisan diPostingan

<h1><b>Membuat Dua Kolom Tulisan di Postingan | Tutorial Blog</b></h1><table border="0" cellspacing="25" style="width: 540px;"><tbody><tr><td style="text-align: justify;" valign="top" width="260">Pada tutorial kali ini saya akan berbagi tentang cara membuat tulisan terbagi menjadi dua kolom pada postingan.</td><td style="text-align: justify;" valign="top" width="260">Cara ini dapat di lakukan pada Blogspot maupun Wordpress.com, Buat yang ingin mencobanya silakan ikuti tutorial berikut.</td></tr></tbody></table><a name="more"></a><ul><li>Login ke dasboard anda.</li><li>Buat postingan baru dan pilih mode <b style="color: red;">HTML</b>.</li><li>Lalu letakkan kode dibawah ini pada area postingan. <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Kode</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 450px;"><div style="display: none;"><table width="500" border="0" cellspacing="10"><br /><tr><br /><td width="250" valign="top">kolom 1...</td><br /><td width="250" valign="top">kolom 2...</td><br /></tr><br /></table> </div></div></div></li><li>Kemudian kembali ke mode <b style="color: red;">Visual / Compose</b>.</li><li>Bila table sudah tampak pada halaman penulisan, lakukan penulisan pada masing-masing kolom sesuai keinginan anda.</li><li>Jika sudah selesai silakan klik <b style="color: red;">Publish</b>.</li></ul>Semoga tutorial ini dapat membantu Sobat dalam Membuat Dua Kolom Tulisan di Postingan.

Membuat Dua Kolom Tulisan diPostingan

Membuat Dua Kolom Tulisan di Postingan | Tutorial Blog Pada tutorial kali ini saya akan berbagi tentang cara membuat tulisan terbagi menjadi...

Read more »

Mengganti Background di Postingan

<div style="background-image:url('http://diksihk.files.wordpress.com/2011/04/malam-hari.jpg'); background-repeat:repeat; background-position:center center; text-align:justify; padding:5px;"><h1><b>Mengganti Background di Postingan | Tutorial Blog</b></h1><div style="text-align: left;">Buat Sobat yang ingin menampilkan sesuatu yang berbeda pada sebuah postingan, Sobat dapat mengganti background / latar berupa Image / gambar pada postingan tersebut.</div><a name="more"></a><div>Caranya gampang Sob, silakan ikuti tutorial berikut :</div><ul><li><div style="text-align: left;">Masuk ke dashboard anda. Klik <b><span style="color: red;">Posts > Add New</span></b> pada wordpress.com dan <b><span style="color: red;">Posting > New Post</span></b> pada blogger.</div><div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 450px;"><div style="display: none;"><div style="text-align: left;">Blogspot</div><img alt="Mengganti Background di Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/Addnewpost.gif" /><br /><div style="text-align: left;">Wordpress.com</div><img alt="Mengganti Background di Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/PostAdd.gif" /></div></div></div></li><li><div style="text-align: left;">Lalu pilih tab <b style="color: red;">Edit HTML</b>.</div><div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 450px;"><div style="display: none;"><div style="text-align: left;">Blogspot</div><img alt="Mengganti Background di Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/edthtmlpost.gif" /><br /><div style="text-align: left;">Wordpress.com</div><img alt="Mengganti Background di Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/tabhtmlwp.gif" /></div></div></div></li><li>Copy kode dibawah ini dan paste-kan di area postingan <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Kode</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 450px;"><div style="display: none;"><div style=�background-image:url(�<span style="background-color: red;">http://url_gambar.jpg</span>�); background-repeat:repeat; background-position:center center; text-align:justify; padding:5px;�><br /><span style="background-color: orange;"><b>Tulis text anda disini</b></span><br /></div> </div></div></div><div>Keterangan :</div><div>Ganti <span style="background-color: red;">http://url_gambar.jpg</span> dengan alamat gambar yang ingin Anda jadikan background.</div><div>Ganti <span style="background-color: orange;"><b>Tulis text anda disini</b></span> dengan artikel yang ingin Sobat posting. </div></li><li><div>Jika sudah selesai kembali ke mode <b><span style="color: red;">Visual / Compose</span></b>.</div><div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 450px;"><div style="display: none;"><div style="text-align: left;">Blogspot</div><img alt="Mengganti Background di Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/Compose.gif" /><br /><div style="text-align: left;">Wordpress.com</div><img alt="Mengganti Background di Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/tabvisualwp.gif" /></div></div></div></li><li>Terakhir klik <b style="color: red;">Publish</b>. <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 450px;"><div style="display: none;"><div style="text-align: left;">Blogspot</div><img alt="Mengganti Background di Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/Publishpost.gif" /><br /><div style="text-align: left;">Wordpress.com</div><img alt="Mengganti Background di Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/publishwp.gif" /></div></div></div></li></ul>Demikian tutorial singkat tentang Mengganti Background di Postingan. </div>

Mengganti Background di Postingan

Mengganti Background di Postingan | Tutorial Blog Buat Sobat yang ingin menampilkan sesuatu yang berbeda pada sebuah postingan, Sobat dapat ...

Read more »

Widget Web Counter

<h1><b>Widget Web Counter | Tutorial Blog</b></h1><div style="text-align: left;">Seperti kita ketahui Web Counter berguna untuk mengetahui jumlah pengunjung yang datang ke website/blog Anda. Sebenarnya tutorial ini sama saja dengan <a href="http://wadahtutorial.blogspot.com/2012/01/memasang-widget-web-counter.html" target="_blank">Memasang Widget Web Counter</a> yang saya posting sebelumnya, namun pada situs penyedia Web Counter kali ini kita tidak perlu memasukkan alamat email, username, password, dan lain lain. Jadi langkah pemasangannya akan lebih ringkas. </div><a name="more"></a><div>Berikut cara Memasang Widget Web Counter :</div><ul><li>Masuk ke <a href="http://www.totallyfreecounter.com/" rel="nofollow" target="_blank" title="www.totallyfreecounter.com">http://www.totallyfreecounter.com/</a>.</li><li><div>Lalu pilih salah satu tampilan widget yang ingin Anda gunakan.</div><img alt="Widget Web Counter" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wgtwebcon01.gif" /></li><li><div>Klik <b><span style="color: red;">Select</span></b> pada bagian bawah kode.</div><img alt="Widget Web Counter" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wgtwebcon02.gif" /></li><li><div>Lalu Copy kode tersebut.</div><img alt="Widget Web Counter" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wgtwebcon03.gif" /></li><li><div>Langkah selanjutnya <i>Paste</i> kode tersebut pada Widget HTML blog Sobat.</div><div>Jika belum bisa memasang Widget, silakan baca tutorial berikut :</div><ul><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-wordpress.html" target="_blank">Memasang Widget di Wordpress.com</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-gadget-blogspot.html" target="_blank">Memasang Widget / Gadget di Blogspot</a></li></ul></li></ul>Demikian tutorial singkat tentang Widget Web Counter.

Widget Web Counter

Widget Web Counter | Tutorial Blog Seperti kita ketahui Web Counter berguna untuk mengetahui jumlah pengunjung yang datang ke website/blog A...

Read more »

Mengganti Homepage dengan Daftar Isi

<h1><b>Mengganti Homepage dengan Daftar Isi | Tutorial Blog</b></h1><div style="text-align: justify;">Tutorial kali ini saya buat atas permintaan dari Sobat <a href="http://www.blogger.com/post-create.g?blogID=8267001772912831177#c675172287463045834" target="_blank">Rangga saputra</a>. Sobat Rangga ingin menampilkan daftar isi blog di homepage. Maksudnya tampilan homepage yang biasanya menampilkan artikel terbaru akan kita ganti dengan daftar isi.</div><a name="more"></a><div style="text-align: justify;">Mungkin Sobat yang lain juga ada yang ingin Mengganti Homepage dengan Daftar Isi, Anda bisa mengikuti tutorial berikut ini :</div><ul><li><div style="text-align: left;">Langkah pertama Login ke blogger Sobat, Pilih <b style="color: red;">Design/Rancangan > Page Element/Elemen Halaman</b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" 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;">Add a Gadget/Tambah Gadget</b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" 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;">HTML/Java Script</b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/HtmlJavaScript.gif" /></li><li><div>Silahkan Copy kode berikut dan paste didalam konten HTML/Javascript nya.</div><div>Daftar Isi Menurut Artikel Terbaru</div><div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Kode</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 400px;"><div style="display: none;"><div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script type="text/javascript" src="http://html-scripts.googlecode.com/files/feeds.js"></script><script type="text/javascript" src="http://<span style="background-color: orange;">wadahtutorial.blogspot.com</span>/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div></div></div></div>Daftar Isi Menurut Label <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Kode</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 400px;"><div style="display: none;"><div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script type="text/javascript" src="http://<span style="background-color: orange;">wadahtutorial.blogspot.com</span>/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div></div></div></div>Daftar Isi Menurut Tanggal <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Kode</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 400px;"><div style="display: none;"><div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script src="http://post-xml.googlecode.com/files/feed-dates.js"></script><script type="text/javascript" src="http://<span style="background-color: orange;">wadahtutorial.blogspot.com</span>/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div></div></div></div>Ganti <span style="background-color: orange;">wadahtutorial.blogspot.com</span> dengan alamat blog Sobat.</li><li><div style="text-align: left;">Lalu klik <b style="color: red;">Save</b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveWdgt.gif" /></li><li><div style="text-align: left;">Pindahkan widget tersebut ke bagian atas Blog Posts.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/hpdi04.gif" /></li><li><div style="text-align: left;">Selanjutnya klik <b style="color: red;">Settings > Formatting</b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/hpdi01.gif" /></li><li><div style="text-align: left;">Pada <b style="color: red;">Show at most</b> ganti dengan angka <span style="color: red;">0</span>.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/hpdi02.gif" /></li><li><div style="text-align: left;">Lalu klik <b><span style="color: red;">SAVE SETINGS</span></b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/hpdi03.gif" /></li><li><div style="text-align: left;">Kemudian Klik <b style="color: red;">Design/Rancangan > Edit HTML</b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" 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="Mengganti Homepage dengan Daftar Isi" 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><div style="text-align: left;">Cari kode <b><span style="color: red;">]]></b:skin></span></b>, lalu letakkan kode berikut ini di bawah kode <b><span style="color: red;">]]></b:skin></span></b></div><div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Kode</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left; width: 400px;"><div style="display: none;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style><br />#<span style="color: red;">HTML5</span> {display:none;}<br /></style><br /></b:if></div></div></div><div>Ket : Kode yang berwarna merah adalah ID widget, ganti dengan ID widget yang baru Anda buat.</div><div>Untuk mengetahui ID widget, berikut caranya :</div><ul><li><div>Pilih <b style="color: red;">Design/Rancangan > Page Element/Elemen Halaman</b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DsgPgElmn.gif" /></li><li><div>Letakkan posisi mouse pada tulisan <span style="color: red;">Edit</span> widget tadi, dan lihat dibagian bawah browser, akan terlihat URL widget tersebut.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/idwgt.gif" /></li></ul></li><li><div>Terakhir klik <b style="color: red;">Save / Simpan Template</b>.</div><img alt="Mengganti Homepage dengan Daftar Isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ul><div>Selesai dan lihat hasilnya pada Homepage blog Sobat. Semoga bermanfaat...</div>Sekian tutorial tentang Mengganti Homepage dengan Daftar Isi.

Mengganti Homepage dengan Daftar Isi

Mengganti Homepage dengan Daftar Isi | Tutorial Blog Tutorial kali ini saya buat atas permintaan dari Sobat Rangga saputra . Sobat Rangga in...

Read more »

Menyembunyikan Widget pada Halaman Posting

<h1><b>Menyembunyikan Widget pada Halaman Posting | Tutorial Blog</b></h1><div style="text-align: justify;">Trik ini dapat membantu meringankan loading blog Sobat pada saat halaman postingan di tampilkan, karena widget tidak akan muncul pada halaman posting, tetapi hanya pada halaman utama saja. Jika Sobat ingin widget tidak muncul pada halaman utama / Home Page, Sobat dapat mengikuti tutorial <a href="http://wadahtutorial.blogspot.com/2011/12/menyembunyikan-widget-di-homepage.html" target="_blank">Menyembunyikan Widget di HomePage</a>.</div><a name="more"></a><div style="text-align: left;">Berikut cara menyembunyikan widget pada halaman posting :</div><ul><li><div style="text-align: left;">Login ke Blogger, Klik <b style="color: red;">Design/Rancangan > Edit HTML</b>.</div><img alt="Menyembunyikan Widget pada Halaman Posting" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li>Cari kode <b><span style="color: red;">]]></b:skin></span></b>, lalu letakkan kode berikut ini di bawah kode <b><span style="color: red;">]]></b:skin></span></b><div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style><br />#<span style="color: red;">HTML1</span>,#<span style="color: red;">HTML2,</span>#<span style="color: red;">HTML3,</span>#<span style="color: red;">Label1</span>,#<span style="color: red;">HTML9</span>,#<span style="color: red;">PopularPosts1</span> {display:none;}<br /></style><br /></b:if></div><div style="text-align: left;">Ket : Kode yang berwarna merah adalah ID widget yang mau disembunyikan pada halaman posting. </div></li><li><div style="text-align: left;">Terakhir klik <b style="color: red;">Save / Simpan Template</b>.</div><img alt="Menyembunyikan Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ul><div>Untuk mengetahui ID widget, berikut caranya :</div><ul><li><div style="text-align: left;">Pilih <b style="color: red;">Design/Rancangan > Page Element/Elemen Halaman</b>.</div><img alt="Menyembunyikan Widget pada Halaman Posting" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DsgPgElmn.gif" /></li><li><div style="text-align: left;">Letakkan posisi mouse pada tulisan <b style="color: red;">Edit</b>, dan lihat dibagian bawah browser, akan terlihat URL widget tersebut.</div><img alt="Menyembunyikan Widget pada Halaman Posting" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/idwgt.gif" /></li></ul>Silakan dicoba Sob, dan semoga berhasil...

Menyembunyikan Widget pada Halaman Posting

Menyembunyikan Widget pada Halaman Posting | Tutorial Blog Trik ini dapat membantu meringankan loading blog Sobat pada saat halaman postinga...

Read more »

Memasang Widget Web Counter

<h1><b>Memasang Widget Web Counter | Tutorial Blog</b></h1><div style="text-align: left;">Web Counter berguna untuk mengetahui jumlah pengunjung yang datang ke website/blog Anda. Melalui statistik sederhana ini, Anda bisa mengetahui jumlah pengunjung yang mampir ke website Anda sejak Anda memasang widget ini, semakin banyak pengunjung tentunya website Anda semakin populer.</div><a name="more"></a><div>Dibawah ini tutorial untuk Memasang Widget Web Counter :</div><ul><li>Masuk ke <a href="http://www.123counters.com/" rel="nofollow" target="_blank" title="www.123counters.com">http://www.123counters.com</a>.</li><li><div>Lalu klik <b style="color: red;">Get your Free Web Counter Now!</b></div><img alt="Memasang Widget Web Counter" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/webcount01.gif" /></li><li><div>Pilih salah satu tampilan widget yang ingin Anda gunakan.</div><img alt="Memasang Widget Web Counter" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/webcount02.gif" /></li><li><div>Pada halaman selanjutnya isi data yang diperlukan, beri centang pada <b><span style="color: red;">I agree to the policies</span></b>, dan klik <b style="color: red;">Submit</b>.</div><img alt="Memasang Widget Web Counter" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/webcount03.gif" /></li><li><div>Lalu <i>Copy</i> kode yang di berikan.</div><img alt="Memasang Widget Web Counter" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/webcount04.gif" /></li><li><div>Langkah selanjutnya <i>Paste</i> kode tersebut pada Widget HTML blog Sobat.</div><div>Jika belum bisa memasang Widget, silakan baca tutorial berikut :</div><ul><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-wordpress.html" target="_blank">Memasang Widget di Wordpress.com</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-gadget-blogspot.html" target="_blank">Memasang Widget / Gadget di Blogspot</a></li></ul></li></ul>Demikian tutorial singkat tentang Memasang Widget Web Counter.

Memasang Widget Web Counter

Memasang Widget Web Counter | Tutorial Blog Web Counter berguna untuk mengetahui jumlah pengunjung yang datang ke website/blog Anda. Melalui...

Read more »

Drink Press WordPress Theme

<h1>Drink Press WordPress Theme</h1><div style="text-align: left;"><span style="font-size: large;">Template Details :</span></div><table cellpadding="0" cellspacing="0" class="Table-Post2" height="152" id="AutoNumber1"><tbody><tr align="left"><td class="Table-Post2" height="25" width="20%">Platform Type</td><td class="Table-Post2" height="25" width="56%">WordPress Theme</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Name </td><td class="Table-Post2" height="25" width="56%"><b>Drink Press WordPress Theme</b></td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%"><span class="cut">Descriptions</span></td><td class="Table-Post2" height="25" width="56%">Drink Press WordPress Theme is free wordpress theme, pattern style with maroon background, slide show ready, right sidebar, 2 columns, 3 columns footer.</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://buymythemes.com</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Designer</td><td class="Table-Post2" height="25" width="56%">I Putu Eka Ariyasa</td></tr></tbody></table><a name="more"></a><img alt="Drink Press WordPress Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwEB7PzvH3dtUmbOWLmWqLz5grajZQf1puEe1tbJgSA_3MQ0kfyA2bLg42rVjrAjt4-yVj4RNqncWRKNOarmexq_knIuhGxqpxbXqDMXioaLkcjVEPCivoYlkAWjRm4Ki_h_Q8h9ZoXdc/s320/Wordpress-Theme-Drink-Press.jpg" style="cursor: pointer; height: 250px; width: 300px;" /><ul><li><a class="livedemo" href="http://demo.templatebloggers.com/?view=whyloan.com/wordpress/?themedemo=Drink-Press" rel="nofollow">Demo</a></li><li><a class="download" href="http://download.probloggertemplate.com/?go=dl4files.com/drink-press.html" rel="nofollow">Download</a></li></ul>

Drink Press WordPress Theme

Drink Press WordPress Theme Template Details : Platform Type WordPress Theme Template Name Drink Press WordPress Theme Descriptions Drink Pr...

Read more »

Menampilkan Tombol Share Di WordPress.com

<h1><b>Menampilkan Tombol Share Di WordPress.com | Tutorial Blog</b></h1><div style="text-align: justify;">Tombol share memang penting dalam sebuah blog, dengan memasang tombol share maka pengunjung blog dapat dengan mudah mempromosikan artikel postingan yang kita buat. Hal itu tentu saja akan meningkatkan pengunjung blog dari berbagai jejaring sosial (social network).</div><a name="more"></a><div style="text-align: left;">Kali ini saya akan berbagi cara Menampilkan Tombol Share Di WordPress.com, berikut tutorialnya :</div><ul><li><div style="text-align: left;">Login ke WordPress Sobat. Kemudian klik <b><span style="color: red;">Settings > Sharing</span></b>.</div><img alt="Menampilkan Tombol Share Di WordPress.com" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/shareWp01.gif" /></li><li><div style="text-align: left;">Drag and drop (tahan dan geser) tombol share yang berada di menu <b>Available Services</b> ke menu <b>Enabled Services</b>.</div><img alt="Menampilkan Tombol Share Di WordPress.com" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/shareWp02.gif" /></li><li><div style="text-align: left;">Anda dapat melakukan pengaturan tampilan pada icon, jika anda menginginkannya, caranya klik tanda { ? } disamping kanan icon share.</div><img alt="Menampilkan Tombol Share Di WordPress.com" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/shareWp03.gif" /><div style="text-align: left;">Ket :</div><ol><li><i>Button style</i> : pilih tampilan icon atau text.</li><li><i>Sharing label</i> : tulislah nama untuk fitur sharing anda.</li><li><i>Open links in</i> : tampilan halaman saat icon share di klik.</li><li><i>Show buttons on</i> : penempatan icon sharing.</li></ol></li><li><div style="text-align: left;">Jika sudah selesai klik <b><span style="color: red;">Save Changes</span></b>.</div><img alt="Menampilkan Tombol Share Di WordPress.com" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/modecomen03.gif"></li></ul>Sekian Tutorial Menampilkan Tombol Share Di WordPress.com

Menampilkan Tombol Share Di WordPress.com

Menampilkan Tombol Share Di WordPress.com | Tutorial Blog Tombol share memang penting dalam sebuah blog, dengan memasang tombol share maka p...

Read more »

Tombol Back To Top WordPress

<h1><span style="font-size: large;"><b>Membuat Tombol Back To Top di WordPress.com | Tutorial Blog</b></span></h1><div style="text-align: justify;">Beberapa waktu yang lalu saya pernah posting tentang <a href="http://wadahtutorial.blogspot.com/2012/01/membuat-tombol-back-to-top.html" target="_blank">Membuat Tombol Back To Top</a> di blogspot, kali ini saya akan membuat tutorial untuk memasang tombol back to top tersebut pada blog wordpress.com</div><a name="more"></a><div>Berikut tutorialnya :</div><ul><li><div>Login ke Wordpess Anda, Klik <b style="color: red;">Appearance > Widgets</b>.</div><img alt="Membuat Tombol Back To Top di WordPress.com" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/wgtWP.gif" /></li><li><div style="text-align: left;">Drag <b style="color: red;"><i>Text</i></b> ke Sidebar.</div><img alt="Membuat Tombol Back To Top di WordPress.com" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdgtWP4.jpg" /></li><li>Lalu letakkan kode berikut pada area Text. <div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><code><div style="display:scroll;position:fixed;bottom:10px;right:10px;"><br /><a href='#' title='Kembali Keatas'><img src='<span style="color: red;">URL Icon</span>' /></a><br /></a></div></code></div><div style="text-align: left;">Ganti <span style="color: red;">URL Icon</span> dengan URL Image, Contoh : </div><div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><code><div style="display:scroll;position:fixed;bottom:10px;left:10px;"><br /><a href='#' title='Kembali Keatas'><img src='<span style="color: red;">http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-blue.png</span>' /></a><br /></a></div></code></div><div style="text-align: left;">Untuk URL Icon Sobat dapat menggunakan Url berikut :</div><div class="separator" style="clear: both; text-align: center;"><img alt="Tombol Back To Top" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-blue.png" /></div><div>http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-blue.png</div><div class="separator" style="clear: both; text-align: center;"><img alt="Tombol Back To Top" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-green.png" /></div><div>http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-green.png</div><div class="separator" style="clear: both; text-align: center;"><img alt="Tombol Back To Top" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-red.png" /></div><div>http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-red.png</div></li><li>Terakhir klik <b style="color: red;">Save</b>. <div><img alt="Membuat Tombol Back To Top di WordPress.com" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SavewgtWP.gif" /></div></li></ul><div>Untuk tombol page downnya, silakan baca <a href="http://wadahtutorial.blogspot.com/2012/02/tombol-to-page-down-wordpress.html" target="_blank">Tombol To Page Down di WordPress.com</a></div><div style="text-align: left;">Semoga bermanfaat...</div>

Tombol Back To Top WordPress

Membuat Tombol Back To Top di WordPress.com | Tutorial Blog Beberapa waktu yang lalu saya pernah posting tentang Membuat Tombol Back To Top ...

Read more »