Browsing articles in "Blog in Draf"
Dec
31

Menampilkan "Smile" pada Blogger Part 2

By admin  //  Blog Tips, Blog in Draf  //  9 Comments
Klo pada artikel yang lalau smile yang ditampilkan hanya standart YM atau Yahoo Massanger, tapi bisa juga lho diganti dengan emotion Kucing, biar tampak beda. Kurang lebihnya Emotion kucing kayak gini nih.

.
nah Bila berminat langsung saja kita lanjut ke scriptnya

read more

Nov
19

Fitur Terbaru Blogger: Contact Picker

By admin  //  Blog in Draf  //  2 Comments

Blogger hari ini kembali menambahkan fitur terbaru mereka yaitu Contact Picker. Fitur ini berguna menentukan email mana saja yang berhak menerima kiriman komentar ketika seseorang meninggalkan komentar di blog anda.

Jika sebelumnya input mail hanya terbatas pada 10 email saja, sekarang dengan Contact Picker, kita bisa menggunakan seluruh alamat email yang tentunya sudah terdaftar pada Gmail Contact yang ada di blogger.
read more

Aug
17

Blogger Reaction

By admin  //  Blog Tips, Blog in Draf, Tips dan Trik, Tutorial  //  1 Comment

Akhirnya Control Panel (CP) yang sebelumnya masih pada draft blogger benar-benar di terapkan juga, ini bisa dilihat pada CP anda masing-masing. Selain Pembaharuan tampilan, blogger juga mengaktifkat fitur terbaru pada layanan mereka yaitu Blogger Reactions. Seperti biasa fasilitas ini hanya bisa diaktifkan melalui blogger in draft.

Blogger Reaksi (reactions) bisa dikatakan versi terbaru dari star ratings, yang membuatnya berbeda, dengan reactions kita bisa menentukan sendiri kalimatnya. Sepertinya tidak perlu saya jelaskan panjang lebar, rekan semua pasti mengerti apa maksudnya.

Untuk mencoba Blogger Reactions, login dulu di http://draft.blogger.com/ kemudian pada halaman Edit Layout klik “Edit” lalu beri tanda centang pada “Reaksi”

Untuk template yang sudah dimodifikasi, cara diatas ternyata tidak berjalan dengan sukses, untuk menampilkan blogger reaction kita bisa menggunakan cara manual, ikuti caranya di bawah ini

Pertama pada Edit HTML (jangan lupa beri tanda centang “Expand Template Widget”) cari kode dibawah ini:

<div class=’post-footer-line post-footer-line-3′>
</div>

Kemudian masukan kode dibawah diantara kode diatas, contohnya seperti ini:

<div class=’post-footer-line post-footer-line-3′>

<span class=’reaction-buttons’>
<b:if cond=’data:top.showReactions’>
<table border=’0′ cellpadding=’0′ width=’100%’><tr>
<td valign=’center’><span class=’reactions-label’>
<data:top.reactionsLabel/></span>
</td>
<td><iframe allowtransparency=’true’ class=’reactions-iframe’ expr:src=’data:post.reactionsUrl’ frameborder=’0′ name=’reactions’ scrolling=’no’/></td>
</tr></table>
</b:if>
</span>

</div>

Jangan lupa disimpan dan lihat hasilnya, Selamat mencoba fitur baru dari blogger

Jul
31

Membuat Kotak Komentar Blogger di Bawah Postingan

By admin  //  Blog Tips, Blog in Draf  //  92 Comments

Akhirnya datang juga….
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link “Post a Comment”, maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting–>Comments. Kemudian ganti “Comment Form Placement” menjadi “Embedded below post” (lihat gambar dibawah)

3. Kemudian klik “Save Setting”

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu “Layout–>Edit HTML”
5. Beri tanda centang kotak “Expand widget templates”.
6. Trus cari kode berikut ini :

<p class=’comment-footer’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

<p class=’comment-footer’>
<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> </p> </b:if>

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

referensi: BUku Hacking Blogger

Anda tertarik Artikel ini, Baca lewat E-mail…