Tweet Cara Membuat Like di Header Ala OOM.COM

Kali ini saya akan membahas sedikit ilmu lagi tentang tutorial blog, yakni Cara Membuat Kotak like di Header seperti di blog OOM. untuk lebih jelasnya bisa anda lihat screenshoot dibawah ini:

Sebenarnya ide saya membuat postingan kotak like di header ini tersinspirasi dari blognya Mas Oom dengan URL http://oom.com/ saya pun langsung tertarik dengan pandangan pertama saat saya mengunjungi blog Mas O-om. Gimana Anda juga tertarik kan dengan fasilitas like di header ini? Jika Anda tertarik ikuti langkah-langkahnya dibawah ini:

Seperti biasa:

• Login dulu ke Blogger > Tata Letak > Tambah gadget lalu pilih HTML/Java Script.
• Kemudian letakkan kode dibawah ini pada gadget HTML/Java Script tersebut.

<div class="widget-content"><div style="padding-top: 8px; float: right; text-align: right;">
<a rel="nofollow" target="_blank" title="Gabung di Google+" href="https://plus.google.com/u/0/108226894865009900472/"><img alt="Kreasi Anak Garut di Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCCgS0rqkAhwtmhb5kDbqYaBgA4jcTbgsldrdCfTCGtmQBGg8UsXHHJdp9tgnE0Qe8LWpdL5B_a_O8WFlH8BRL1r2_5Lw8wXLZ9nojjM1sbH1hC7Rtk0iRLP27VHsXxFRexwp19-11Ytdw/s421/oom%2520plus1.png" border="0" /></a>
<br /><div style="float: right; padding-top: 2px; text-align: right;"><a rel="nofollow" title="Kreasi Anak Garut di RSS FEED" target="_blank" href="http://feeds.feedburner.com/rezza"><img alt="RSS FEED" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZRb7LHLrGyiE3HfHx8DiigI32NUkFy5RZt71JByMSQafcAiraTcrfx8uWtJlK759lrul0NU21rkJhLY9pRwaRBJ1F8KHWqxXwZaf0x7ve124iAQGuOj47blSq3J0X4G2S2ZyqOYEJDzq/s106/rss.png" border="0" /></a><a rel="nofollow" title="Kreasi Anak Garut di Facebook" target="_blank" href="https://www.facebook.com/kreasianakgarut">
<img rel="nofollow" alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeNfutCHo0mrQXbnVsFCrUg9LZvkVwq4Q1ATe-XDRzfaB7at2SclSBPON0UIYYHGjqDn7iuXUbVl9-eFfKHp5X_2-bI-hq7OWEYXto1x-K7s42PIcLrDkTIYm7Fv5pv0fdjyV6QG67rdsC/s123/fb.png" border="0" /></a><a title="Kreasi Anak Garut di Twitter" target="_blank" href="http://twitter.com/Rezza_ir"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlaGqwnnGiVsF980nh5oDSBKAKhf7qz717Y53JgItxvaH225JtCc-ncFOpGamV2mOLUBjfqLX8iU4mDrVK6h8_ry61fwiK6Joma0gvuqjJ4kN4ecYSlVY7kkuhYrgJNzZxzoFA9n2wm5JT/s105/tw.png" border="0" /></a></div><span style="float: left; padding-top: 5px; width: 50px;"><!-- customized for a specific address --><div style="height: 24px; width: 106px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;" id="___plusone_1"><iframe allowtransparency="true" hspace="0" id="I2_1325610637183" marginheight="0" marginwidth="0" name="I2_1325610637183" src="https://plusone.google.com/_/+1/fastbutton?url=https%3A%2F%2Fplus.google.com%2F118355552986094397395&amp;size=standard&amp;count=true&amp;annotation=&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fwidget%2F__features__%2Frt%3Dj%2Fver%3Dpkz_8_jpZ30.id.%2Fsv%3D1%2Fam%3D%21itqi7GDL5S6I4GqN1g%2Fd%3D1%2F#id=I2_1325610637183&amp;parent=http%3A%2F%2Fwww.o-om.com&amp;rpctoken=339437469&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" style="position: static; left: 0pt; top: 0pt; width: 106px; margin: 0px; border-style: none; height: 24px; visibility: visible;" tabindex="-1" vspace="0" title="+1" scrolling="no" width="100%" frameborder="0"></iframe></div></span></div></div>

Catatan:

1. Ganti kode yang berwarna Hijau dengan alamat halaman google plus Anda
2. Ganti kode yang berwarna Kuning dengan nama blog Anda
3. Ganti kode yang berwarna Biru dengan gambar yang Anda inginkan
4. Ganti kode yang berwarna Hijau tua dengan Alamat Rss Feed anda
5. Ganti kode yang berwarna Biru muda dengan Alamat Facebook Fan Page anda
6. Ganti kode yang berwarna Ungu dengan Alamat Twitter anda

• Langkah terakhir simpan. Gimana cukup mudah bukan? kiranya itu yang saya sampaikan mengenai Bagaimana Membuat Like di Header ala OOM, bagi Anda yang mendapat kesulitan dalam mempraktekkan tutorial ini silahkan sampaikan dikotak komentar, kritik dan sarannya juga terbuka lebar bagi Anda demi kemajuan kita bersama. Dengan segala kekurangan artikel ini saya minta maaf. cukuo sekian sedikit tutorial ini Terimakasih.

Referensi: http://bloggerpas.blogspot.com/2012/01/membuat-kotak-like-disamping-header-ala.html