Cara Memasang Tombol Like Di Setiap Postingan

sangatlah penting dalam sebuah blog yang sangat mengutamakan SEO. Karena dengan adanya artikel terkait, pengunjung tidak akan bosan membaca artikel blog kita. Sehingga Bounce Rate akan semakin kecil. 

Dan kali ini saya akan share bagaimana cara membuat artikel terkait dengan gambar, Berikut langsung saja kita simak bersama-sama :)

Screenshoot :

Cara Membuat Artikel Terkait dengan Gambar :

1. Login Blogger
2. Masuk Menu Template - Edit HTML - Lanjutkan
3. Centang pada Expand Template Widget
4. Cari kode

Gunakan tombol CTRL + F untuk mempermudah pencarian.

Lalu Copy kode berikut dan letakan tepat diatas kode

>

    8. Paste'kan kode script diatas tepat dibawah kode :

  
    9. Jika sudah, klik Simpan Template.

Catatan :
Berikut ini adalah kode yang bisa sobat ganti sebelum menyimpan template, gantilah tulisan berwarna merah sesuai keinginan sobat.

• Menampilkan jumlah artikel terkait yang muncul max-results=7
• Judul artikel terkait var relatedpoststitle="Silahkan Baca Ini Juga:";
• Warna Tulisan var splittercolor="#000000";

Ok, Sekian saja postingan saya kali ini tentang Cara Membuat Artikel Terkait dengan Gambar, semoga dapat bermanfaat.

Description: Cara Memasang Tombol Like di Setiap Postingan Rating: 3.5 Reviewer: Agunk Nevada ItemReviewed: Cara Memasang Tombol Like di Setiap Postingan

Read more »

Cara Membuat Link Download Dengan Gambar Di Blog

Cara Membuat Link Download Dengan Gambar Di Blog - Untuk cara membuat link download di blog rasanya sudah banyak diantara kita para blogger nawbi mengetahuinya, tetapi lain lagi jika kita menginginkan link download tersebut di sulap menjadi menarik dengan tampilan gambar. 

Cara membuat link download dengan gambar adalah salah satu dari banyak cara usaha kita untuk mempercantik blog seperti yang sudah ane share kemarin tentang cara membuat tampilan blog lebih menarik. Cara membuat link download dengan gambar tentunya hal ini akan menjadi pertanyaan bagi agan-agan yang baru terjun ke dunia blogger sama halnya seperti ane dan lain halnya bagi para master yang sudah lama bergelut di bidang blog. Baiklah, untuk mempersingkat waktu silahkan perhatikan tips singkat dibawah ini.

Cara Membuat Link Download Dengan Gambar Di Blog

1. Silahkan buka akun Blogger agan.

2. Klik "Entri Baru" 

3. Selanjutnya silahkan agan klik mode "HTML" 

4. Copy paste kode dibawah ini kedalam postingan agan.

<a href=”IsiDenganLinkDownload“><imgheight=”80” src=”IsiDenganLinkGambarAgan“width=”200” /></a> 

5. Silahkan ganti tulisan yang berwarna merah dengan link dan ukuran yang sesuai dengan selera agan. 

6. Langkah terakhir silahkan Simpan dan lihat hasilnya. 

Read more »

Cara Membuat Emoticon Komentar Keren

Kotak komentar menurut saya merupakan tempat berbagai kritikan atau saran pengunjung untuk blog kita, dan sering juga pengunjung bertanya lewat pesan komentar. Tapi untuk mengekspresikan diri mereka musti kita sebagai pemilik blog seharusnya memasang emoticon di blog kita. dan emoticon juga bisa untuk menghias blog kita sendiri untuk lebih menarik perhatian pengunjung blog. sedikit informasi bahwa emoticon ini dibuat oleh Alya Zahya pemilih blog aiizah . Nah selain untuk menarik perhatian pengunjung emoticon ini juga tidak berat untuk loading blog sobat, sehingga pengunjungpun tidak terlalu lama untuk menunggu loading blog sobat. Berikut ini contoh gambar Emoticonnya :

Bila Sobat Blogger tertarik untuk menerapkan emoticon seperti gambar diatas di blog sobat , Silahkan ikuti langkah-langkahnya berikut ini :

1. Login Ke  Blogger Sobat.

2. Klik Template  > Edit HTML  (Backup Template Sobat Dulu untuk mengantisipasi kesalahan).

