Langsung ke konten utama

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
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

modifikasi template bawaan blogger

   Jika sobat sobat mengunakan template bawaan dari blogger,memang terkesan biasa saja,tetapi di sini ada keunggulan yang bisa kita dapatkan,seperti dapat mengubah background dengan gambar dengan cara upload file gambar di komputer ,warna heading,atau mengubah tampilan warna pada heading menyesuaikan lebar,mengubah font,diskripsi blog langsung di bagian penyesuaian,bagi yang ingin mengunakan template bawaan blogger tapi ingin modifikasi tampilan ikuti langkah-langkah di bawah   Pertama klik template, lalu klik sesuaikan ,maka akan terlihat menu opsi untuk mengubah mulai dari latar belakang/background, berfungsi untuk mengubah tampilan latar belakang dengan file gambar yang ada di komputer kita,terus untuk opsi sesuaikan lebar, bisa tinggal geser dengan mouse sobat untuk menentukan lebar border sesuai yang sobat kehendaki terus untuk bilah kiri dan kanan, berfungsi untuk ukuran lebar postingan dan opsi author,atau label,arsip  Untuk fungsi tata letak, mempunyai fungsi...
Posting Komentar
Baca selengkapnya

cara mudah membuat radio atau video streaming facebook dan youtube

 Halo sobat design,kali ini admin akan berbagi pengalaman cara membuat radio streaming yang jarang orang lakukan di facebook dan juga youtube,sebenarnya cara ini sangat mudah ,hanya bermodal komputer atau teng top,,eh laptop saja sudah bisa melakukan siaran radio ,tapi sebelumnya admin akan  berbagi ,bagaimana sih carannya,,yuk ikuti langkah berikut ini  Untuk langkah awal,sobat harus mempunyai komputer,dan jika ingin bercuap-cuap melalui mikrofon bisa gunakan peralatan lain,seperti mixer (alat untuk  penguat microfonbuka mixer untuk ibu-ibu dapur guest),jika tak ada juga tidak apa-apa.bisa menggunakan microfon dari laptop mu.  Langkah kedua,yakni instal OBS STUDIO.setelah instal ,buka OBSnya,aplikasi ini gratis kok,tanpa di pungut biaya,admin yakin ,,indonesia itu ngefans yang namanya gratis,apa lagi tanpa SAN jadinya gratisan,,wkekekekkkk ,bercanda ,terus untuk aplikasinya bagaimana ,yaa sobat cari di google pencarian .  Setelah aplikasi terbuka ,langsung...
Posting Komentar
Baca selengkapnya

panduan instalasi komputer untuk hasil sempurna

  Halo sobat webdesign kali ini admin akan berbagi step demi step cara melakukan instalasi pada komputer,memang ada saatnya kita melakukan instalasi pada komputer ,jika komputer banyak eror,baik system registry,maupun system sudah parah terkena malware,virus,sering kali instal maupun uninstal suatu program,tidak kita sadari sangat berpengaruh sekali terhadap performa komputer.karena saat kita melakukan uninstal suatu program terkadang system registry kita akan ikut terhapus,maupun suatu file dll,biasanya ikut hilang.  Sekarang admin akan mencoba berbagi langkah dari awal sampai finish,melakukan instalasi komputer. pertama kita nyalakan komputer,saat tampil logo,kita tekan tombol "Delete",maka akan tampil Bios untuk melakukan konfigurasi proses instalasi.cari menu "Boot"setelah itu kita atur bagian "Device boot priority"di situ ada 2 pilihan yang akan kita gunakan untuk melakukan pengambilan data disk awal."1st Boot Device [ ubah menjadi Dvd/Vcd rom]...
Posting Komentar
Baca selengkapnya