Membuat Follower Box Twitter

Membuat Follower Box Twitter ~ Twitter Follower Box atau Twitter Fun Box memungkinkan pengunjung untuk mengikuti anda via Twitter tanpa meninggalkan situs atau blog anda. Twitter Follower Box sangat mirip sekali dengan facebook like box dan sistem kerjanya pun tidak jauh berbeda.

Jika Twitter follower default dari Twitter tidak menampilkan gambar follower, lain halnya dengan widget Twitter follower box yang dapat menampilkan gambar atau foto profil dari follower Twitter blog kita.

Nah yg ingin membuat Twitter Follower Box di blognya silahkan mengikuti langkah langkah berikut ini:
1. Login ke Blogger
2. Tambah gadget kemudian pilih HTML/Javascript
3. Masukan kode berikut ini di dalamnya

<!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("mainbom");</script
type="text>
<!-- End Twitter Follower Box -->

4. Ganti mainbom dengan username Twitter kamu.
5. Simpan dan selesai

hasilnya akan seperti di bawah ini:

Note: Ubah nilai width dan height sesuai keinginan Anda.

Demikian cara membuat follower box Twitter semoga bermanfaat.

Read More

Cara Mudah Menampilkan dan Menyembunyikan Widget di Halaman Blogger

Anda mempunyai banyak widget yang tampil di blog anda ? Widget blog yang terlalu banyak tentunya akan mengurangi kecepatan loading dari blog kita sendiri. Namun jika widget itu terasa penting bagi anda dan tetap ingin mempertahankan keberadaannya ada baiknya anda melakukan pengaturan pada halaman mana saja blog tersebut akan anda tampilkan. Misalnya widget A akan anda tampilkan hanya pada Homepage saja atau sebaliknya. Anda juga bisa menampilkan suatu widget hanya pada URL tertentu saja.

Beberapa pertanyaan yang paling sering diajukan adalah: Bagaimana Tampilkan widget blogger di homepage saja? Bagaimana menyembunyikan widget dari halaman homepage? Bagaimana cara menyembunyikan widget pada halaman statis? Bagaimana menampilkan widget pada halaman tertentu saja? 

Tutorial kali ini akan menjawab semua pertanyaan itu. Caranya adalah cukup menambahkan kode HTML / JavaScript diantara kode widget Anda. Namun, untuk memulai mengedit kode HTML blog Anda, sebaiknya Backup dulu template Anda (Baca: cara backup template) untuk menghindari hal-hal yang tidak diinginkan.

Menampilkan widget hanya pada Homepage saja

<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET ANDA DISINI
</b:if>

Menyembunyikan widget dari halaman Homepage

<b:if cond='data:blog.pageType == "item"'>
KODE WIDGET ANDA DISINI
</b:if>

Menampilkan widget hanya pada halaman Static Page

<b:if cond='data:blog.pageType == "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>

Menyembunyikan widget dari halaman Static Page

<b:if cond='data:blog.pageType != "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>

Menampilkan widget hanya pada URL tertentu

<b:if cond='data:blog.url == "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>

Menyembunyikan widget dari URL tertentu

<b:if cond='data:blog.url != "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>

Menampilkan atau menyembunyikan widget default Blogger
Cara yang sama dapat diterapkan untuk widget default Blogger, seperti About me, Archive, Label dan lain-lain.
Biasanya kode default blogger akan tampak seperti dibawah ini

<b:widget id='HTML' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>
<b:includable id='main'>

KODE WIDGET DEFAULT BLOGGER ANDA

</b:includable>
</b:widget>

Anda akan menemukan kode berwarna biru pada setiap kode widget default dari Blogger. Untuk mengontrol widget ini Anda hanya perlu menyisipkan kode kontrol sesuai dengan apa yang Anda inginkan. Misalnya Anda ingin menampilkan widget hanya pada Homepage saja, maka kodenya akan menjadi seperti ini

<b:widget id='HTML' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET DEFAULT BLOGGER ANDA
</b:if>

</b:includable>
</b:widget>

Kode yang berwarna hijau adalah kode yang berfungsi untuk menampilkan widget hanya pada halaman Homepage saja.
Sekian, semoga bermanfaat.

Read More