Tampilkan postingan dengan label tips mempercantik blog. Tampilkan semua postingan
Tampilkan postingan dengan label tips mempercantik blog. Tampilkan semua postingan

Minggu, September 23, 2012

Cara Membuat Widget Follow Me Twitter



Cara Membuat Widget Follow Me Twitter – Follow Me On Twitter Widget itu dia istilah kerennya untuk widget ini. Ada berbagai macam jenis widget Follow Me yang sering kita lihat tentunya, mulai dari widget Follow Me animasi sampai yang statis (diam). Dan penempatan widget ini pun bisa dimana saja, bisa di sidebar dan ada juga widget Follow Me yang melayang (floating) bebas ditempatkan di area mana saja. Kali ini saya mau share cara pasang widget follow me twitter melayang aja deh seperti yang ada di blog ini. Sekalian saya kasih 2 tipe sekaligus, yang dengan animasi sama yang statis (diam) alias non animasi biar ngga ada yang minta-minta lagi ya he he.

Widget Follow Me Twitter Melayang dengan Animasi :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.

<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="https://twitter.com/aGoeZ_aTenX" target="_blank"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="159" height="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username= https://twitter.com/aGoeZ_aTenX " /></object></a>

4.      Ganti username Twitter  https://twitter.com/aGoeZ_aTenX  dengan akun twitter anda.
5.       Save / Simpan.

Widget Follow Me Twitter Non Animasi (statis) :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.

<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href=" https://twitter.com/aGoeZ_aTenX " target="_blank"><img src="http://www.twitterbuttons.org/images/twitter-9a.png" width="150" height="124" border="0" /></a>

4.      Ganti username Twitter  https://twitter.com/aGoeZ_aTenX  dengan akun twitter anda.
5.       Save / Simpan.

Nah untuk widget follow me twitter yang kedua, sobat dapat menggonta-ganti gambar buttonnya dengan koleksi gambar button follow me yang ada disinihttp://www.twitterbuttons.org/index.html. Caranya tinggal ganti URL button yang saya tandai dengan warna biru dengan URL button twitter pilihan. Ada puluhan button twitter follow me yang bisa sobat pilih. Contoh gambar-gambarnya yang ada dibawah ini nih :




       


Oke sobat, sekian dulu sharing kali ini tentang cara memasang widget follow me twitter melayang. Semoga bisa memenuhi keinginan sobat blogger yang pernah menanyakan cara membuat widget follow me ini pada saya beberapa waktu yang lalu. Don’t forget to follow me OK !

Rabu, September 19, 2012

koneksi twitter dan facebook ke blog,,, =))

Ayey,, akhirnya bisa jg koneksiin twitter dan facebook sekaligus ke blog,,,

untuk tutorial'a, silahkan buka  disini

Membuat Comment Facebook di Blog



Teman blogger yang lagi semangat kalau mau ada komentar di blognya dan bisa di share di facebook teman bisa baca artikel ini bagaimana cara memasang kotak komentar facebook di blog blogspot, cara membuatnya sangat mudah. ikuti saja petunjuk yang saya share di sini oke. :-)

1. Seperti biasa anda masuk dulu ke Account Blogger
2. Klik Rancangan >> Edit HTML (Jangan lupa centang kotak expand widget template)
3. Setelah terbuka kotak Edit HTML cari kode berikut <b:includable id='status-message'> dan diatas kode tersebut sobat akan menemukan kode ini </b:includable> (agar lebih cepat mendapatkan kode yang saya maksud diatas tekan tombol F3)
4. Copy paste kode ini <b:includable id='status-message'> kedalam kotak pencarian. Tahap selanjutnya Copy paste Kode  di Bawah ini :

<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>

dan letakan diatas kode  </b:includable>

Dan Lihat hasilnya, semoga bermanfaat ...