May 2010

Trik Blogger | Widget Kontak Kami dengan EmailMeForm

GIBZET0407 - 9:37 AM

<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kontak Kami" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiEzc8BmSTIVxoLsPm4AJl5CNWTWoaZ6JdYCj3Bt1YIgTrkzFhxJNqtpYLA1F28H5auJivY9XOCa46rYiIEYGPGHLvp42FLCkiyWk98nuyAAeG4DvXe0R3edqwER99caDomLLkESvMbps/s200/contact.jpeg" width="100" /></div><div style="text-align: justify;">Tidak jarang pengunjung blog ingin mengajukan saran, masukan, atau pertanyaan diluar konteks posting yang kita buat. Bisa pula ada yang ingin memasang iklan, siapa tau... Tentu mereka ingin mengontak sang pemilik blog. Betul tidak? Tapi bagaimana caranya kalau mereka tidak menemukan fasilitas untuk menghubungi pemilik blog. Buka profil, kemudian lihat alamat email, login ke email dia, masukkan alamat email pemilik blog, dan akhirnya "send". Wah, terlalu rumit, bro. Jarang-jarang ada yang seperti itu... Jadi tidak ada salahnya apabila kita sebagai owner blog menyediakan fasilitas "kontak kami" tersebut dalam blog. Manfaatnya agar pengunjung blog dapat dengan mudah mengontak kita, apalagi jika ditambah dengan embel-embel "secret" atau "important". Nah, trik blogger kali ini kita akan mengulas cara memasang kontak kami dengan menggunakan widget <a href="http://www.emailmeform.com/" target="_blank">EmailMeForm</a>. Ayo, kita kuliti triknya (kaya pisang atau kacang atau hewan sembelihan aja he.. he..)</div><a name='more'></a> Berikut step by stepnya untuk membuat kontak kami : <ul><li>Kamu bisa mengindahkan langkah ini, jika kamu merasa tidak perlu yakni membuat posting "Terima Kasih". Hmm... yang seperti apa yah? Contohnya seperti posting "<a href="http://optimasi-blog.blogspot.com/2005/05/terima-kasih.html">Terima Kasih</a>" ini.</li> </ul>Catatan : <ol><li style="text-align: justify;">Agar postingan "Terima Kasih" tidak muncul di halaman Beranda/Home (pada saat klik Terbitkan Entri/Publish Post), ubahlah tanggal posting dengan meng-klik "Opsi Entri", lihat sebelah kanan "Tanggal dan jam entri" (dimundurkan tanggal/bulan/tahunnya).</li> <li style="text-align: justify;">Dan posting ini juga tidak perlu ada komentar (pilih opsi "Komentar Pembaca" dengan "jangan izinkan").</li> </ol> <ul><li>Arahkan alamat browser kamu ke <a href="http://www.emailmeform.com/" target="_blank">EmailMeForm</a>.</li> <li>Apabila kamu belum ada akun di EmailMeForm, klik Signup Now for Free.</li> <li>Setelah selesai ngisi form pendaftaran, tunggu verifikasi email.</li> <li>Kalau udah nongol di email kamu, klik link untuk verifikasi dan kamu akan dibawa kembali ke halaman EmailMeForm.</li> <li>Login dengan akun kamu.</li> <li>Klik Control Panel --> "Create a New Form".</li> <li>Step 1</li> </ul><div style="text-align: justify;"><blockquote>Web form Name :  Nama yang kamu inginkan, atau biarkan saja (contoh :  Kontak Kami, Contact Us, etc). Recipients Emails :  Alamat email yang akan menerima pesan. Thank you page : Alamat halaman web/blog yang berisi ucapan terima kasih. Kalau kamu membuat seperti pada point pertama, maka kamu bisa memasukkan alamat postingannya disini.</blockquote></div><div style="clear: both; text-align: center;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmMtLJ0KjbsJ4O3vE3u5U_7Qt4n0ag_c06qJ1ncsOSyOHdc4b4-wPTfmE_6mASe4I0RgrnfkO-XUAZKM831UvB0kiD3jgwdFjwZ_dt3GuOg1tgn73wWFAnnfhitfgaWMe3EnN6SUr2y4/s320/form_1.gif" width="320" /></div><ul><li>Next  --> Step 2</li> </ul><div style="text-align: justify;"><blockquote>Berisi form yang akan diisi oleh pengunjung blog untuk mengontak kita via email, terdiri dari : Your Name, Your Email Address, Subject, dan Message. Bisa kamu rubah atau biarkan sesuai dengan yang ada.</blockquote></div><ul><li>Next  --> Step 3</li> <li>Next  --> Step 4</li> <li>Next  --> Step 5</li> <li>Next  --> Step 6</li> </ul><div style="clear: both; text-align: center;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkFKKhqSfJc25mfM6X9bxQJy41taZuxZUiVUbatswMP5pxVx8mOOTRc0qqvoc-jBM9bGJsAgthZpWiUVUtM2PxYZj8OS-BiAUZan1r4yxtCxyWOl1lXIcC_9Ax-uqtZzfq6s4HUO3-y7s/s320/form_2.gif" width="320" /></div> <ul><li>Finish</li> <li style="text-align: justify;">Klik "get the HTML Code" --> Copy kode dalam text area di bawah tulisan "Copy and paste this HTML code into your page:" dan paste dalam notepad atau text editor lainnya.</li> <li style="text-align: justify;">Selanjutnya, buat sebuah postingan seperti biasa dan copas kode HTML di notepad ke dalam postingan kamu, contohnya seperti postingan "<a href="http://optimasi-blog.blogspot.com/2005/05/kontak-kami.html">Kontak Kami</a>" ini.</li> </ul>Catatan : <ol style="text-align: justify;"><li>Agar postingan "Kontak Kami" tidak muncul di halaman Beranda/Home (pada saat klik Terbitkan Entri/Publish Post), ubahlah tanggal posting dengan meng-klik "Opsi Entri", lihat sebelah kanan "Tanggal dan jam entri" (dimundurkan tanggal/bulan/tahunnya).</li> <li>Dan posting ini juga tidak perlu ada komentar (pilih opsi "Komentar Pembaca" dengan "jangan izinkan").</li> </ol> <ul><li>Terbitkan.</li> <li style="text-align: justify;">Terakhir buatlah link ke "Kontak Kami" yang berfungsi untuk memudahkan pengunjung menggunakan fasilitas ini, contoh ; menu navigasi, link di sidebar, dan sebagainya.</li> </ul>Selamat memasang "Kontak Kami" dengan widget <a href="http://www.emailmeform.com/" target="_blank">EmailMeForm</a>...

