Daftar Isi

Selasa, 30 Oktober 2012

0 Tombol Share Untuk Blogger 1

Date: Selasa, 30 Oktober 2012 20.09
Category:
Author: Bayuardi Pratama
Share:
Responds: 0 Comment
Menu sosial bookmark adalah salah satu komponen penting untuk sebuah blog anda. Selain untuk mempercantik tampilan blog, juga untuk mempermudah pengunjung blog anda untuk membagikan / share ke jaringan sosial yang lain.
Kali ini akan berbagi tutorial cara membuat tombol menu share sosial bookmark berbentuk slide telur yang bisa membuka dan menutup berada di pojok bawah blog anda (seperti dalam gambar). Slide telur terbuka berisi tombol bookmark untuk pembaca anda untuk share posting di Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble dan Email.

Sebelumnya Back Up Template Anda terlebih dahulu.

Step 1: Masuk ke Dashboard blog anda lalu klik Template, kemudian pilih Edit HTML dan klik "Expand Template Widget".

Step 2: Cari kode </head> di blog anda (tekan Ctrl+F untuk mempermudah pencaraian)

Step 3: Copy paste kode dibawah ini tepat diatas / sebelum kode </head>

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->

Step 4:  Lalu cari kode </body>

Step 5: Copy paste kode dibawah ini tepat diatas / sebelum kode </body>

<!-- Start Heart Share Code From http://www.spiceupyourblog.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a><!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->

Tombol share tersebut sudah diatur berada di sudut kiri bawah blog anda, Namun itu bisa dengan mudah anda rubah. Anda hanya perlu merubah kode berwarna kuning diatas bottom: 2%; left: 2%;. Ubah bottom menjadi top jika anda ingin merubahnya ke posisi atas blog anda dan ubah left menjadi right jika anda ingin merubahnya ke sebelah kanan blog anda.

Step 6: Kemudian simpan Template anda.

Artikel Terkait :



PENTING !! PLEASE READ !!

Creatif By : Bayuardi Pratama Berbagi Dengan Ikhlas

Terimah Kasih telah membaca artikel Tombol Share Untuk Blogger 1. Yang ditulis oleh Bayuardi Pratama. Pada hariSelasa, 30 Oktober 2012. Jika anda ingin sebarluaskan artikel ini, mohon sertakan sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar. No Spam, No Rasis, No Anaris, No Porn. Terimakasih

:: Get this widget ! ::

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Poskan Komentar