3. Sobat Cari Kode </body> dan letakan kode berikut ini diatasnya:

<style type='text/css'> .emoWrap { background-color:#EEDE86; border:2px solid#D3BA59; padding:10px 14px; color:black; font:bold 12px Tahoma,Arial,Sans-Serif; text-align:center; } img.emo, input.emoKey { display:inline-block; /* Penting! */ *display:inline; vertical-align:middle; } input.emoKey { border:1px solid #ccc; background-color:white; font:bold 11px Arial,Sans-Serif; padding:1px 2px; margin:0px 0px 0px 2px; color:black; } </style> <script type='text/javascript'> //<![CDATA[ var emoRange = "#comments p, div.emoWrap", putEmoAbove = "#comment-editor", emoMessage = false; //]]> </script> <script src='https://aiizahh-reader.googlecode.com/svn/trunk/emotj.js' type='text/javascript'></script>Copy Text Click Here

• Keterangan :  kode #EEDE86 adalah kode background emoticon dan kode #D3BA59 merupakan kode border emoticon. Sobat bisa menyesuaikannya kode berwarna merah sesuai keinginan sendiri

4. Simpan Template Sobat.
5. Lihat Hasilnya

Demikianlah saja postingan saya tentang Cara Membuat Emoticon  Komentar Keren. Mohon ma'af jika tutur/pengucapan saya diatas tidak bagus (mohon dimaklumi karna saya baru saja belajar mengetik postingan sendiri). Semoga Bermanfaat bagi kita semua.

Read more »

Cara Menambahkan Musik Di Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Menambahkan Lagu Di Blog", dan juga Sesuai permintaan salah satu Teman Blogger Saya, Postingan ini Saya Buat. OK, kita langsung saja ke langkah-langkahnya, Simak Baik-Baik Ya..

[1]. Seperti biasa Login dulu ke Blog Kalian.
[2]. Terus dari Dasbor, cari Tata Letak.
[3]. Terus pilih Tambahkan Gadget --> HTML/Java Script.
[4]. Lalu Copy dan Paste-kan Code di bawah ini kedalmnya.

<script src="http://jmkjs.googlecode.com/files/Blog-JmK%20%28MP3%29.js" type="text/javascript"></script>
<script type="text/javascript">
musikDongBang('https://sites.google.com/site/rakasajmk/download-1/download-5-1/LinkinPark%20-%20Numb.mp3','LinkinPark - Numb');
</script>

Linkin Park :

--------------
- What I've Done

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Transformers Soundtrack - 01 - What Ive Done.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- In Pieces

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - In Pieces.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Breaking The Habit

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Breaking The Habit.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- In The End

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - In the end.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Bleed It Out

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Bleed It Out.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Shadow Of The Day

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Shadow Of The Day.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Leave Out All The Rest

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linking Park - Leave Out All The Rest.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

LMFAO :
------------
- Party Rock Anthem

<center>
<EMBED SRC="http://divine-music.info/musicfiles/01 Party Rock Anthem (feat. Lauren B.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

 
Black Eyed Peas :
---------------------
- Don't Phunk With My Heart

<center>
<EMBED SRC="http://divine-music.info/musicfiles/bep-dontphunkwithmyheart.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Pump It

<center>
<EMBED SRC="http://divine-music.info/musicfiles/bep-pumpit.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Imma Be

<center>
<EMBED SRC="http://divine-music.info/musicfiles/104  Black Eyed Peas - Imma Be.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Meet Me Half Way

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Black eyed peas - meet me half way.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Boom Boom Pow

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Black Eyed Peas - Boom Boom Pow.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- I Gotta Feeling

<center>
<EMBED SRC="http://divine-music.info/musicfiles/I Gotta Feeling - The Black Eyes Peas.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Rock That Body

<center>
<EMBED SRC="http://divine-music.info/musicfiles/02-black_eyed_peas-rock_that_body.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- The Time (Dirty Bit)

<center>
<EMBED SRC="http://divine-music.info/musicfiles/01 The Time (Dirty Bit).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- I Just Cant Get Enough

<center>
<EMBED SRC="http://divine-music.info/musicfiles/1-14 Just Can_t Get Enough.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Train :
----------
- Hey Soul Syster

<center>
<EMBED SRC="http://divine-music.info/musicfiles/34-train-hey_soul_sister.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Jennifer Lopez (feat. Pitbull) :
-------------------------------
- On The Floor

<center>
<EMBED SRC="http://divine-music.info/musicfiles/01 On the Floor (feat. Pitbull).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

NB :

- Kalian Juga Bisa Memilih Yang Lainnya. Klik Saja Di SINI.

KETERANGAN :

* Code yang berwarna Biru, Kalian bisa menggantinya dengan URL Lagu Kalian sendiri dan Judul Lagunya.

[5]. Terakhir Tinggal di SAVE.

Sekian dulu Tips Blogger kali ini, semoga Tips kali bermanfaat buat Kalian, dan semoga tidak kalah dengan Tips Blogger yang lainnya.

Read more »

Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Zoom Pada Gambar Di Blog", dan "Cara Membuat Effect Terang dan Gelap Pada Gambar" dan sesuai permitan salah satu Sobat Blogger, Saya Posting Tips ini. Sebagai contoh Kalian bisa melihat pada Gambar di atas, atau pada setiap Postingan Gambar di blog ini, dan lorot kursor Kalian ke arah gambar. OK, ditak usah berlama-lama, kita langsung ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian.

[2]. Kemudian dari Dasbor, cari Template --> Edit HTML.

[3]. Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.

[4]. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>.

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

[5]. Terakhir tinggal di SIMPAN dan lihat hasilnya.

OK,sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Sobat Blogger semuanya, dan buat Sobat Blogger yg sudah Request, semoga  sudah terjawah pertanyannya.

Read more »

Cara Mengubah Cursor Di Blog

Mau punya kursor seperti ini!!

1. Kunjungi situs ini!!
http://www.totallyfreecursors.com/

2. Pilih kursor yang anda inginkan!

3.Klik aja gambarnya akan muncul seperti ini!



4. Copy isi kode PRIMARY yg seperti di atas!

5. Lalu log in ke blog kamu, dan klik Desain yg ada di pojok blog mu!

6. Klik Tata Letak

7. Lalu Klik Tambahkan gadget

 

Seperti ini!!!

8. Dan akan muncul box seperti ini dan Paste ke Box ini!!



 Ok dan klik simpan, dan kemudian liat Blog kamu !!!
 Kursornya telah berubah!! :P

Read more »

Cara Membuat Tulisan Bergerak Di Tab Blog

Pertama gwe pengen senyum dulu :)

