Telolet Apps

Cara Membuat Widget Tombol Share Melayang di Samping Blog

Sepertinya saya share postingan Cara Membuat Widget Tombol Share Melayang di Samping Blog ini sudah sangat terlambat, karena di mesin pencari Google sudah sangat banyak, tetapi tidak apa-apa karena disini saya hanya melengkapi postingan saya saja.

Berikut Cara Memasang Widget Tombol Share Melayang di Samping Blog dibawah ini:

- Pertama-tama login ke Blogger.com

- Langsung menuju menu "Tata Letak/Tambahkan Gadget/Tambahkan HTML/JavaScript"

- Copy kode dibawah ini


- Ganti "k0k0h" dengan alamat Blog kalian

- Pastekan didalam kolom yang sudah di sediakan.

- Terakhir klik Simpan.

Available link for download

Widget Fanspage Facebook Melayang Di Blog

    Menambah widget Like Fanspage facebook tidak lah susah. Hanya beutuh 5 menit untuk menambahkannya. Kalian ingin coba? Tujuannya agar fanspage kita banyak orang yang like. Karena Fanspage kalian nanti akan di tampilkan di blog anda.




Langkah :

> Buka Blog anda.

> Masuk tata letak.

> Tambah gadget/widget.

> HTML/Javascript.

> Copy kode di bawah ini ke Konten. Judul bebas.


<script src=//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js></script>
<style>
#fanback {
  display:none;
  background:rgba(0,0,0,0.8);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
}
#fan-exit {
  width:100%;
  height:100%;
}
#fanbox {
  background:white;
  width:420px;
  height:270px;
  position:absolute;
  top:58%;
  left:63%;
  margin:-220px 0 0 -375px;
  -webkit-box-shadow: inset 0 0 50px 0 #939393;
  -moz-box-shadow: inset 0 0 50px 0 #939393;
  box-shadow: inset 0 0 50px 0 #939393;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -220px 0 0 -375px;
}
#fanclose {
  float:right;
  cursor:pointer;
  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgslqJVxLDqv_0lelrI5vJmd1WY1UX_W8MDT7Z9mbmc61N9lGOTKxYbIelisA7Be4lmQIcQ4R71cebYmLyxZwqPV24PcHKDQgW85HO-jCO4WyVk5gYHy0HDWfExAtdxe0c7zjW-pFh2uuZ-/s1600/fanclose.png) repeat;
  height:15px;
  padding:20px;
  position:relative;
  padding-right:40px;
  margin-top:-20px;
  margin-right:-22px;
}
.remove-borda {
  height:1px;
  width:366px;
  margin:0 auto;
  background:#F3F3F3;
  margin-top:16px;
  position:relative;
  margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
  color:#80808B;
  font-size:10px;
  margin: 0 auto 5px auto;
  float:center;
}
</style>
<script type=text/javascript>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
  // key and at least value given, set cookie...
  if (arguments.length > 1 && String(value) !== "[object Object]") {
    options = jQuery.extend({}, options);
    if (value === null || value === undefined) {
      options.expires = -1;
    }
    if (typeof options.expires === number) {
      var days = options.expires, t = options.expires = new Date();
      t.setDate(t.getDate() + days);
    }
    value = String(value);
    return (document.cookie = [
      encodeURIComponent(key), =,
      options.raw ? value : encodeURIComponent(value),
      options.expires ? ; expires= + options.expires.toUTCString() : , // use expires attribute, max-age is not supported by IE
      options.path ? ; path= + options.path : ,
      options.domain ? ; domain= + options.domain : ,
      options.secure ? ; secure :
    ].join());
  }
  // key and possibly options given, get cookie...
  options = value || {};
  var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
  return (result = new RegExp((?:^|; ) + encodeURIComponent(key) + =([^;]*)).exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type=text/javascript>
jQuery(document).ready(function($){
  if($.cookie(popup_facebook_like) != yes){
    $(#fanback).delay(7000).fadeIn(medium);
    $(#fanclose, #fan-exit).click(function(){
      $(#fanback).stop().fadeOut(medium);
    });
  }
  $.cookie(popup_facebook_like, yes, { path: /, expires: 1 });
});
</script>
<div id=fanback>
  <div id=fan-exit></div>
  <div id=fanbox>
    <div id=fanclose></div>
    <div class=remove-borda></div>
    <iframe allowtransparency=true frameborder=0 scrolling=no src=//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Media-Pengetahuan-235669190196809&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false style=border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;></iframe>
  </div>
</div>

Ket : Ganti Tulisan bewarna Merah dengan URL fanspage facebook kalian

> Save


Keyword

- Cara membuat widget Fanspage Facebook
- Cara menambah widget Fanspage Like keren

Available link for download