Membuat Popup Like-Box dengan Timer-Countdown

Popup Like-Box dengan  Timer-Countdown - Cara Baru Berbagi Online, Di artikel sebelumnya saya bahas  tentang Bagaiman menulis Artikel yang SEO-Friendly, juga tentang Searh Engine dan cara bekerjanya. Selain itu juga pernah saya bahas soal Social widget dan apa manfaatnya terhadap traffik blog kita. Dan pada kesempatan ini saya hanya ingin mengulang lagi Social widget sekaligus mengingatkan kembali tentang bahasan bahasan tersebut.

Jika sobat Cara Baru Berbagi Online adalah seorang blogger tentu mengerti betul akan kegunaan atau manfaat dari sebuah widget social. Banyak blogger yang sudah menncapai ribuan pengunjung per harinya bahkan ratusan ribu per hari, berkat social-widget. Kalau kita bicara tentang social sharing, tentu kita langsung teringat Facebook. Ya, Sobat Cara Baru Berbagi Online, Facebook adalah sasaran kita untuk meraih pengunjung. Ini tidak bisa dipungkiri lagi. Okay sob, barangkali kalimat pembuka nya cukup sekian, langsung pada inti post ini, yang saya beri judul MembuatPopUp Like-Box dengan tambahan Timer-countdown.

Cara membuat Popup Like-Box dengan  Timer-Countdown

1. Masuk atau Login to Blogger.
2. Klik Layout.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Paste kode berikut ini kedalam widget yang akan dibuat.

     <style>#fblikepop {    background-color: #fff;    display: none;    position: fixed;    top: 300px;    _position: absolute; /* hack for IE 6*/    width: 450px; height:400px;    border: 4px solid #ff6600;    z-index: 400;    -moz-border-radius: 9px;    -webkit-border-radius: 5px;    margin: 0pt;    padding: 0pt;    color: #333333;    text-align: left;    font-family: arial,sans-serif;    font-size: 13px;} #fblikepop body {    background: #fff none repeat scroll 0%;    line-height: 1;    margin: 0pt;    height: 100%;} .fbflush {    cursor: pointer;    font-size: 11px !important;    color: #FFF !important;    text-decoration: none !important;    border: 0 !important;} #fblikebg {  display: none;    position: fixed;    _position: absolute; /* hack for IE 6*/  height: 100%;    width: 100%;    top: 0;    left: 0;    background: #000000;    z-index: 100;} #fblikepop #closeable {    float: right;    margin: 7px 15px 0 0;} #fblikepop h1 {    background: #6D84B4 none repeat scroll 0 0;    border-top: 1px solid #ff6600;    border-left: 1px solid #ff6600;    border-right: 1px solid #ff6600;    color: #FFFFFF !important;    font-size: 14px !important;    font-weight: normal !important;    padding: 5px !important;    margin: 0 !important;    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} #fblikepop #actionHolder {    height: 30px;    overflow: hidden;} #fblikepop #buttonArea {    background: #F2F2F2;    border-top: 1px solid #CCCCCC;    padding: 10px;    min-height: 50px;} #fblikepop #buttonArea a {    color: #999999 !important;    text-decoration: none !important;    border: 0 !important;    font-size: 10px !important;} #fblikepop #buttonArea a:hover {    color: #333 !important;    text-decoration: none !important;    border: 0 !important;} #fblikepop #popupMessage {    font-size: 12px !important;    font-weight: normal !important;    line-height: 22px;    padding: 8px;    background: #fff !important;} #fblikepop #counter-display {    float: right;    font-size: 11px !important;    font-weight: normal !important;    margin: 5px 0 0 0;    text-align: right;    line-height: 16px;}</style> <script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script> <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <script type="text/javascript"> //<![CDATA[
 hotlineterkiniusername="hotlineterkini",
  hotlineterkinititle="Like Hotline Terkini FB please..",
  hotlineterkiniskin="02",
  hotlineterkinitime="30",
  hotlineterkiniwait="0",
  hotlineterkinilang="en"
 //]]></script><script type="text/javascript" src="https://marlonalamo-project.googlecode.com/svn/trunk/likebok_plustimer.js"></script><script type="text/javascript">
   //<![CDATA[
  $(document).ready(function(){$().hotlineterkini({ closeable: true });});

   //]]>
  </script>

 

  
 Catatan:

                   »» Ganti “hotlineterkini”, dengan username/fanspage sobat.

                  »»  Set Coundown-Timer  sesuai selera sobat Cara Baru Berbagi Online. 

  6. Pilih Save untuk menyimpannya.

Kelebihan widget ini (saya sebut: Popup Like-Box dengan  Timer-Countdown) dibanding Like-Box biasa (yang disediakan oleh facebook) adalah widget ini lebih efektif untuk menngumpulkan fans di fanpage. Karena wdiget ini sifatnya Greeting page , maka pengunjung akan melihatnya dengan waktu yang cukup panjang atau lama.Sesuai setting counter-timer yang anda masukkan nlai “t” nya.

Manfaatkan feature-feature dari Social-Media, seefektif mungkin. Sekarang ini bisa kita bilang eranya Sos-med. Jadi siapa yang pintar memanfaatkan fasilitas/feature Social-Media, dialah yang akan didatangi para pengunjung. Selain faktor SEO tentunya. Good Luck.

Sekian kiranya cara membuat Popup Like-Box dengan  Timer-Countdown semoga bermanfaat. Salam Cara Baru Berbagi Online.

Bagikan Artikel ini via :

Share on fb Tweet Share on G+