Cara Masang Tombol Share Keren Di Blogger Yang terbaru
Semua Blogger Ingin blog nya tampil keren biar bisa memikat pengunjung betah di blog kalian, Saya ada sedikit tutorial nich buat blog kalian keren dengan tombol share keren tombol ini kamu taruh di akhir postingan bisa dan di taruh di bawa judul juga bisa
Pertama: Kamu login dulu ke blogger kamu kalau sudah login klik Template/Tema sesuadah itu Edit HTML. Lalu kamu cari kode <head> Kalau sudah ketemu kode tersebut
kamu letak kode di bawah ini. tepat di atasnya kode <head>
Taruh di atas kode <head>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
Kemudia yang kedua kamu cari kode dengan Tekan Control+F lalu ketik kode ]]></b:skin> Kalau Sudah Ketemu . kamu taruh kode dibawah ini tepat diatasnya kode tersebut.
#share-button {margin:0 0 8px;padding:0;overflow:hidden}#share-button p {float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px!important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff;font-weight: 700;}#share-button a {position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff} #share-button a:hover{top:1px;left:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}.wa-button{color:#fff;margin:0 auto;padding:0;font-size:14px;font-weight:700}.wa-button a{color:#222;margin:0 auto;padding:10px 8px;background:#222}.wa-button i{font-weight:400;margin:0 10px 0 0}
Kemudia yang terakhir kamu cari kode <data:post.body/> lalu kamu letakan kode di bawah ini. pas di bawahnya kode tersebut.
<div id='share-button' style='margin-top:8px;'><p>Share: </p><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a><a expr:href='"https://plus.google.com/share?url=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a><a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a><a data-action='share/whatsapp/share' style='background:#43d854' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/> WhatsApp</a></div>
Jika kamu ingin menaruh tombol share pas di bawah judul. tinggal letakan kode yang terakhi di atas kode data post body tadi kamu cari kode seperti ini. <div class='post-footer'>
dan kamu letakan di atasnya kode <div class='post-footer'>
lau tinggal save dan kamu lihat hasilnya.
contoh hasil kalau kamu berhasil seperti dibawah ini
Selamat mencoba dan semoga berhasil.
0 Response to "Cara Masang Tombol Share Keren Di Blogger Yang terbaru"
Post a Comment