9:37 AM

Memasang Button Show/Hide (Spoiler)

GIBZET0407 - 9:20 AM

<div style="text-align: justify;">Spoiler apaan OB? "Oh, asessoris yang biasa digunakan di belakang mobil, sehingga kaya mobil balap". Kalau OB membahas mobil, apa ada hubungannya dengan <a href="http://optimasi-blog.blogspot.com/">optimasi blog</a>??? (wkakakakakak). Maksud spoiler di sini adalah menyembunyikan teks, image, dan/atau widget sehingga menghemat ruang suatu blog. Kemudian teks, image, dan/atau widget tersebut dapat ditampilkan kembali dengan menggunakan perintah (baca: bahasa pemprograman) tertentu. Ujung-ujungnya kita menggunakan <a href="http://optimasi-blog.blogspot.com/2010/05/membuat-buttton-sederhana-dalam-blog.html">"button"</a> lagi, "button" memang ngga ada matinya (he..he.. no promotion). Khusus pengguna <a href="http://wordpress.com/" rel="nofollow" target="blank">Wordpress</a>, pluginnya dapat langsung diunduh di <a href="http://felixtriller.de/projekte/wpspoiler/" rel="nofollow" target="blank">felixtriller.de</a>. Sedangkan untuk blogger, mari kita ulas triknya tentang memasang spoiler.</div><a name='more'></a> <div style="text-align: justify;">Widget ini dapat kamu manfaatkan baik dalam postingan, sidebar, dan/atau elemen lainnya yang memiliki kesesuaian dengan widget spoiler.</div> Adapun kode HTML-nya adalah sebagai berikut : <blockquote style="font-family:courier new;"><div style="text-align: center;"><div class="button-spoiler"><input value="Contoh Penggunaan Spoiler" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }" type="button"/></div><div class="spoiler"><div style="display: none;"> <div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;"> Silakan disimak dan dicermati : <ul><li>Di sini kamu bisa memasukkan teks, kode, atau script</li> <li>Kamu juga bisa memasukkan image</li> <center><img border="0" alt="U Comments I Follow" src="http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/follow2.jpg"/></center> <li>Klik button "Tutup" untuk menghilangkan area ini</li></ul> </div></div></div></div></blockquote> Keterangan : <ul><li>Ganti kode berwarna biru dengan kata atau kalimat yang kamu inginkan.</li> <li>Kode berwarna hijau merupakan gambaran area teks, image, dan/atau widget yang akan kamu masukan.</li> <li>Ganti kode yang berwarna merah dengan teks, image, dan/atau widget yang akan kamu inginkan.</li> <li>Tidak menutup kemungkinan kamu dapat menambah dan mengurangi kode yang telah ada selama format dasar kode pembuatan spoiler tidak berubah, seperti dalam kode style="<blink>.....</blink>" (yang berkelap-kelip) dapat ditambah atau dikurangi. </li> </ul> Hasilnya : <div style="text-align: center;"><div class="button-spoiler"><input value="Contoh Penggunaan Spoiler" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }" type="button"></div><div class="spoiler"><div style="display: none;"><div style="border: 3px inset rgb(51, 51, 51); padding: 10px; text-align: left; font-size: small;">Silakan disimak dan dicermati :<ul><li>Di sini kamu bisa memasukkan teks, kode, atau script</li> <li>Kamu juga bisa memasukkan image</li> <center><img alt="U Comments I Follow" border="0" src="http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/follow2.jpg" /></center> <li>Klik button "Tutup" untuk menghilangkan area ini</li> </ul></div></div></div></div> <div style="text-align: justify;">Akhirnya selamat menyembunyikan teks, image, dan/atau widget dengan spoiler... </div>

9:20 AM

Membuat "Buttton" Sederhana dalam Blog

GIBZET0407 - 8:02 PM

