Cara Memasang Tombol Share "Sharethis" Di Blog

Oke pertama-tama sobat blogger harus pergi ke situs Sharethis : Klik Di Sini

Setelah sobat masuk ke situs sharethis.com, klik Get the code -it's free!.
Selanjutnya Choose a Platform, saya sarankan pilih icon bergambar Website.
( Next> )
Selanjutnya Select a Style, pilihlah jenis yang sobat suka "ada Buttons, Bars, Featured".
( Next> )
Selanjutnya Customize, silahkan sobat atur sesuka sobat yang mana Tombol Share yang ingin dipakai/tidak dipakai, dan lain sebagainya.
Selanjutnya sobat klik Get the Code!.

Selanjutnya akan muncul pop up (Create Account atau Sign In).
Create Account :
Jika sobat belum terdaftar, silahkan langsung saja Buat Akun Baru (bisa melalui Facebook, LinkedIn, Twitter, Yahoo, Gmail atau bisa juga melalui Email).
Sign In :
Jika sobat sudah terdaftar, silahkan langsung saja Log In (bisa melalui Facebook, LinkedIn, Twitter, Yahoo, Gmail atau bisa juga melalui Email).

Selanjutnya copy kode yang sudah di sediakan dari web tersebut, kemudian ikuti petunjuknya untuk masukkan kode script (html) "Sharethis" kamu ke blog.

...

» Atau kamu tidak mau capek pergi ke situsnya? nih Tutorial Blog Eno akan kasih kamu kode scriptnya, kamu tinggal copy n' paste saja ke blog kamu.

...

Lanjut...

Melalui Edit HTML :

Style "Side Bar" » Melayang Di Kiri Blog.

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Klik Di Dalam Kotak Template Kamu.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f  » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : </head>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

» Cari kode : </body>
» Setelah kode tersebut sudah ditemukan, cari kode di bawah ini :

</macro:if>
</macro:includable>

<b:section-contents id='sidebar-right-1'>

(Kode di atas letaknya ada di bawahnya kode : </body> & terus saja mencari sampai ketemu oke).

» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di bawahnya.

<script type="text/javascript">stLight.options({publisher: "7a2887f2-3b6e-4d13-9afc-5cea1f3bf4d5", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script>
var options={ "publisher": "7a2887f2-3b6e-4d13-9afc-5cea1f3bf4d5", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["blogger", "wordpress", "facebook", "twitter", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-memasang-tombol-share-sharethis-di-blog.html" target="_blank">Cara Memasang Tombol Share "Sharethis" Di Blog</a></small>

» Sehingga akan menjadi seperti ini :

</macro:if>
</macro:includable>
Di Sini Paste Kodenya
<b:section-contents id='sidebar-right-1'>

Keterangan :

• publisher: "7a2887f2-3b6e-4d13-9afc-5cea1f3bf4d5", atau "publisher": "7a2887f2-3b6e-4d13-9afc-5cea1f3bf4d5", adalah kode publisher sharethis blog saya (Log In).
• "position": "left" adalah letak posisi tombol share, silahkan kamu ganti dengan selera yang kamu mau.
• left (Kiri), right (Kanan).
• { "items": ["blogger", "wordpress", "facebook", "twitter", "email", "sharethis"]}}; adalah icon tombol share. silahkan kamu ganti/tambahkan dengan selera yang kamu mau.
• (pilihan Icon Tombol Share yang lainnya, saya sertakan di bawah ini).
• "arto", "baidu", "blinklist", "whatsapp", "yammer", "xing", "xerpi", "voxopolis", "vkontakte", "viadeo", "virb", "tumblr", "typepad", "stumpedia", "stumbleupon", "startlap", "startaid", "sonico", "sina", "segnalo", "reddit", "raise_your_voice", "oknotizie", "odnoklassniki", "nujij", "newsvine", "netvouz", "netlog", "n4g", "myspace", "moshare", "mister_wong", "messenger", "meneame", "livejournal", "mail_ru", "linkagogo", "kaboodle", "jumptags", "instapaper", "hatena", "google_translate", "google_reader", "google_bmarks", "google", "fwisp", "funp", "friendfeed", "fresqui", "foodlve", "folkd", "flipboard", "fashiolista", "fark", "evernote", "edmodo", "dzone", "diigo", "digg", "delicious", "dealsplus", "corkboard", "citeulike", "chiq", "care2", "buffer", "buddymarks", "blogmarks", "blip", "att", "linkedin", "pinterest", "googleplus", "adfty", "allvoices", "amazon_wishlist"

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.

█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno

BACA JUGA ARTIKEL TERKAIT DI BAWAH INI :

Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Saat ini kamu sedang membaca artikel tentang Cara Memasang Tombol Share "Sharethis" Di Blog. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke. <a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-memasang-tombol-share-sharethis-di-blog.html" target="_blank">Cara Memasang Tombol Share "Sharethis" Di Blog</a>

[Mau Seperti Ini?]