Ok Lets GO!

1. Masuk ke blog kamu dan log in...

2. Klik Tombol Desain di atas pojok blog kamu!

3. Masuk ke Template dan trus klik Edit HTML

4. Klik Lanjutkan

 

Terus ya, di sini hati hati jangan di apa apakan tuh kodenya, 

Anda taro kode ini : 

<script type='text/javascript'>
//<![CDATA[
msg = ":: SUNGGUMINASA AREA ::";
msg = "----Selamat menikmati----" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

Ubah Sungguminasa AREA dan selamat menikmati

Terus jangan di taru aja gitu aja Kodenya Klik Ctrl + F Dulu, Seperti ini :

Klo sudah ada kayak gini, Tulis </Head> klo sudah ketemu Paste Kode yg tadi di atas Tulisan </Head>

Lalu klik Simpan Teplate

Read more »

Cara Memasang Widget Globe Di Blog

Sobat,postingan kali ini saya masih membahas seputar Tutorial Blog. yap, sobat pernah liat gak yang namanya widget statistic bola dunia yang bisa diputar-putar, di blog sahabat. Tentunya menarik kan sobat? pastinya, dengan widget ini kita bisa mengetahui dari mana saja user yang online dengan langsung melihat dari sisi geografi-nya sobat. langsung saja sobat ini dia langkah-langkahnya.

1. Buka http://www.revolvermaps.com/?target=home

2. Pilih Get your Globe di bar atas.

3. Selanjutnya kalian memilih jenis, model, dan menyesuakan ukuran globe dengan ukuran yang kalian inginkan, seperti 220px, dll.

4. pilih Warna, dan nanti previewnya akan muncul di sebelah kanan, pada langkah no. 4 di revolver centang yang ingin anda tampilkan, seperti "user online", dll.

5. Lalu copy paste-kan kodenya yang berada di bagian bar bawah page revolver tadi, ke notepad.

6. lalu login ke blogger.

7. masuk dashboard

