Cara Membuat Like Box Melayang di Samping Blog

  hai semua senang sekali akhirnya bisa posting artikel lagi walaupun hari ini lagi hujan tapi gak apa-apa lah,dan hari ini saya akan membuat artikel yang saya janjikan kemarin yaitu Cara Membuat Like Box Melayang di Samping Blog membuat like ini tidak sulitkok dan bisa membuat blog kalian bisa tambah bagus serta menghemat tempat buat kalian yang mau coba silahkan  ikuti caranya di bawah ini.

Cara Membuat Like Box Melayang di Samping Blog

1. masuk ke dasboard blogger kamu
2. pilih menu template
3. pilih edit HTML
4. cari kode ]]></b:skin> 
5. setelah ketemu sisipkan kode dibawah ini di atas kode ]]></b:skin> tadi
   
   #melayang { position:fixed;_position:relative;top:0px; left:0px; clip:inherit;
   _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);
   _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
   }
   
6. carilagi kode </body>
7. dan sisipkan kode ini di atas kode</body>
   
   <div id='melayang'> masukkan kode like box kamu di sini </div>
   
8. setelah itu pratinjau template kalian mungkin ada yang salah 
9. dan simpan template kalian.

NB:
   kode yang berwarna hijau adalah tempat likeboxnya di taruh bisa anda ganti dengan bottom(bawah) atau right(kanan)
   kode yang berwarna merah adalah jarak like box bisa anda ganti dengan angka yang kalian sukai
   kode yang berwarna biru ganti dengan kode like box yang anda punya

   dan sekian dari saya semoga postingan kali ini bermanfaat buat kalian semua,tinggalkan pesan atau pertanyaan di kolom komentar untuk kemajuan blog ini, terimakasih buat kalian telah berkunjung dan membaca artikel ini sampai jumpa besok. 

Continue reading

Share:

Views:

Cara Membuat Like Box Facebook di Blog Blogger

   hai semua hari ini saya akan membuat artikel tentang Cara Membuat Like Box Facebook di Blog Blogger buat kalian yang mau memasang silahkan coba caranya di bawah ini,like box berguna untuk membuat blog anda tambah bagus dan tambah bayak yang like tambah oke lah blog kita dah cukup basa-basinya sekarang langsung aja kita ke tutorialnya cekidot....

Cara Membuat Like Box Facebook di Blog Blogger

1. Masuk ke dasboard blogger
2. pilih menu tata letak
3. pilih edit html
4. masuk ke html/java script
5. dan masukkan kode dibawah ini kedalam kotak yang telah di sediakan 
   
   
   <div id="fb-root"></div>
   <script type="text/javascript">
   (function() {
   var e = document.createElement('script'); e.async = true;
   e.src = document.location.protocol +
   '//connect.facebook.net/en_US/all.js#xfbml=1';
   document.getElementById('fb-root').appendChild(e);
   }());
   </script>
   <div id="FbCont">
   <script type="text/javascript">
   <!--//--><![CDATA[//><!--
   var fb = document.createElement('fb:like-box');
   fb.setAttribute("href","masukkan alamat fans page kmu di sini");
   fb.setAttribute("show_faces","true");
   fb.setAttribute("header","false");
   fb.setAttribute("stream","false");
   fb.setAttribute("width","200");
   fb.setAttribute("font","segoe");
   document.getElementById("FbCont").appendChild(fb);
   //--><!]]>
   </script>
   </div>
   
   
6. setelah itu simpan widget kalian dan lihat blog kalian

NB: ganti tulisan berwarna biru dengan alamat fans page kamu jika kamu belum punya buat dulu di sini

  thaks buat kalian yang telah berkunjung ke blog saya yang sederhana ini dan besok kalau tidajk ada halangan saya akan membuat like box melayang di samping blog dan semoga artikel hari ini bisa bermanfaat buat kalian semua dan tinggalkan  komentar atau pertanyaan di kotak komentar terimakasih semua sampai bertemu di postingan berukutnya.

Continue reading

Share:

Views:

Cara Membuat Chatbox Tersembunyi di kanan blog

 
Hai semua hari ini saya akan membuat postingan tentang membuat chatbox (buku tamu) tersembunyi di kanan blog,buat kalian yang belumtahu caranya liat aja di bawah ini dan buat yang udah mahir bisa koreksi mungkin ada kesalahan di artikel ini,dan berikut caranya silahkan.


Cara Membuat Chatbox Tersembunyi di kanan blog

1. Masuk ke dasboard blogger kalian masingmasing
2. Pilih menu tata letak
3. Pilih tambah gadget
4. Dan pilih htmldan javascript
5. Masukkan kode di bawah ini kedalam kotak htmldan javascript
   
   
   <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:300px; width:30px; float:left; cursor:pointer; background:url('http://i757.photobucket.com/albums/xx213/VioNexA/iky.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #000000; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#fe760a; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 5);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">
   
   Masukkan Kode Chat Box anda disini
   
   <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script></div></div>
   
   
6. dan simpan gadget

ket: tulisan berwarna biru ganti dengan kode Chat Box anda,buat kalian yang belum punya chat box buat dulu di sini dan atau daftar disini

    Terima kasih sudah membaca artikel ini semoga artikel ini bermanfaat buat anda semua,buat yang mau bertanya silahkan tanyakan di kotak komentar terimakasih.

Continue reading

Share:

Views: