Cara Memasang Fans Page Facebook

Posted by Arif Rahman 1 komentar
Cara Memasang Fans Page Facebook - Ada kebingungan ketika mau memberi judul Cara Memasang Fans Page Facebook Tersembunyi di Blog ini, karena sebelumnya kita pun telah Membuat sebuah Cara untuk menyembunyikan widget tertentu dengan Cara Tersembunyi di Blog. 

Memasang Fans Page Facebook pada sebuah blog sudah menjadi keharusan, menimbang dan mengingat Facebook adalah salah satu jejaring sosial yang paling banyak digunakan masyarakat umum. Cara Praktis menjaring visitor dari Facebook adalah Cara Memasang Fans Page Facebook. Kita Ikuti saja langkah berikut untuk menyingkat waktu:

Login ke Akun blogger sobat
   1.Klik Rancangan
                 2.Lalu Edit HTML
                3. Cari kode </head>
                4. Copy kode dibawah dan letakan datas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

5. Klik Simpan Template

Langkah selanjutnya ;
Klik Design/Layout/Tata Letak
Lalu klik Page Element
Kemudian klik Add a Gadget HTML/Javascript
Lalu masukan kode berikut ini :

<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("http://1.bp.blogspot.com/-mt79Hb6lMXk/UDCPzd611MI/AAAAAAAAADk/A0snAk14C30/s200/facebook.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: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;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=URL Fans Page Sobat&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://arsipblogarif.blogspot.com/2012/08/cara-memasang-fans-page-facebook.html">Get This</a></span></div></div>


Sekarang Paste kode diatas pada Gadget HTML / Javascript yang tadi sobat pilih.
Kemudian Simpan Gadget
Lalu lihat hasilnya Fans Page Facebook yang sobat bikin sudah jadi.

Keterangan :
Perhatikan Tulisan URL Fans Page Sobat ganti Dengan URL Fans Page Facebook yang sobat punya.

Baca Selengkapnya ....

Cara Membuat Cursor Animasi

Posted by Arif Rahman 21 komentar
Cara Membuat Cursor Animasi
Cara Membuat Cursor Animasi - Tentunya Cursor Animasi ini Gubuk Reyot punya gaya. Cursor Animasi ini cocok untuk diterapkan di blog sobat. Pernak-Pernik ini menambah rasa sayang terhadap blog kesayangan kita, hingga kita pun betah berlama-lama melihat cursor cantiknya.

Adapun Cara Membuat Cursor Animasi Keren di blog ini sebagai berikut :

Login ke akun blogger sobat
Pilih Rancangan lalu edit HTML
Beri tanda checklist pada  Expand widget template
Letakkan kode dibawah ini, diatas  kode ]]></b:skin>

.dot{
       position:fixed;
       padding:0;
       margin:0;
       border:0 solid;
       border-radius:6px;
       box-shadow:0 0 0 #fff;
       z-index:10;
}
#dot0{visibility: hidden;}

5. Lalu lakukan langkah berikut untuk menyimpan kode CSS dibawah tepat di bawah  kode <body>