8. pilih tata letak

9. pilih "add gadget"

10. pilih "HTML/JavaScript"

11. Copy pastekan kode yang tadi di notepad ke dalam box "konten".

12. Beri judul "Globe" atau nama judul yang anda inginkan.

13. Klik "Save" dan selesai.

Selamat mencoba.

Read more »

Cara Membuat Kalkulator Sederhana Dengan HTML

Kalkulator sederhana ini dibuat dengan javascript dan dijalankan dengan menggunakan browser, sehingga anda dapat menyimpannya di lokal komputer atau bisa juga ditampilkan di blog anda, contoh kalkulatornya seperti di bawah ini.

Oke deh... jika sobat ingin menampilkanya buat komputer sendiri atau mau di poosting di blog, silahkan sob, copy code HTML nya di bawah ini :

===========================================================

<FORM NAME="Calc"> 
<TABLE BORDER=4> 
<TR> 
<TD> 
<INPUT TYPE="text" NAME="Input" Size="16"> 
<br> 
</TD> 
</TR> 
<TR> <TD> <INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += '1'"> <INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += '2'"> <INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += '3'"> <INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += ' + '"> <br> <INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4'"> <INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.Input.value += '5'"> <INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.Input.value += '6'"> <INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.Input.value += ' - '"> <br> <INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.Input.value += '7'"> <INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.Input.value += '8'"> <INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9'"> <INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += ' * '"> <br> <INPUT TYPE="button" NAME="clear" VALUE=" c " OnClick="Calc.Input.value = ''"> <INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.Input.value += '0'"> <INPUT TYPE="button" NAME="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)"> <INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += ' / '">
<br>
</TD> 
</TR> 
</TABLE> 
</FORM> 

=============================================================

Untuk ditampilkan di lokal komputer :
Copas scriptnya kedalam Notepad kemudian Save as html, misalnya dengan nama file kalkulator.html save type All Files, kemudian klik Save untuk menyimpan

Buka file kalkulator.html dengan menggunakan browser mozilla, internet explorer, chrome, dll

Untuk ditampilkan di Blog tinggal copas kode di atas ke dalam Gadget HTML/Javascript.
Untuk Blogger (blogspot) Buka Menu Layout, kemudian pilih Add Gadget di area yang anda kehendaki, kemudian pilih HTML/ Javascript, dan Pastekan scriptnya.

Semoga Bermanfaat....

Read more »

Membuat Contact Formulir di Blog

Bagi anda yang bergelut di bidang toko online, mungkin widget yang akan saya bahas kali ini ada baiknya untuk jadi pertimbangan anda, pasalnya seperti yang kita ketahui,
banyak sekali toko online ataupun blog-blog menginginkan pengunjungnya bisa langsung berkomunikasi dengan pemilik blog itu sendiri, entah itu membicarakan mengenai perihal
pengiklanan, kritik, saran, pendaftaran, dan lain sebagainya. Untuk itu, kini secara resmi Blogger telah meluncurkan widgetcontact form atau yang sering kita sebut dengan kontak formulir, kegunaan dari widget ini adalah untuk mempermudah pemilik blog membuatkan formulir kontak kepada para pengunjungnya.

Dulu, untuk memiliki kontak formulir seperti ini kita harus memakai layanan sejenis 123contactform dan emailmeform, namun dengan dihadirkanya layanan gratis yang disediakan oleh Blogger ini, kita tak perlu lagi repot-repot mencari layanan yang menyediakan contact form secara free dan berkualitas.

Jika dilihat dari tampilanya, menurut saya pribadi widget ini tak kalah menariknya dengan widget-widget yang bertebaran di Internet, malahan tampilan contact form blogger ini lebih simple dan praktis. Tampilan kontak formulir ini sendiri terdiri dari 3 kolom sederhana, yaitu Nama, Email, dan Pesan, serta yang terakhir tombol "kirim" dibawah, dengan tampilan yang sederhana dan praktis ini diharapkan nantinya pengunjung akan lebih tertarik lagi untuk menjalin silaturahim dengan pemilik blog.

Cara Membuat Contact Form (Kontak Formulir)

1. Login ke Blogger.

2. Pilih Tata Letak / Layout.

3. Klik "Add Gadget".

4. Pilih Tab "Gadget" disebelah kiri.