<div style="text-align: justify;">Kamu tahu dong yang namanya "button", yap,... button yang kita optimasi kali ini merupakan visualisasi tombol yang ada pada layar monitor kamu. Pada saat kamu meng-klik tombol tersebut (dengan menggunakan mouse) maka akan terjadi sesuatu (<a href="http://www.total.or.id/info.php?kk=Button" target="_blank">Kamus Komputer dan Teknologi Informasi</a>). Sok ilmiah, padahal nyontek tuh (ha..ha.. bruaaakkk). Kok, ada bunyi "bruaaakkk"-nya? Sorry, saking terpingkalnya, OB jatuh dari kursi. Kembali ke button! Untuk peng-kode-annya dalam HTML dijabarkan sebagai berikut : </div><blockquote style="font-family:courier new;"><button type="button">Tulis teks kamu di sini</button></blockquote> Hasilnya : <button type="button">Tulis teks kamu di sini</button> <div style="text-align: justify;">Mudah bukan? Kalau begitu selesai deh postingnya... Lho kok simpel kali OB? It's just kidding, friend. Yuk, kita ikuti lanjutan trik blogger optimasi button dalam blog.</div><a name='more'></a> <div style="text-align: justify;">Sebelum beranjak lebih jauh, mari sama-sama kita kupas peng-kode-an sederhana lainnya untuk menghiasi sebuah "button". Contohnya seperti di bawah ini : </div><button type="button" style="margin: 5px 0pt; padding: 0pt 10px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); font-family: Verdana,Geneva,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 20px; line-height: normal; font-size-adjust: none; font-stretch: normal;">Click Me!</button> Adapun kode HTML "button di atas adalah : <blockquote style="font-family:courier new;"><button type="button" style="background:#000000; color:#FFFFFF; font:bold 20px Verdana, Geneva, sans-serif; margin:5px 0 5px 0; padding: 0 10px 0 10px;">Click Me!</button></blockquote> Keterangan : <ul><li>background : warna latar button.</li> <li>color: warna teks/tulisan.</li> <li>padding : Jarak tepi button dengan teks di dalamnya (ke dalam), 0 10px 0 10px artinya padding atas=0; kanan=10px; bawah=0; kiri=10px.</li> <li>margin: jarak button dengan tepi bidang gambar (ke luar), 5px 0 5px 0 artinya margin atas=5px; kanan=0; bawah=5px; kiri=0.</li> <li>font : huruf teks.</li> </ul>Catatan : <div style="text-align: justify;">Masih banyak asessoris kode lainnya yang dapat kamu tambahkan dalam "button" tersebut. </div><div style="text-align: justify;"> </div><div style="text-align: justify;">Namun tidak jarang, kita ingin membuat lebih dari satu button dalam menghiasi blog. Apabila karakteristik "button" yang akan kamu tambahkan sama dengan "button" yang telah ada, tentu kamu akan senantiasa berulangkali menulis kode yang sama pula. Betul tidak? Alangkah kurang efesiennya penulisan kode HTML yang berulang-ulang tersebut. Sehingga adalah merupakan hal yang arif, jika kita mengatur kode tersebut agar lebih multiguna gitu loh. Nah, disinilah muncul peran CSS (jangan tanya kepanjangannya, ya?) yang bermanfaat untuk menampilkan elemen HTML. Mari kita ambil kode HTML "button" diatas dan akan kita jadikan ke dalam bentuk CSS : </div><blockquote style="font-family:courier new;"><div style="text-align: justify;">#buttonku { </div>background:#000000; color:#FFFFFF; font:bold 20px Verdana, Geneva, sans-serif; margin:5px 0 5px 0; padding: 0 10px 0 10px; }</blockquote> Catatan : Dalam blog kode CSS biasanya berada diantara kode <b:skin><![CDATA[ ... ]]></b:skin>. Selanjutnya tinggal mengatur HTML-nya seperti ini : <blockquote style="font-family:courier new;"><button id="buttonku" type="button">Click Me!</button> <button id="buttonku" type="button">Click Me too!</button> <button id="buttonku" type="button">Click Me too..too!</button> ... dst</blockquote> Hasilnya : <button id="buttonku" type="button">Click Me!</button> <button id="buttonku" type="button">Click Me too!</button> <button id="buttonku" type="button">Click Me too..too!</button> ..dst Catatan : <div style="text-align: justify;">Apabila kamu ingin lebih memperdalam ilmu pemprograman ini yang di antaranya termasuk HTML dan CSS, coba kunjungi <a href="http://www.w3schools.com/default.asp" target="_blank">W3schools</a>. </div> <div style="text-align: justify;">Hmm... rasanya ada yang kelupaan nih? Oh, iya...! Sekarang bagaimana kalau "button" tersebut ingin kita letakkan sebuah link. Caranya cukup mudah, yakni dengan menyisipkan kode HTML "button" ke dalam kode link yang lebih kurangnya digambarkan sebagai berikut : </div><blockquote style="font-family:courier new;"><a href="...alamat yang dituju..." target="blank"><button type="button">Tulis teks kamu di sini</button></a></blockquote> Keterangan : target="blank" diartikan link akan diarahkan ke tab baru. Tips : <div style="text-align: justify;">Jika link berada dalam blog kita sendiri, sebaiknya jangan diarahkan ke tab baru (boros he..he..). Sebaliknya jika link berada di luar area blog, silakan tambahkan kode target="blank" tersebut. </div> Contoh "button" dengan menggunakan link : <blockquote style="font-family:courier new;"><a href="http://optimasi-blog.blogspot.com/"><button type="button">Optimasi Blog</button></a> <a href="http://www.w3schools.com/" target="blank"><button type="button">W3Schools</button></a></blockquote> Hasilnya : <a href="http://optimasi-blog.blogspot.com/"><button type="button">Optimasi Blog</button></a> <a href="http://www.w3schools.com/" target="blank"><button type="button">W3Schools</button></a> Kamu pun bisa mencoba untuk mengobrak-abrik kode lainnya, sehingga tampilan "button" tersebut berkesesuaian dengan apa yang kamu inginkan. Akhirnya, Selamat ber-"button" ria...

8:02 PM

Menghapus secara permanen navbar blogger Anda

GIBZET0407 - 9:50 PM

