Belajar Bersama

• Yang pertama sobat lakuin masuk ke Dashboard blog lalu pilih Template lalu klik Edit HTML gan. Lalu sobat cari kode <div class='post-footer-line post-footer-line-3'> atau <p class='post-footer-line post-footer-line-3'> ini. Kalau gak ngerti cara nyarinya tinggal teken Ctrl+F di keyboard terus bakal muncul kotak search di kanan atas. Nah sobat tinggal pastein kodenya disana lalu teken Enter, ntar bakal ketemu kodenya gan. Kalau udah ketemu sobat scroll kebawah sampai nemuin kode di bawah ini .

• </div>

• Lanjut sekarang sobat copy paste kode yang gw kasi di bawah ini di tengah-tengah kode tadi .

• Contoh:

• Paste kodenya disini .

• Ini Kodenya

• Kalau udah beres sekarang ke langkah selanjutnya . Sekarang sobat cari kode </body> di template blog dan copy paste kode Javascript di bawah ini di atasnya .

• Dua langkah di atas beres berarti sekarang blog sobat udah ada emoticon campuran kerennya . Tinggal di preview dulu kalau gak ada masalah baru di Save template . Coba di buka blognya pasti udah ada emoticonnya, selamat..

• Sekarang tinggal di edit aja kalau sobat mungkin gak suka sama warna dan style bordernya atau ukuran kotaknya . Caranya tinggal ganti aja warna sama style border dan ganti juga ukuran width sesuka sobat . Terus buat posisi kotak emoticonnya sobat bisa atur sesuai keinginan, tinggal dirubah aja angka di margin-left semakin besar maka semakin ke kanan kotaknya.

• Ganti Tulisan Url/Link Gambar Profil dengan link gambar profil anda.

• Anda bebas mengubah dan mengganti kalimat pesannya sesuai keinginan anda

• HARAP BACA DENGAN SEKSAMA AGAR ANDA PAHAM DAN MENGERTI

 

 

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/urlpagekamudisini?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>