5. Lalu, pilih widget "Formulir Kontak".

6. Beri nama widget, terakhir klik "Save/Simpan", dan selesai.

Bagaimana sobat, kini sangat mudah bukan membuat contact form di blogger. Demikian informasi terbaru tentang Cara Membuat Contact Form (Kontak Formulir) di Blog

Read more »

Membuat Like Facebook Melayang di Blog

Pada artikel-artikel sebelumnya saya telah berbicara tentang dasyatnya efek social media terhadap traffik blog, mungkin pada kesempatan kali ini saya hanya ingin mengulang dan mengingatkan kembali tentang ulasan-ulasan tersebut. Jika anda seorang blogger yang
masih bimbang terhadap traffik dari search engine, maka saya harap anda jangan berkecil hati, karena pelajaran ini dapat kita ambil dari salah satu blog fenomenal di Indonesia, yakni blog terselubung, blog yang dimiliki blogger bertopeng tersebut mendapatkan hampir puluhan ribu kunjungan perharinya hanya dengan memanfaatkan akun miliknya, siapa disangka, kini akun twitternya sudah menembus angka 600.000 followers. Bandingkan saja jika 1 hari  saja 1% dari total followers mengunjungi blognya, maka ia sudah dapat mendatangkan sekitar 6000 kunjungan, itu baru 1% dari followersnya, belum lagi sumber-sumber traffik lainya seperti search engine.


Jika kita mengikuti perkembanganya, research menunjukkan bahwa hampir sebagian besar pengguna internet mengetahui dan memiliki beberapa akun dari masing-masing social media, hal ini secara tidak langsung memberikan sinyal kuat kepada kita (blogger) bahwa pasar traffik sedang difokuskan kepada social media, mungkin zaman inilah yang dapat kita sebut sebagai zaman keemasan jejaring sosial. Dalam meneladani hal ini, kita bisa memanfaatkan beberapa jejaring social media yang sedang booming-boomingnya, seperti layaknya facebook dan twitter.

Dari sedikit ulasan diatas kita sama-sama tahu bahwa social media hampir dapat menggantikan posisi utama search engine sebagai sumber traffik utama, tapi kita juga tidak boleh merupakan peranan penting dari mesin pencari sebagai sarana yang menghubungkan informasi di seluruh dunia (baca : cara agar blog ramai pengunjung dan komentar). Baik, sesuai judul pada postingan kali ini, saya akan membahas tentang bagaimana cara membuat like box melayang atau yang bisa kita sebut pop-up dengan menggunakan timer, dan menurut saya pribadi widget ini lebih ampuh untuk menggalang fans di fanpage daripada like box yang disediakan oleh facebook, karena wdiget ini bersifat welcome page dan pengunjung akan melihatnya dengan waktu yang lebih lama lama (efek timer).

Cara Membuat Like Box FB Melayang dengan Timer

1. Login ke Blogger.

2. Pilih Tata Letak / Layout.

3. Klik Add Gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode dibawah ini kedalamnya.

<style>#fblikepop {    background-color: #fff;    display: none;    position: fixed;    top: 200px;    _position: absolute; /* hack for IE 6*/    width: 450px;    border: 10px solid #6F6F6F;    z-index: 200;    -moz-border-radius: 9px;    -webkit-border-radius: 9px;    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 #3B5998;    border-left: 1px solid #3B5998;    border-right: 1px solid #3B5998;    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[
 kakinetworkdotcom01username="tuliskancom",
  kakinetworkdotcom01title="Join us at Facebook!",
  kakinetworkdotcom01skin="02",
  kakinetworkdotcom01time="15",
  kakinetworkdotcom01wait="0",
  kakinetworkdotcom01lang="en"
 //]]>  </script> <script type="text/javascript" src="http://yourjavascript.com/32054191417/asasa.js"></script><script type="text/javascript">
   //<![CDATA[
  $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
   //]]>
  </script>

Keterangan :

• tuliskancom = ganti dengan Nama Fans Page / ID facebook akun anda.
• Join us at Facebook! = Kata-kata seruan/sapaan untuk pengunjung yang muncul pada like box.
• 15 (detik) = Lama waktu tunggu (timer) dari Like Box Facebook.

6. Klik "Save/Simpan" gadget, dan selesai.

Demikian informasi terbaru tentang membuat like box facebook melayang/popup dengan timer,

Read more »