[blogger] Popular Social count Button::+1 [Google+]::

PERINGATAN :: Postingan ini tidak support mobile view, Jadi JANGAN GUNAKAN HP untuk membuka postingan ini.

            /brrr pagi dingin awan mendung serasa di kulkas. Biar anget bagi ilmu 'ahh!. Ini tulisan pertama saya tentang tips Blogger. Sebelumnya kenapa kita perlu menambahkan extended social button padahal blogger sudah menyediakan untuk itu? Karena selain extended social button lebih canggih dari punyanya blogger, juga dapat meningkatkan SEO apalagi social button versi officialnya(resmi) seperti facebook like & tweet button. Kalo +1 button mungkin tidak berpengaruh karena blogger sudah punya /hmm tapi bagi kalian yang menggunakan Template Blogger dari luar yang mungkin belum ada +1 button ini bisa menjadi solusi. Sesuai dengan judul postingnya, saya akan membagikan bagaimana cara menambahkan 3 social button terkenal pada abad ini yaitu Facebook, Tweeter, +1 (Google+).

[+1] Button

Konfigurasi Button

Demo

Button Type Standard Kecil Medium Tinggi Bahasa Arabic Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English (US) English (UK) Estonian Filipino Finnish French German Greek Hebrew Hindi Hungarian Indonesian Italian Japanese Korean Latvian Lithuanian Malay Norwegian Persian Polish Portuguese (Brazil) Portuguese (Portugal) Romanian Russian Serbian Swedish Slovak Slovenian Spanish Spanish (Latin America) Thai Turkish Ukrainian Vietnamese Float None KiriKanan Lokasi Dibawah isi Postingan Diatas isi Postingan Display Hanya di halaman Postingan Mana aja boleh! Dimana saja selain di halaman statis

------------------------------------------------------------------------------------------------------
1. Buka Blogger Dashboard > Template > Backup / Restore Template lalu download templatemu dan buka di notepad, notpad++, atau text editor lainnya. Pencet "CTRL + F" lalu cari code </head> dan taruh code dibox ini tepat diatas code </head>:

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>

-----------------------------------------------------------------------------------------------------------
2. CTRL + F lalu cari code <data:post.body/> dan masukkan code dibox ini tepat diatas-nya persis:

<div>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>

---------------------------------------------------------------------------------------------
3. Upload template Blogger yang sudah dimodifikasi tadi ke blog anda.
--------------------------------------------------------------------------------------------

/sweat haduuh jadi berkeringat. Mohon maap baru segitu dulu tulisannya. Pinginnya tak tambahin Facebook ama Tweeter tapi karena scriptnya bentrok jadi saya tulis di postingan selanjutnya.
/thanks