<img alt="navbar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiyc6tHeuSZQzoAfEs3brnI8p8B-qTdvRgxLe-7jUReNDlYck2UEqprZUfHvEPz-7OzNekq-zZaYkQw8XGvN44XP7LNkl4sIprRnCvpUcN8N6_WNDhHtypaL1ieFfIG9ZZ1e2sn0F6lGM/s400/navbar.png" style="float: left; margin: 0pt 10px 10px 0pt; width: 200px; height: 170px;" />Bagi kamu yang perduli dengan validasi terhadap blog kamu, saya rasa cara ini pantas diterapkan di blog blogspot kamu, karena engine<a href="http://blogspot.com/"> blogspot</a> terlalu banyak kode-kode validasi yang error. Sekarang Anda dapat secara permanen menghapus navbar blogger tersebut.<a name='more'></a> Biasanya sangat mudah untuk menyembunyikan. Yang harus Anda lakukan hanyalah menambahkan sedikit kode dalam template. Sebelumnya kami juga menggunakan kode CSS untuk hanya menyembunyikan navbar tersebut. Cukup ikuti langkah-langkah di bawah ini 1. Login ke Blogger>> Tata Letak >> Edit HTML 2. Cari kode <body> dan tambahkan Kode berikut tepat di atas itu. <blockquote><script type='text/javascript'> <![CDATA[  ]]> </script></blockquote> Setelah itu simpan template dan Anda akan melihat gambar konformasi seperti di bawah ini. <img alt="navbar blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTDiP6ZYtNzeFBRYngWiX3fdBDhEfR5_PtwG6G3ZUXiPEzTuMkEiJe7vPZxVQHAX-6F3UxNJhfAh_-42pQTusgb5g8o9XRxj_bCd5YD4ASbbDSuO735sMfYisfMMqUC1pZPJ8x0zIbFRs/s400/9gysd2.png" style="display: block; margin: 0px auto 10px; text-align: center; width: 400px; height: 146px;" /> Klik widget menghapus dan navbar akan dihapus. Kerugian utama menghapus adalah bahwa Anda juga akan menghapus Link Quick Edit gambar pensil <img alt="quick edit" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTJaqKWXKqXZ65AWdefgiTdeSX6K4eg_pvLCQ6Adqq1IVqHQ6bNQz-lVaE9ZINkgbJ3A6t1z_XC1v6cyzMZnZx6AkJYPfp_NU9RjvtGhSUUwBN7BMqiOvp4hwoL2MqdUFe-LPEdXW90M/s400/image%5B22%5D.png" style="width: 23px; height: 21px;" />atau Link Quick Edit gambar kunci pas link <img alt="wrench link" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMBcDNfXA62Gj36osATrNtOorpG-jZlUrWw0z0GfnfKZ48VfuTgh0ZUxDqmlHEv576TUe4M8n9a7Hk_vxsIE4FhLClJex2DOmdOeXYXNmfHUqz8q4Lz4UMPYCmipz8OwLQY4wdbdmB2A/s400/image%5B18%5D.png" style="width: 30px; height: 21px;" /> di blog Anda, walaupun Anda sedang dalam keadaan login. Cara Ini sangat banyak mengurangi valiadasi error pada blog kita. Bagi kamu-kamu yang ingin blognya ingin mengurangi error pada validasi bisa membaca postingan tentang Step By Step Validasi Blogger <a href="http://www.oblo.web.id/2009/11/step-by-step-validasi-blogger.html">disini</a>...

9:50 PM

Menambah Sexy Sliding Sidebar di Blogspot

GIBZET0407 - 2:25 PM

Sexy sliding Sidebar ini adalah alternatif lain pengganti <a href="http://optimasi-blog.blogspot.com/2009/05/membuat-menu-horizontal.html">Navigation Menu biasa</a>, nah bila blog anda belum mempunyai Navigation Menu ataupun tidak ingin memakai Navigation Menu karena satu dan lain hal, Sexy sliding sidebar ini bisa menjadi alternatifnya. <img alt="sexy sidebar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh51eNOgKxYEMrpcQKwmqOY123EuWdxyi24dhyphenhyphenvEI3NdhPCOE0Zwlt54l643Iz86jrw9Zh270O50GEpoBiTFOxQANU6zgyMiKftKlwQizCfG0vQARYOw25MAyXJqzbe1oXafemHmnEhxwk/s320/side-bar.jpg" style="display: block; margin: 0px auto 10px; text-align: center; width: 320px; height: 187px;" /> <a name='more'></a> <a href="http://www.iblogerz.5gigs.net/sliding-side-bar-left/index.html">Live Demo</a> Sekarang Mari Lihat Bagaimana Cara Memasangnya .... <ul><li>Pertama login ke blogger</li> <li>Pergi ke ---> Tata Letak</li> <li>Klik Di Tambah Gadget</li> <li>Pilih Html / Javascript</li> <li>Dan Copy Paste Kode yang dibawah ini : </li> </ul> <blockquote><script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/prototype.js" type="text/javascript"></script> <script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/effects.js" type="text/javascript"></script> <script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/side-bar.js" type="text/javascript"></script> <style> body{ font-size:75%; } a{ outline: none; } a:active{ outline: none; } #sideBar{ text-align:left; } #sideBar h2{ color:#FFFFFF; font-size:110%; font-family:arial; margin:10px 10px 10px 10px; font-weight:bold !important; } #sideBar h2 span{ font-size:125%; font-weight:normal !important; } #sideBar ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #sideBar li{ margin:0px 10px 3px 10px; padding:2px; list-style-type:none; display:block; background-color:#DA1074; width:177px; color:#FFFFFF; } #sideBar li a{ width:100%; } #sideBar li a:link, #sideBar li a:visited{ color:#FFFFFF; font-family:verdana; font-size:100%; text-decoration:none; display:block; margin:0px 0px 0px 0px; padding:0px; width:100%; } #sideBar li a:hover{ color:#FFFFFF; text-decoration:underline; } #sideBar{ position: fixed; width: auto; height: auto; top: 140px; left:0px; background-image:url(http://i49.tinypic.com/121abrq.jpg); background-position:top right; background-repeat:repeat-y; } #sideBarTab{ float:left; height:137px; width:28px; } #sideBarTab img{ border:0px solid #FFFFFF; } #sideBarContents{ float:left; overflow:hidden !important; width:200px; height:320px; } #sideBarContentsInner{ width:200px; }</style> <div id="sideBar"> <div id="sideBarContents" style="display:none;"> <div id="sideBarContentsInner"> <h2>sidebar</h2> <ul> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a></li> <li><a href="#">Link Three</a></li> <li><a href="#">Link Four</a></li> </ul> </div> </div> <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i46.tinypic.com/ao8h9u.jpg" title="sideBar"/></a> </div></blockquote> Sekarang Klik Simpan ... Rubah Kode warna Merah Dengan Link Dan Teks Dari Pilihan Anda Sekarang lihat hasilnya Blog Anda....

