memasang tombol share melayang di dalam artikel - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul memasang tombol share melayang di dalam artikel, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel blogging, Artikel html, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : memasang tombol share melayang di dalam artikel
link : memasang tombol share melayang di dalam artikel

memasang tombol share melayang di dalam artikel

 Sebenarnya cara memasang tombol share melayang pada artikel sangat mudah,mungkin kalau biasanya sobat memasang melalui pemasangan menggunakan gadget,lalu menggunakan metode html/javascript,kali kita akan mencoba memasang widget tersebut langsung dari template,yang nantinya akan menghasilkan tampilan statis.atau widget tombol share tersebut nantinya hanya akan muncul di dalam sebuah artikel,

 Maksudnya jika kita berada di beranda,atau Home,maka widget share tersebut tidak akan muncul,tetapi jika kita membuka sebuah artikel,maka akan muncul,berikut cara memodifikasinya,ikuti langkah di bawah
langkah pertama buka pada HTML,dan selanjutnya kita cari kode <b:includable id='post' var='post'>...</b:includable> setelah itu cari kode <data:post.body/> ,langkah berikutnya adalah copas kode di bawah ini tepat di atas kode <data:post.body/>.

<!--Widget Share like FB tweet google plus digg Button Melayang Start--> <style> #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solidblack; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><div id='pageshare' title='bagikan ke teman anda'><div class='sbutton' id='gb'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div><div class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div><div class='sbutton' id='gplusone'><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></div><div class='sbutton' id='su'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'/><a class='DiggThisButton DiggMedium'/></div> <div class='sbutton' id='fb'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Bagikan</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div><br/></div>

 Sebelum kita simpan berikut,untuk posisi widget tersebut,kita bisa menggubahnya pada bagian float:left,yang berarti widget berada di bagian kiri pada artikel,jika ingin di sebelah kanan bisa ganti float:right,
demikian yang bisa saya bagikan semoga bermanfaat

Demikianlah Artikel memasang tombol share melayang di dalam artikel

Sekianlah artikel memasang tombol share melayang di dalam artikel kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel memasang tombol share melayang di dalam artikel dengan alamat link https://dev-create.blogspot.com/2016/08/memasang-tombol-share-melayang-di-dalam.html