Own tips

Showing posts with label menambahkan. Show all posts

Saturday, December 7, 2013

Menambahkan Reply Button Pada Komentar Blogger

Kali ini saya ingin mengetengahkan sebuah trik sederhana hasil pengembangan seorang blogger luar Chen asal china, yaitu bagaimana cara menambahkan reply comment atau tombol reply pada form comment blogger. Karena opsi komentar blogger memang masih nampak kaku dibanding blog dengan platfrom lainnya seperti wordpress yang diantaranya telah tersedianya opsi reply comment hanya dengan sekali klik.

Bagi yang ingin mengetahui cara memasang tombol reply comment silahkan ikuti tutorial berikut:

Menambahkan Reply Button Pada Komentar Blogger

1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML>>> centang kotak kecil bertuliskan Expand Template Widget

2. Kemudian cari kode berikut jika ingin memasang reply comment seperti contoh gambar pertama:

<data:commentPostedByMsg/>

Jika ingin memasang hanya reply comment seperti gambar kedua, cari kode berikut:

<b:includable id=commentDeleteIcon var=comment>

3. Selanjutnya letakkan kode berikut setelah kode pada point nomor 2

Jika hanya menggunakan tulisan reply comment seperti gambar pertama:

<span class=comment-reply><a expr:href="https://www.blogger.com/comment.g?blogID=Letakkan blog ID sobat disini&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form" onclick=javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;>[Reply to comment]</a></span>

Jika ingin menggunakan image tombol reply comment seperti gambar kedua:

<span><a expr:href="https://www.blogger.com/comment.g?blogID=Letakkan blog ID sobat disini&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form" onclick=javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;><img alt=Reply To This Comment src=URL image sobat disini/></a></span>

Catatan: Tulisan yang berwarna merah (Letakkan blog ID sobat disini) ganti dengan ID blog sobat. Cara mengetahui ID blog, pada saat log in pada account sobat dan hendak menulis postingan baru, perhatikan tampilan kotak atas tempat URL pada browser:

Tulisan warna merah URL image sobat disini: Bisa sobat isi dengan URL berikut atau URL image sendiri, ingat URL image harus diawali dan ditutp dengan tanda " atau

http://sites.google.com/site/amatullah83/background/reply-blue_thumb%5B1%5D.png

http://sites.google.com/site/amatullah83/background/reply-gray_thumb%5B1%5D.png

http://sites.google.com/site/amatullah83/background/reply-green_thumb%5B1%5D.png

http://sites.google.com/site/amatullah83/background/reply-pink_thumb%5B1%5D.png

http://sites.google.com/site/amatullah83/background/reply-red_thumb%5B1%5D.png

4. Simpan template, lihat hasilnya diblog sobat.

Semoga bermanfaat. Ingin melihat live demo reply comment disini, untuk live demo reply comment dengan menggunakan image lihat disini

ReadFull Article ..

Menambahkan Tag Cloud Non animasi Dengan Gadget Blogger

Mengenai tag Cloud ini mungkin sudah basi bagi blogger bangkotan. Tapi sehubungan banyak SC members dunia nyata yang bertanya seputar masalah ini maka tidak ada salahnya jika pada tulisan kali ini dibahas mengenai tag Cloud. Dan bukan tidak mungkin masih banyak di antara sobat blogger yang belum mengenal apa itu tag Cloud.

Pada dasarnya tag Cloud ini adalah label atau kategori yang disusun tidak secara memanjang ke bawah seperti blogroll (diatur sebagai daftar) melainkan menyamping sesuai lebar sidebar blog. Selain itu, dengan tag Cloud ini label-label yang ditampilkan akan memiliki ukuran huruf berbeda sesuai dengan jumlah postingan dalam label tersebut. Semakin banyak postingan dalam sebuah label maka akan semakin besar ukuran huruf untuk label tersebut, begitu pula sebaliknya.

Ada dua jenis tag Cloud yang biasa dipakai para blogger, yaitu tag Cloud animasi dan tag Cloud non-animasi. Yang non-animasi inipun terbagi dua: tag Cloud gadget blogger dan tag Cloud javascript. Nah, pada tulisan kali ini saya akan membahas mengenai cara menambahkan widget tag Cloud non-animasi yang menggunakan gadget blogger.

Langkah-langkah yang harus kamu lakukan dalam menambahkan tag Cloud gadget blogger ini adalah sebagai berikut:

Seperti biasa, Login ke akun Blogger kamu.
Dari halaman Dasbor, klik Tata Letak.
Setelah masuk ke Elemen Halaman (Page Element), klik Tambah Gadget.
Setelah itu pilih Label untuk ditambahkan, seperti nampak pada gambar berikut:
Setelah muncul kotak dialog, pilih Cloud pada option Tampilkan, seperti nampak pada gambar berikut:
Jika jumlah entry tidak ingin ditampilkan, hilangkan tanda centrang pada Tampilkan jumlah entry per label.
Dan jika kamu ingin mengatur label-label yang akan ditampilkan, pilih Label yang Dipilih, lalu klik Edit.
Setelah muncul kotak dialog, hilangkan tanda centrang pada label-label yang tidak ingin ditampilkan, lalu klik Selesai, seperti nampak pada gambar berikut:
Jika sudah OK, Simpan hasil kerjaan kamu dan ucapkan Alhamdulillah.....

Nah, selesai dah. Kamu bisa mengatur letak gadget tersebut sesuai keinginan kamu dengan cara men-drag-nya (memindahkan dengan cara digeser). Mudah kan? Tapi ingat, tidak semua template mendukung tag Cloud gadget blogger ini. Seperti pada template Jeans 3C misalnya, sekalipun yang dipilih Cloud tetap saja hasilnya seperti memilih Daftar, yakni diurut ke bawah. Untuk template jenis ini, jika ingin menggunakan tag Cloud, sebaiknya memilih yang menggunakan javascript. Jika kamu mau, tunggu saja tulisan berikutnya di SC Community, hehehe.....

Ok coy, selamat mencoba.....

ReadFull Article ..