2:25 PM

Gratis: Social Bookmark Widget di bawah setiap Posting Blog

GIBZET0407 - 1:49 PM

Social Bookmark Widget ini adalah sebuah revolusi baru untuk blogger. Hal ini memungkinkan pengunjung blog Anda dengan cepat berbagi postingan blog Anda ke Situs Social Bookmar populer. Yang paling penting dalam widget ini adalah tampilannya. Widget ini cocok untuk semua jenis blogger template dan 100% kompatibel dengan semua blogspot template dan layout termasuk xml blogger template premium. Caranya cukup sederhana untuk memasukkan di blog blogspot, jadi mari kita lihat bagaimana melakukannya. <a name='more'></a> Pertama login ke Blogger. Pergi ke Layout --> Edit / Html cek pada Expand Widget Konten Kemudian cari kode : <data:post.body/> Ganti kode diatas dengan kode-kode pilihan kamu dibawah ini : <img alt="small social bookmark" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyBWOQkRGzZKGVELLTCVavU30uXAzPwZrfyuvjic5xfJ7YBoHuLMw2jjZMDLYhDjQILDzc_F6r2x7ZVeLrR-RBBL9OPLQmmExnHBKvkchVmVDy7nGLlQRayCmc51QHW0j4b5VH31ZBLk/s400/small-btn.png" style="float: left; margin: 0pt 10px 10px 0pt; width: 177px; height: 56px;" /> <blockquote><data:post.body/> <script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/small.js" language="JavaScript"></script></blockquote> <img alt="medium db" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKdonxkUHIpqSkZkv15JYgC2yRDTPJhp_2ZNEPCVnkdbZ5vN1YdQRF3NwMv7eGqVxEW0h9tgd-Q3FPiq8DZz-oxO23vr4NpKXHa0yaiwaqvU1wDCR0HqU4egZenmtuzF_KKHCwIat-R8/s400/medium-btn.png" style="float: left; margin: 0pt 10px 10px 0pt; width: 262px; height: 63px;" /> <blockquote><data:post.body/> <script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script></blockquote> <img alt="larger sb" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUI-cESaBmehd9MKkNZ0cmE4ro4Nlat0pNB2LTMmGD6ho9Pd4HxiscUCI1k9tmiNYvpDIFVWwsFh4U4oIzghLHkoJgxEYzP0odZiYovZ5GMajgGopc8L5xcoGi5QedUAXeBmChVIw2RzM/s400/large-btn.png" style="float: left; margin: 0pt 10px 10px 0pt; width: 389px; height: 72px;" /> <blockquote><data:post.body/> <script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/large.js" language="JavaScript"></script></blockquote> Sekarang simpan template kamu dan lihat hasilnya......

1:49 PM

Pasang Navbar Statis ala Apture

GIBZET0407 - 1:08 PM

<img alt="Apture Navbar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjss9Z__G8MsmyL0vbfHYZrtQA9U_3EOvaZiF3JDjPtOiGFIy7IwivKDzo3AgYk-FyQInsaQ83Q-G266VuKe4A42rUAwOLwasHdHl7cxE3xUeOQaMjHTtO6HFqfCZaRxvKwTXqiS3fxypc/s400/apture.JPG" style="display: block; margin: 0px auto 10px; text-align: center; width: 400px; height: 107px;" /> Satu lagi navbar pengganti bawaan blogger yang pantas anda pasang pada blog Anda, selain daripada WIBIA. Bagi kamu-kamu yang sudah menghilangkan Navbar dafault dari blogspot bisa memasang Navbar Apture ini. <a name='more'></a> Apture bar yg bernaung dalam perusahaan swasta dan bermarkas di San Francisco, California ini menawarkan tampilan navbar guna berbagi berpenampilan menarik. Pada posisi diatas tidak tampak, kalau di scroll kebawah baru kehilahatan. Oke, kita langsung aja ya, 1. Masuk ke <a href="http://www.apture.com/createbar/">website Apture</a> 2. Isi alamat Blog kamu serta alamat email yang valid. 3. Isi judul, title blog kamu atau apapun terserah. 4. Modifikasi warna dari Apture tersebut. 5. lalu klik Get My Bar. Setelah itu muncul Javascript codenya yang bisa kamu copy paste keblog kamu dengan tahapan sebagai berikut : 1. Sign In ke blogger.com 2. klik Tata Letak kemudian Edit HTML 3. Cari kode </body> 4. Letakkan kode Apture diatas kode no.3 Selesai dan lihat hasilnya di blog kamu

1:08 PM

Cara Claim Blog di Technorati

