Showing posts with label sisi. Show all posts
Showing posts with label sisi. Show all posts

Wednesday, October 26, 2016

cara membuat like box di sisi kiri blog

cara membuat like box di sisi kiri blog





???????????????????????? ?????????????? ?????????



 Ini dia salah satu widget yang sangat menakjubkan.

Dimana orang-orang selama bertahun-tahun hanya menggunakan  tombol facebook like saja di blog, akan tetapi hari ini saya ingin memperkenalkan dan share ke Anda Cara membuat kotak like facebook melayang di blog (floating facebook likebox).

Floating facebook likebox adalah sebuah slider yang menyembunyikan Likebox di dalam wadah dan ketika visitor (pengunjung) mengarahkan crusor ke tombol  maka akan terbuka kotak Facebook likenya. 

Langkah-langkahnya sebagai berikut:

LANGKAH 1. Menambahkan Plugin JQuery ke Blog Anda : 
  1. Masuk ke Dashboard Anda> klik Design (rancangan)> Edit HTML.
  2. Cari kode </head> Gunakan Control + f untuk memudahkan pencarian, kemudian pastekan kode jquery  berikut sebelum kode </head>
  3. <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js type=text/javascript/>
    3. (Abaikan langkah ini jika Anda telah menambahkan Plugin JQuery ke blog)
    Save (simpan) template. 
 4. Save (simpan) template


LANGKAH 2Tambahkan floating likebox ke blog Anda :
  1.  Buka halaman Tata Letak
  2. Klik tambah gadget pilih tambah HTML/Javascript
  3. <script type="text/javascript"> //<!-- 
    $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 
    500);}); //--> </script> 
    <style type="text/css"> 
    .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9YJAg223vbZpjz_QTCGUdJwax8v5CQGaCmndxU6dimJ6B__YkhU3bCLIzit6DVD59ci4vMmy9G0nwhvvulerCGIylRDBuAdb6U02mPR_4vf1_-zUjjDtuGQ3HE7ywowDXUEVQf24DmTB8/s1600/facebook1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
    .w2bslikebox div{border:none;position:relative;display:block;} 
    .w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
    .w2bslikebox span a{color: #FF9D00;text-decoration:none;} 
    .w2bslikebox span a:hover{text-decoration:underline;} 
    </style><div class="w2bslikebox" style=""><div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http:///www.facebook.com/pages/Eyang-anom/427305383989192&amp;
    width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=8&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http:/sijalupangna.blogspot.com">Tips dan trik, science dan bisnis</a></span></div></div>
    copy dan pastekan kode script atas ini

    Anda bisa mengganti "url fans page facebook Anda" dengan alamat url  fans page facebook Anda sendiri
    contoh fans page facebook blog ini : http://www.facebook.com/RivaldoAtthoriqPutraSetyadi?ref=hl.
    Sedangkan untuk gambar logo facebooknya seperti "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9YJAg223vbZpjz_QTCGUdJwax8v5CQGaCmndxU6dimJ6B__YkhU3bCLIzit6DVD59ci4vMmy9G0nwhvvulerCGIylRDBuAdb6U02mPR_4vf1_-zUjjDtuGQ3HE7ywowDXUEVQf24DmTB8/s1600/facebook1.png", bisa  diganti dengan koleksi  gambar logo facebook Anda sendiri.
    Save template, selesai sudah Cara membuat kotak like facebook melayang di blog (floating facebook likebox).
    Semoga bermanfaat. 



    Go to link Download

    Read more »

    Thursday, October 6, 2016

    Cara membuat wiged yang terlihat pengunjung online di di sisi kanan

    Cara membuat wiged yang terlihat pengunjung online di di sisi kanan


    Nampaknya baru-baru ini di blog sahabat banyak sekali yang menggunakan widget user online di sisi kiri atau kanan blog,  sekarang bagi para blogger widget ini seperti wajib berada di blog, karena fitur-nya bisa mengetahui user online, sebernarnya sekarang banyak widget yang bisa mengetahui user online seperti ini seperti histats.com, radar.com, tapi menurut saya widget whos.amung.us inilah yang paling banyak di gunakan di blog-blog dan web-web.

    Kali ini saya akan nge-share soal Cara membuat Widget user online. apa sih widget user online ini? yap, widget user online adalah suatu widget yang bisa mendeteksi berapa orang yang online dalam blog kita. menarik bukan? dengan ini kita bisa mengetahui berapa orang yang aktif online dalam blog/web kita. sebernarnya pilihan widget user online ini juga beragam pilihanya, tapi kali ini saya memilih widget yang berasal dari Whos.Amung.us, saya pun sudah memakai widget ini coba lihat di sisi kiri blog kami, yang berwarna merah itu adalah salah satu widget dari whos.amung.us, pasti sobat mau mencobanya juga kan.


    Membuat Widget Pengunjung Online di Kiri atau Kanan
     1. Login Ke Blogger.

    2. Masuk Dashboard.

    3. Pilih Tata Letak/Layout

    4. Pilih Add Gadget.

    5. Pilih HTML/JavaScript.

    6. Letakkan salah satu kode berikut ini kedalamnya.

    • MELAYANG KIRI

      <script id="_wauxy3">var _wau = _wau || [];
      _wau.push(["tab", "7enscrlmg4tj", "xy3", "left-middle"]);
      (function() {var s=document.createElement("script"); s.async=true;
      s.src="http://widgets.amung.us/tab.js";
      document.getElementsByTagName("head")[0].appendChild(s);
      })();</script>
       
    • MELAYANG KANAN
    • <script id="_wauxy3">var _wau = _wau || [];
      _wau.push(["tab", "7enscrlmg4tj", "xy3", "right-middle"]);
      (function() {var s=document.createElement("script"); s.async=true;
      s.src="http://widgets.amung.us/tab.js";
      document.getElementsByTagName("head")[0].appendChild(s);
      })();</script>
      7. Klik "Save/Simpan", dan selesai.
      Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Widget User Online di Sisi Kiri atau Kanan Blog, semoga bermanfaat, dan selamat mencoba.

    Go to link Download

    Read more »