10/02/2016

Cara Membuat Widget Box Like Fanspage Melayang di Blog

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ



Baca Juga



Alhamdulilah kembali lagi di Blog Saya yang cukup Sederhana ini hehe :D

karena Saya tahu karena ke Sempurnaan hanyalah milik Allah SWT Semata :D

Pertama-tama marilah kita Bersyukur kepada Allah SWT karena atas kehadirat nya kita selalu di beri kesehatan Jasmani maupun Rohani serta nikmat : Iman , Islam , dan Taqwa (Alhamdulilah) 

Hai sobat Blogger dimanapun kalian berada di Postingan kali ini Alhamdulilah saya kembali lagi membagikan Artikel yang bertentangan soal Blogger yaitu Cara Membuat Widget Box Like Fanspage Melayang Blog yang di Objeknya ini kita hanya menambah Widget yang berisi HTML dan pula Widget ini pun di tampilkan secara Melayang yang berisi tentang box profil Like akun Facebook sobat. Alhamdulilah Widget ini menurut saya sangat cocok di pasang karena dapat :

1. Mengetahui pembaca bahwa profil fans page Facebook sobat adalah fans page nya yaitu widget yang di pasang tersebut 

2. Dapat meningkatkan like fans page Facebook sobat karena bisa saja pembaca tertarik dengan Artikel sobat dan dengan WOW nya pembaca pun tiba-tiba me~like fanspage sobat tersebut :D

3. Memperindah tampilan Blog sobat dengan tampilan Melayang tersebut :D







Oke langsung saja ke TKP Pertama-tama sobat Log-in akun Blogger sobat --> lalu otomatis sobat di alihkan ke Menu Dashboard --> lalu cari Tata Letak lalu klik --> Setelah itu Cari text Tambah Widget/Add Widget dan jika sudah ketemu kemudian klik --> lalu langsung saja Copy Paste Script HTML di bawah ini  
KETERANGAN :


<style type="text/css">#gb{position:fixed !important;top:10px; z-index:+1000; } * html#gb{position:center 100%;/* IE6 */}.gbcontent{float:left;margin-left:0px 0px 0px -182px;border:2px solid #2ecc71; background:#016fba; padding:16px; } </style> <script type="text/javascript">function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> [Close ?] [Klik 2x] </a> </div><center> <div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&appId=483767385088491&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/kivliiesholawaters" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div></center><script type="text/javascript">var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

border:2px solid #2ecc71 : Warna Garis Tepi Widget Tersebut
- background:#016fba : Warna Latar Belakang
- https://www.facebook.com/kivliiesholawaters : URL fb Silahkan ubah dengan URL sobat

Ending Steps lalu klik Simpan/Save. Sekian semoga widget yang saya share berikut work 100% dan juga bermanfaat untuk para sobat Blogger , Amin Terimakasih

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin


13 komentar

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon