Cara Memasang Emotion Keren Diatas Kotak Komentar

Hai Sobat Pada Posting Kedua Saya Hari Ini Saya Membahas Artikel Yang Berjudul Cara Memasang Emotion Diatas Kotak Komentar Cara Ini Sudah Banyak Diterapkan Terutama Oleh Para Pemilik Blog Karena Emotion Diatas Kotak Komentar Ini Bisa Digunakan Untuk Memperbagus Itu Semua Oleh Karena Itu Mari Kita Terapkan.

1.Masuk Ke Akun Blog Sobat
2.Rancangan>>Template>>Edit HTML>>Centang Expand Widget Template
3.Cari Kode </body> Lalu Letakan Kode Berikut Tepat Diatas Kode </body>

<style type='text/css'>

.emoWrap { 

  background-color:transparent;

  border:none;

  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 src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> 

<script src='https://republicofnote.googlecode.com/svn/trunk/emoticon%20di%20kotak%20komentar' type='text/javascript'/> 

<script type='text/javascript'> 

//<![CDATA[ 

var emoRange    = "#comments p, div.emoWrap", 

    putEmoAbove = "iframe#comment-editor",

    emoMessage  = "Untuk Membuat Emoticon Pada Kotak Komentar Setidaknya Anda Harus Menambahkan Satu Spasi Di Awal Simbol Sumber:http://fatwanurhayan.blogspot.com/2013/03/cara-memasang-emotion-keren-diatas.html";

//]]> 

</script>


4.Simpan Template Dan Lihat Hasilnya

Semoga Bermanfaat  ...
YA GAN jangan lupa kasi KOMENTARNYA 

Baca Selengkapnya »

Cara Membuat Like Button Facebook di Bawah Postingan

cara memasang tombol like facebook di bawah postingan- pernakah sobat blogger melihat artikel di suatu blog atau web yang  dibawahnya terdapat like button/ tombol suka facebook, dan sobat ingin memasang yang seperti itu di blog sobat????????????? nah... pada artikel kali ini kita akan kupas habis mengenai cara membuat like button facebook dibawah postingan, keuntungan dari tombol like facebook ini adalah pembaca yang ingin nge-share ke fb tdk harus menekan tombol share yg ribet itu.. tp hanya menekan tombol like di bawah postingan tersebut.. saya rasa cukup penjelasan diatas..

kurang lebih nanti tombolnya adalah sebagai berikut :

nah mari kita mulai tutorialnya :

1. bacalah doa sebelum melakukan kegiatan berbahaya ini
2. loggin ke blogger 
3. dari dashboard masuk ke rancanan dan kemudian masuk ke menu edit html
4. setelah itu jangan lupa mencentang Expand Template Widget
5. lalu cari kode  <data:post.body/>  ( gunakan ctrl+f  untuk mempermudah pencarian )
6. kalau kode seperti diatas terdapat lebih dari satu, cari kode lengkapnya seperti ini :

          <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

jika kode yang sama seperti kode nomor 6 tidak ada jangan menyerah, kode nomor 5 yang ditemukan lebih dari satu tadi gunakanlah satu persatu dalam langkah berikutnya ( saya pernah mencoba satu persatu dan akhirnya berhasil di salah satu kode yang ketemu lbih dari satu tadi )

langkah terakhir adalah menaruh kode dibawah ini tepat dibawah kode yang kita temukan di langkah nomor 5-6 tadi :

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

nah..langkah terakhir tinggal di-save gan semoga berhasil ya gan,,
jangan lupa kasih komentarnya yaa,,,,!!!

Baca Selengkapnya »

cara membuat widget popular post bergerak

cara membuat widget popular post bergerak



widget popular post adalah untuk menampilkan artikel yang seringdibaca sobat blogger pasti sudah tau semua kan ..he..hee.
Nah kali ini bagi sobat bloger yang ingin modif widget populer postnya supaya bisa  bergerak naik turun cukup mudah dan untuk menseting widget ini masuk di dasbord tata letak entri populer nah disitu anda bisa mensetting sesuai degan selera anda misalnya ingin menampilkan dengan tumbnail dan dan juga cuplikan semua tergantung keinginan sobat seperti ini gambarnya:


nah sedangkan untuk langkah langkah membuat Entri Populer supaya bisa bergerak naik turun sebagai berikut:

• Logi ke dasbord
• Pilih Rancangan Tambahkan Gedget Entri Populer atau Populer Post kalau sobat belum pasang tapi kalau anda sudah pasang lewati aja
• Tambahkan Gedget lagi HTML Java Script
• Lalu copy code dibawah ini di HTML Java Script
• Dan  langkah terahir simpan

<style type="text/css" media="screen">


#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:280px;
    
}


#PopularPosts1 ul {
width:342px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}


#PopularPosts1 li {
 width:334px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}


#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}


#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}


#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}


#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}


#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}


#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}


#PopularPosts1 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


.tags span,
.tags a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}


a img {
    border: 0;
}


-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://camporbawor.googlecode.com/files/popularpost2.js" type="text/javascript"></script>

selamat mencoba ya gan semoga berhasill,,,,,,

Baca Selengkapnya »

CARA MEMBUAT LINK BERKEDIP BINTANG

CARA MEMBUAT LINK BERKEDIP BINTANG

Membuat Link Berkedip Bintang Jika disentuh Cursor – Sahabat bloggers kembali share nih!! Ya minggu ini ada sdikit waktu luang yang bias saya gunakan unutk posting di blogku . Menghias blog , salah satu kegiatanku kali ini , ya untuk membuat tampilan blog menjadi unik dan enak dilihat . Sobat sudah tau nggak ya, salah satu cara menghias blog dengan membuat link berkedip bintang jika disentuh cursor adalah salah satu caranya . Tips ini saya dapat waktu lagi blogwalking di blog tetangga .

Pengen mencoba? Ikuti langkah-langkah dibawah ini :

1. Login ke blogger,

2. Klik Design/Rancangan > Edit HTML.

3. Beri tanda centang pada Expand Template Widget.

4. Cari kode berikut : </head>
agar mudah untuk pencarian silahkan tekan Ctrl + F secara bersamaan lalu
masukkan kode script "</head>" jika
sudah ketemu taruh diatas kode  </head> lalu pastekan kode di bawah ini ;
<style>
a:hover { text-decoration:blink; background:url(http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/str4.gif); }
</style>

5. Selesai .Simpan template Anda

Baca Selengkapnya »