GIBZET0407 - 5:02 PM

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirtRuKrHrMQuiSmAGxBRPwUpGsVt7w_VXsOPBKelus06GYEV4YUhyphenhyphentXEPIdvvmMTIn86TNUbXR_lf4wg7VvimSUWNnKQDw514x_SG9u7Om4pkW1FNLNMz1itGOiIVG4nutn83L_4TNjqg/s1600/technorati.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5467730895454509858" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirtRuKrHrMQuiSmAGxBRPwUpGsVt7w_VXsOPBKelus06GYEV4YUhyphenhyphentXEPIdvvmMTIn86TNUbXR_lf4wg7VvimSUWNnKQDw514x_SG9u7Om4pkW1FNLNMz1itGOiIVG4nutn83L_4TNjqg/s320/technorati.jpg" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 110px; height: 118px;" /></a><div style="text-align: justify;">Pusing.........!!! Ternyata banyak yang berubah di dunia pem-Blogger-an. Tidak terlepas pada yang satu ini, yaitu <a style="font-weight: bold;" href="http://technorati.com/" rel="nofollow">Technorati</a>. Technorati adalah salah satu search engine yang mengkhususkan diri pada blog, saat ini sudah jutaan blog yang terdaftar di Technorati. Sebagai sebuah komunitas yang besar, Technorati bisa menjadi salah satu sumber untuk mendapatkan pengunjung. Karena itu sangat berasalan bagi kita untuk ikut mendaftarkan blog yang kita buat pada Technorati. Disamping untuk menjaring pengunjung, Technorati juga bisa dijadikan alat untuk mencari link dari blog-blog lain yang mempunyai tema yang sama.<a name='more'></a> </div> <div style="text-align: justify;">Technorati merupakan salah satu directory blog yang cukup populer, Sampai saat ini technorati masih menjadi favorite para blogger jadi tidak ada salahnya jika kita mendaftarkan kelayanan ini. Keuntungan dari layanan ini yaitu selain blog kita akan dikenal luas sekaligus meningkatkan trafik pada blog kita (<a href="http://id.wikipedia.org/wiki/Technorati" target="blank">Wikipedia</a>).</div><div class="fullpost"> <div style="text-align: justify;">Kalau sekedar urusan sign up (mendaftar) pasti teman-teman sudah tahu step by stepnya. Namun OB cuman mau berbagi bagaimana cara mengklaim blog kita di Technorati, yakni : </div><ul style="text-align: justify;"><li>Setelah login, buka profil. Shourcutnya klik aja nama (username) di pojok kanan atas halaman technorati</li> <li>Nah, terus rolling ke bawah di sana ada baris isian alamat blog. Ketik alamat blog kamu.</li> <li>Klik "Claim Blog".</li> <li>Selanjutnya kamu akan dikirimkan token (semacam kode verifikasi) ke email kamu, contoh : 47FR3WUYH2ZC.</li> <li>Masukkan token tersebut ke salah satu postingan blog kamu (tinggal masukkan saja kodenya), contoh : Biasanya optimasi blog menjadi suatu wahana belajar dan pembelajaran, maklum kita sama-sama manusia yang butuh belajar. Optimasi Blog merupakan kumpulan tips seo dan trik blogger tentu saja diulas dengan bahasa Indonesia yang gaul abis 47FR3WUYH2ZC. Yuk, kita sama-sama belajar tentang optimasi blog dan jangan sampai ketinggalan yah. </li> <li>Terbitkan entry, maka secara otomatis token tersebut akan terdeteksi oleh Technorati.</li> <li>Kembali ke site Technorati, klik "Check Claim"</li> <li>Klik "Verify Claim Token" dan jika sukses, maka Technorati kembali mengirimkan email.</li> <li>Next kamu dapat menghapus token tersebut setelah blog kamu terdeteksi oleh Tefchnorati. </li> </ul><div style="text-align: justify;">Mudah-mudahan informasi ini bermanfaat dan klaim blog kita dapat diterima. Selamat mendaftarkan blog kamu ke Technorati.</div></div>

5:02 PM

Revisi Cara Memasang Top Posting

GIBZET0407 - 3:02 PM

