Tombol Share Di Lengkapi Dengan Bookmarks Tidak hanya tombol share yang fungsinya adalah untuk membagikan baik itu Judul blog ataupun judul artikel kebanyak situs yang dituju, akan tetapi tombol share disini Saya lengkapi dengan Bookmarks berfungsi untuk menandai situs tertentu untuk dijadikan favorit disimpan melalui tool bookmars pada browser agar mempermudah ketika Anda ingin membuka kembali situs tersebut tanpa harus mencari di Google atau mengetikkan alamat situs web blog pada address bar browser. Disini Saya akan memberikan 2 opsi untuk Anda, gunakan sesuai yang Anda pikir mudah berdasarkan kebutuhan berikut adalah langkah-langkahnya
Opsi 1.
1. Seperti biasa masuk blogger.com dan masuk pada halaman Edit HTML
2. Sebaiknya lakukan backup template blog Anda terlebih dahulu
3. Cari kode ]]></b:skin> letakkan kode berikut tepat di atasnya
.addthis_toolbox{padding:5px
0 0px 0;text-align:left}
.addthis_toolbox
.custom_images a{width:72px;height:32px;margin:5px 3px;padding:0;}
.addthis_toolbox
.custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images
a img{opacity:0.65}
4.
Dilanjutkan dengan mencari kode <div id='sidebar-wrapper'>
letakkan kode berikut tepat dibawah kode tersebut
<div
class="addthis_toolbox">
<div
class="custom_images">
<a
class="addthis_button_twitter" href="http://www.blogger.com/blogger.g?blogID=7451311509500276310"><img
alt="Twitter" height="35"
src="http://2.bp.blogspot.com/-TUTjx0Yc0FY/TXSLKPiLRbI/AAAAAAAAA3U/nI4HkE091Lk/s1600/twitter.png"
width="35" /></a>
<a
href="https://plus.google.com/" target="_blank"><img
alt="Google Plus" height="35"
src="http://3.bp.blogspot.com/-NbS3DZVbHU0/To9NnX6odTI/AAAAAAAAEJY/SvIFghHPw-k/s1600/gplus.png"
width="35" /></a>
<a
class="addthis_button_facebook"
href="http://www.blogger.com/blogger.g?blogID=7451311509500276310"><img
alt="Facebook" height="35"
src="http://1.bp.blogspot.com/-GpYwvZxzuzU/TXSJ0qKwUlI/AAAAAAAAA20/UiLh_RsGsqY/s1600/facebook.png"
width="35" /></a>
<a
class="addthis_button_digg"
href="http://www.blogger.com/blogger.g?blogID=7451311509500276310"><img
alt="Digg" height="35"
src="http://1.bp.blogspot.com/-JVB0CPHCL1E/TXSJ0ceJsgI/AAAAAAAAA2s/kpyRlPsGJek/s1600/digg.png"
width="35" /></a>
<a
class="addthis_button_stumbleupon"
href="http://www.blogger.com/blogger.g?blogID=7451311509500276310"><img
alt="Stumbleupon" height="35"
src="http://3.bp.blogspot.com/-7-xCrO8HzH8/TXSLJ2054hI/AAAAAAAAA3M/lV4L-SpptZ0/s1600/stumbleupon.png"
width="35" /></a>
<a
class="addthis_button_favorites"
href="http://www.blogger.com/blogger.g?blogID=7451311509500276310"><img
alt="Favorites" height="35"
src="http://3.bp.blogspot.com/-le322tlJxbk/TXSJ0tmqaiI/AAAAAAAAA28/qDly1cnZiIk/s1600/favorites.png"
width="35" /></a>
<a
class="addthis_button_more"
href="http://www.blogger.com/blogger.g?blogID=7451311509500276310"><img
alt="More" height="35"
src="http://1.bp.blogspot.com/-DqjDPRVJc5g/TXSJ04YfobI/AAAAAAAAA3E/7HVFTgWb1dE/s1600/more.png"
width="35" /></a>
</div>
<script
src="http://s7.addthis.com/js/250/addthis_widget.js"
type="text/javascript"> </div>
</script></div>
<div style='clear:both;'/>
5. Simpan
template.
Opsi 2.
Cara ini bisa Anda lakukan lebih mudah dan cepat, tanpa harus Edit HTML template Anda. Saya pikir tidak ada perbedaan fungsi disini hanya letaknya saja yang berbeda dilihat dari kodenya juga hanya bermain CSS dan HTML serta sedikit kode JavaScript yang sudah diconvert dalam bentuk link oleh s7.addthis.com jadi tidak buat berat blog bisa dilihat Sayapun menggunakannya pilih sesuai keinginan Anda.
Caranya sangat mudah masuk pada halaman Tata letak lalu tambahkan Gadget simpan Script pada no. 4 diatas pada Gadget HTML/ JavaScript.tanpa <div style='clear:both;'/>. Sekian semoga manfaat dan terbantu terima kasih Salam.
Catatan:
CSS Margin margin:5px 3px;padding:0;: baca juga artikel ilmu pelet wanita, Untuk mengatur jarak antara objek tombol share satu dengan lainnya disebelah kiri dan kanan objek serta jarak kanan kiri objek padding antara halaman Sidebar dan halaman posting, atur sesuai lebar Sidebar blog Anda.
Opsi 2.
Cara ini bisa Anda lakukan lebih mudah dan cepat, tanpa harus Edit HTML template Anda. Saya pikir tidak ada perbedaan fungsi disini hanya letaknya saja yang berbeda dilihat dari kodenya juga hanya bermain CSS dan HTML serta sedikit kode JavaScript yang sudah diconvert dalam bentuk link oleh s7.addthis.com jadi tidak buat berat blog bisa dilihat Sayapun menggunakannya pilih sesuai keinginan Anda.
Caranya sangat mudah masuk pada halaman Tata letak lalu tambahkan Gadget simpan Script pada no. 4 diatas pada Gadget HTML/ JavaScript.tanpa <div style='clear:both;'/>. Sekian semoga manfaat dan terbantu terima kasih Salam.
Catatan:
CSS Margin margin:5px 3px;padding:0;: baca juga artikel ilmu pelet wanita, Untuk mengatur jarak antara objek tombol share satu dengan lainnya disebelah kiri dan kanan objek serta jarak kanan kiri objek padding antara halaman Sidebar dan halaman posting, atur sesuai lebar Sidebar blog Anda.
Dapatkan Sample GRATIS Produk sponsor di bawah ini, KLIK dan lihat caranya
Tidak ada komentar:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.