<script type='text/javascript'>
//<![CDATA[
function elastic_trail() {
 var f = 8;  /* atur jumlah cursor image */
 var g = "http://www.myspacediesel.com/materials/myspace_glitter_graphics/stars/glitter_star12.gif"; /* cursor image */
 var h = 0.01;
 var k = 35; /* jarak tiap cursor image */
 var l = 10;
 var m = 1;
 var o = 0;
 var p = 50;
 var q = 10;
 var r = 0.1;
 var s = 0.1;
 var t = 12; /* ukuran cursor image */
 var u = 0.75;
 var v = 0; /* http://evawangi.blogspot.com */
 var w = 0;
 for (var i = f - 1; i > -1; --i) {
  with(document) {
   write('<div class="dot" id="dot' + i + '">\n');
   write('<img src="' + g + '" height="' + t + '" width="' + t + '" alt="">\n');
   write("</div>\n")
  }
 }
 /*@cc_on@*/
 /*@if(@_jscript_version>=5)if(navigator.appVersion.replace(/^.*MSIE (\d+).*$/,'$1')<=6){var x=function(a,n){var b='scroll'+a,d=document,c='compatMode';return d[c]&&d[c]=='CSS1Compat'?d.documentElement[b]+n+'px':d.body[b]+n+'px'};document.write('<style type="text/css">.dot {position: absolute;}body {background: url(foo) fixed;}<\/style>')};@end@*/
 var y = function () {
  return (document.compatMode && document.compatMode.indexOf("CSS") != -1) ? document.documentElement: document.body
 };
 var z = document.layers ? "": "px";
 elastic_trail.prototype.dot = function (i) {
  this.X = v;
  this.Y = w;
  this.dx = 0;
  this.dy = 0;
  if (document.layers) {
   this.obj = document["dot" + i]
  } else {
   if (document.all) {
    this.obj = document.all["dot" + i].style
   } else {
    if (document.getElementById) {
     this.obj = document.getElementById("dot" + i).style
    } else {
     return
    }
   }
  }
 };
 var A = new Array();
 for (var i = 0; i < f; i++) {
  A[i] = new this.dot(i)
 }
 for (i = 0; i < f; i++) {
  A[i].obj.left = typeof x == "function" ? x("Left", A[i].X) : Math.round(A[i].X) + z;
  A[i].obj.top = typeof x == "function" ? x("Top", A[i].Y) : A[i].Y + z
 }
 var B = this;
 setInterval(function () {
  B.animate()
 },
 20);
 function MoveHandler(e) {
  v = e.pageX - pageXOffset;
  w = e.pageY - pageYOffset;
  return true
 }
 function MoveHandlerIE() {
  v = window.event.x;
  w = window.event.y
 }
 if (document.addEventListener) {
  document.addEventListener("mousemove", MoveHandler, false)
 } else {
  if (document.attachEvent) {
   document.attachEvent("onmousemove", MoveHandlerIE)
  } else {
   if (document.captureEvents) {
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = MoveHandler
   }
  }
 }
 elastic_trail.prototype.vec = function (X, Y) {
  this.X = X;
  this.Y = Y
 };
 elastic_trail.prototype.springForce = function (i, j, a) {
  var b = (A[i].X - A[j].X);
  var c = (A[i].Y - A[j].Y);
  var d = Math.sqrt(b * b + c * c);
  if (d > k) {
   var e = l * (d - k);
   a.X += (b / d) * e;
   a.Y += (c / d) * e
  }
 };
 elastic_trail.prototype.animate = function () {
  var a = 0;
  A[0].X = v;
  A[0].Y = w;
  a = 1;
  for (var i = a; i < f; i++) {
   var b = new this.vec(0, 0);
   if (i > 0) {
    this.springForce(i - 1, i, b)
   }
   if (i < (f - 1)) {
    this.springForce(i + 1, i, b)
   }
   var c = new this.vec( - A[i].dx * q, -A[i].dy * q);
   var d = new this.vec((b.X + c.X) / m + o, (b.Y + c.Y) / m + p);
   A[i].dx += (h * d.X);
   A[i].dy += (h * d.Y);
   if (Math.abs(A[i].dx) < r && Math.abs(A[i].dy) < r && Math.abs(d.X) < s && Math.abs(d.Y) < s) {
    A[i].dx = 0;
    A[i].dy = 0
   }
   A[i].X += A[i].dx;
   A[i].Y += A[i].dy;
   var e, width;
   if (window.innerWidth) {
    e = window.innerHeight;
    width = y().clientWidth && window.innerWidth - y().clientWidth == 17 || window.innerWidth - y().clientWidth == 15 ? y().clientWidth: window.innerWidth
   } else {
    e = y().clientHeight - Math.ceil(t / 2);
    width = y().clientWidth
   }
   if (A[i].Y >= e - t - 1) {
    if (A[i].dy > 0) {
     A[i].dy = u * -A[i].dy
    }
    A[i].Y = e - t - 1
   }
   if (A[i].X >= width - t) {
    if (A[i].dx > 0) {
     A[i].dx = u * -A[i].dx
    }
    A[i].X = width - t - 1
   }
   if (A[i].X < 0) {
    if (A[i].dx < 0) {
     A[i].dx = u * -A[i].dx
    }
    A[i].X = 0
   }
   A[i].obj.left = typeof x == "function" ? x("Left", A[i].X) : Math.round(A[i].X) + z;
   A[i].obj.top = typeof x == "function" ? x("Top", A[i].Y) : A[i].Y + z
  }
 }
}
new elastic_trail();
//]]>
</script>

 
Klik Simpan Template.

Sumber

Baca Selengkapnya ....

Cara Membuat Refresh Otomatis di Blog

Posted by Arif Rahman 2 komentar
Cara Membuat Refresh Otomatis di Blog
Cara Membuat Refresh Otomatis di Blog - Pernah ga' sobat merasa tidak dihargai sebagai pengunjung blog hanya karena Refresh Otomatis, kesal bukan ?  Refresh Otomatis di Blog ini kita terapkan manakala satu atikel membutuhkan pagview tinggi karena lagi mengikuti kontes SEO, atau alasan lainnya.

Fungsi dan manfaat Refresh Otomatis di blog adalah untuk membuat penyegaran blog secara otomatis tanpa pengunjung harus me-refresh tombol pada address bar secara manual. Cara Membuat Halaman Otomatis Reload atau Refresh otomatis sesuai yang ditentukan waktunya sangatlah mudah. 

Login ke akun blogger sobat
Pilih Rancangan lalu edit HTML
Beri tanda checklist pada  Expand widget template
Letakkan kode dibawah ini, diatas kode </head>

<meta http-equiv="refresh" content="40"/>

Simpan Template, dan lihat hasilnya.

Catatan :
Kode content="40" , angka ''40'' menunjukan  Refresh Otomatis  yang terjadi pada setiap 40 detik sekali.
Jangan pergunakan angka yang terlalu cepat, agar pengunjung tak jengkel yang pada akhirnya berujung mencabut kunjungannya.
Selain sebagai  Refresh Otomatis  tips ini bisa kita gunakan untuk me-Redirect satu URL  ke URL lain.
Set ''0'' (nol) detik pada scriptnya dantulis alamat URL yang mau sobat tuju.

<meta http-equiv="refresh" content="0;URL=tulis alamat URL yang akan di redirec disini"/>

Selamat berkreasi, semoga bisa bermanfaat !

Baca Selengkapnya ....

Free Backlink

================================
Free Automatic Link Demo Shaka InghetS
Backlink Gratis (Free Backlink) Google PageRank Checker Powered by  MyPagerank.Net

Google+ Followers

Template by Berita Update - Trik SEO Terbaru. Original design by Bamz | Copyright of Demo Shaka InghetS.