<div style="text-align: justify;">Weleh-weleh met jumpa lagi kawan bersama OB. OB kembali mengudara di channel blogger frekuensi <a style="font-weight: bold;" href="http://optimasi-blog.blogspot.com/">Optimasi-Blog</a> (ha..ha.. kaya penyiar radio aja). Untuk kali pertama ini, OB coba untuk mengulas sekelumit info tentang trik blogger. Sekarang coba teman-teman perhatikan <a href="http://optimasi-blog.blogspot.com/2009/03/trik-membuat-cloud-label-label-awan.html">tag cloud</a> dan <a href="http://optimasi-blog.blogspot.com/2009/04/trik-blogger-cara-memasang-top-posts.html">top posting</a>. Hm... ternyata sudah kadaluarsa alias tidak berlaku lagi. Yang ketinggalan posting <a href="http://optimasi-blog.blogspot.com/2009/12/top-komentator-widget.html">top komentator</a>, untung admin Mas Rudy sudah mengisi trik ini. Nah, OB kebagian top posting dan tag cloud, tapi satu-satu yah. OB akan coba untuk mengulas trik blogger top posting terlebih dahulu. Agar lebih terdefinisi trik ini OB dapatkan setelah googling ke blognya <a href="http://asksalman19.blogspot.com/2010/04/cara-membuat-widget-artikel-populer-top.html">"Kang Salman"</a>.</div><a name='more'></a> <div style="text-align: justify;">Ayo, buruan kita simak bersama satu tembang cantik dengan title Revisi Cara Memasang Top Posting. Begini deh lagunya : </div><ul><li>Login dulu ke account blogger kamu</li> <li>Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget"</li> </ul><div style="text-align: justify;">Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula. </div><ul><li>Cari kode top posting terdahulu, yang kalau ngga salah seperti ini :</li> </ul><blockquote><script type="text/javascript"> function pipeCallback(obj) { document.write('<ol style="text-transform: capitalize;">'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2Foptimasi-blog.blogspot.com&num=5" type="text/javascript"></script></blockquote> <div style="text-align: justify;">Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari. </div><ul><li>Ganti semua kode tersebut dengan kode berikut :</li> </ul><blockquote><script type="text/javascript"> function pipeCallback(obj) { document.write('<ul style="text-transform: capitalize;">'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ul>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http://optimasi-blog.blogspot.com&num=5" type="text/javascript"></script></blockquote> Catatan : <div style="text-align: justify;">Ganti kode yang berwarna merah dengan alamat blog kamu dan jumlah top posting yang akan ditampilkan. </div><ul><li>Jangan lupa disimpan</li> </ul>Sekarang coba lihat tampilan blog kamu udah nongol atau belum top postingnya dan selanjutnya selamat utak-atik top posting dech.

3:02 PM

Blogger Reply Comment

GIBZET0407 - 9:54 PM

Sebenarnya ini bukan tutorial yang baru bagi pada blogger mania, akan tetapi dalam artikel ini saya akan menyajikan sekalian dua tutorial tentang reply comment pada blogspot. Ya, memang ada dua pada saat ini untuk membuat kolom komentar pada blogspot bisa diaplikasikan reply comment, oke kita mulai saja....<a name='more'></a> <h3>Reply Comment Pertama</h3>Pada tutorial pertama ini akan menyajikan cara yang sedikit ribet karena kita harus merombak semua CSS dan HTML pada kotak komentar blog kita. Kelebihannya : reply comment bakal mirip seperti pada blog wordpress, yaitu kolom balas komentar langsung terletak pada kolom yang ingin kita balas. Kekurangan : kita harus terlebih dahulu memasukkan ID blog komentar jika ingin membalas komentar... Untuk membuat seperti itu silahkan ikuti tutorial berikut ini 1. Login blogger 2. Tata Letak 3. Edit HTML 4. Downlaod Template Lengkap dahulu untuk mengamnakan template Anda 5. Centang Expand Template Widget 6. Letakkan kode di bawah ini dibawah ]]></b:skin> <blockquote><script src='http://komenbalas.googlecode.com/files/commentreply%282%29.js' type='text/javascript'/></blockquote> Catatan : sebaiknya anda melihat postingan tentang <a href="http://optimasi-blog.blogspot.com/2009/06/membuat-kolom-komentar.html">membuat kolom komentar blog</a>, lalu hapus kode Komentar pada CSS cara pertama dan kode HTMLnya juga.. 7. Letakkan kode berikut ini di atas ]]></b:skin> <blockquote>.comment-segment {margin-top: 10px;margin-right: 10px;} .comment-level-0 {margin-left: 10px;} .comment-level-1 {margin-left: 25px;} .comment-level-2 {margin-left: 40px;} .comment-level-3 {margin-left: 55px;} .comment-level-gt3 {margin-left: 70px;} .blog-author-comment {background-color: #DFE6EF;border: 1px solid #7296E2;} .blog-nonauthor-comment {background-color: #ffffff;border: 1px solid #000000;} .deleted-comment {color: gray; font-STYLE: italic} .delete-comment-icon {background: url("http://www.blogblog.com/rounders3/icon_delete13.gif") no-repeat;} .comment-time {font-size: 80%;margin: inherit;padding-left: 10px;padding-bottom:10px;} .reply-guide {background-color: #FFFFFF;border: #076a93 1px dotted;display: none; padding-right: 10px;padding-left: 10px;padding-bottom: 0.75em;padding-top: 5px;margin-right: 10px;margin-bottom: 10px;} .reply-guide-header {color: #076a93;padding-top: 10px;} .reply-guide-list {list-style: none;padding-left: 2px;margin-left: 2px;} .reply-guide-example {font-size: 85%;margin-right: 5px;margin-bottom: 10px;float: right;border: 1px dotted #076a93;padding: 5 5 5 5;} .trackback { padding:9px 0 0 26px; margin:10px 0 0 0; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGAY_Bxl42Z_62IKUXh1RhTHWvJd3K_QKSR25Dj1DJLpfHor_be6K5XReHzThs3u7aWek4_C4R1WAugcUCRZ93z3g536fvPju4kFqMt7SLkQ8hetUWlEii3O8w05wytwvqahuLMc-mlY/?imgmax=800) no-repeat left; color:#000;}</blockquote> 8. Cari kode berikut ini <blockquote><div style="color: red;"><b:includable id='comments' var='post'></div><div class='comments' id='comments'> ... </div> </b:includable></blockquote> Tanda titik-titik di tengah script di atas menunjukkan script yang panjang jadi tidak saya tulis. Gunakan yang berwarna merah untuk mempermudah menemukan lokasi. Jika sudah ketemu, ganti keseluruhan kode di atas dengan kode di bawah ini <blockquote><b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/><data:post.numComments/><data:commentLabelPlural/>: </b:if> </h4> <b:if cond='data:post.numComments &gt; 0'>  </b:if>  <b:loop values='data:post.comments' var='comment'> <div expr:id='&quot;comment-body-&quot; + data:comment.id' style='display: none;'> <data:comment.body/> </div> </b:loop>  <script type='text/javascript'> // Use this if you have just one author like this blog :) var BLOG_AUTHOR = &#39;http://www.blogger.com/profile/YOURBLOGID&#39;; var BLOG_POST_COMMENT_LINK = &#39;<data:post.addCommentUrl/>&#39;; var eCommentDelete = false; var eAuthorUrl = &#39;&#39;; <b:loop values='data:post.comments' var='comment'> eCommentDelete = false; eAuthorUrl = &#39;&#39;; <b:if cond='data:comment.authorUrl'> eAuthorUrl = &quot;<data:comment.authorUrl/>&quot;; </b:if> <b:if cond='data:comment.isDeleted'> eCommentDelete = true; </b:if> buildComment(&quot;<data:comment.author/>&quot;, eAuthorUrl, &quot;<data:comment.id/>&quot;, &quot;<data:comment.timestamp/>&quot;, eCommentDelete, &quot;<data:comment.deleteUrl/>&quot;, &quot;<data:top.deleteCommentMsg/>&quot;, document.getElementById(&#39;comment-body-<data:comment.id/>&#39;).innerHTML); </b:loop> // <![CDATA[ var eCommentTemplate = '' + '<div class="comment-segment comment-level-${COMMENT.LEVEL} ${BLOG.AUTHOR} ${COMMENT.DELETED.STYLE}" >' + 'n' + ' <a name="comment-${COMMENT.ID}"></a>' + 'n' + ' ' + 'n' + ' <a href="#" ' + 'n' + ' onclick="toggleElementDisplays(this, ' + '['comment-${COMMENT.ID}-body', 'comment-${COMMENT.ID}-footer', 'reply-guide-${COMMENT.ID}'], ' + '['both', 'both', 'hide']); return false;" >[hide]</a>' + 'n' + ' ' + 'n' + ' ' + '${COMMENT.AUTHOR.URL.EXISTS.START}' + '<a href="${COMMENT.AUTHOR.URL}" rel="nofollow">' + '${COMMENT.AUTHOR.URL.EXISTS.END}' + '${COMMENT.AUTHOR.NAME}' + '${COMMENT.AUTHOR.URL.EXISTS.START}' + '</a>' + '${COMMENT.AUTHOR.URL.EXISTS.END}' + 'n' + ' mengatakan... ' + 'n' + ' on ${COMMENT.TIMESTAMP}' + 'n' + ' <div id="comment-${COMMENT.ID}-body" class="comment-body" >${COMMENT.BODY}</div>' + 'n' + ' <div id="reply-guide-${COMMENT.ID}" class="reply-guide comment-level-0 " >' + 'n' + ' <a href="#" onclick="hideElement('reply-guide-${COMMENT.ID}'); return false;" >[hide]</a>' + 'n' + ' Id Komentar ini : ${COMMENT.ID}' + 'n' + ' </div>' + 'n' + ' <div id="comment-${COMMENT.ID}-footer" class="comment-footer">' + 'n' + ' <a ' + 'href="#" onclick="showElement('reply-guide-${COMMENT.ID}'); return false;" >Lihat Id Komentar</a> ' + 'n' + ' <a href="${COMMENT.DELETE.URL}" title="${COMMENT.DELETE.TEXT}" style="text-decoration: none;" >Hapus</a>' + 'n' + ' </div>' + 'n' + '</div>' + 'n'; applyCommentTemplate(eCommentTemplate); // ]]> </script> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable></blockquote> Pada script panjang di atas, perhatikan yang berwarna merah. Ganti dengan alamat profil blogger Anda untuk membuat komentar Anda nantinya berbeda warna. Jika sudah Simpan Template. Trik ini memang sedikit panjang namun dijamin hasilnya sangat bagus. Jika biasanya berurutan yang paling dahulu berkomentar akan berada di list paling atas daftar komentar dan yang terakhir paling bawah. Dengan model ini meski Anda berkomentar terakhir Anda bisa mengambil tempat di tengah-tengah dengan menjawab komentar seseorang. <h3>Reply Comment Kedua</h3> Nah kalau cara yang ini lebi simple lagi karena kita tidak terlalu banyak mengacak-acak kode komentar yang ada pada blog kita.. Kelebihan : scriptnya sedikit dan tidak merubah total kolom komentar pada blog kita Kekurangan : reply comment tidak bisa langsung terletak dibawah komentar yang kita balas, melainkan tetap terletak pada kolom paling bawah. Oke, kita mulai saja ya... cara 1 sampai 5 sama seperti diatas.. 6. Cari kode seperti yang dibawah ini: <blockquote><data:commentPostedByMsg/></blockquote> 7. Kemudian Copy dan Paste kode berikut tepat dibawah kode yang diatas : <blockquote><a expr:href="&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;" href="" onclick="javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;">[Reply to comment]</a></blockquote> 8. Pada kode diatas ada tulisan yang berwarna biru (Your Blog ID) isi dengan ID Blogger sobat pada blog yang akan di install tombol reply. setelah semua settingan benar, kemudian save template sobat. contoh penerapan reply comment kedua ini bisa anda lihat pada <a href="http://rudyazhar.blogspot.com/2010/04/rahasia-untuk-membuat-blog-anda-sukses.html">blog RudyAzhar</a> ini. Oke, begitulah cara membuat blogspot kita bisa reply comment, masing-masing ada kelebihan dan kelemahannya karena tutorial ini adalah hasil modifikasi dari pada blogger mania yang senang dengan utak atik blog. Semoga kedepannya <a href="http://blogger.com/">blogger.com</a> bisa mengaplikasikan reply comment pada blogspot... Selamat mencoba, dan jika masih kurang paham bisa langsung menuliskan unek-uneknya pada kotak komentar dibawah ini.... Original Post : Reply Comment pertama : <a href="http://shamsmi.blogspot.com/2008/07/threaded-comments-in-blogger.html">Shams blog</a> Reply Comment kedua :<a href="http://thisischen.com/2009/04/how-do-i-reply-to-comment-on-blogger.html"> thisichen.com</a>

9:54 PM

GIBZET0407