Home » Penelusuran TUTORIAL

Halo blogger jumpa lagi bersama saya adpati, Sebelumnya ku ucapkan selamat datang di blog kesayangan saya ini, semoga kalian tidak jenuh-jenuh untuk selalu mengunjungi blog ini. Nah pada kesempatan kali ini dari blog Adpati akan mempersembahkan sebuah kode script blog untuk menambahkan Widget Recent Post atau Artikel Terbaru.

Nah sebelum kita mulai mohon dukungannya demi kemajuan blog ini tekan follow via email untuk berlangganan atau bisa juga Klik Subscribe di bagian halaman paling bawah. Oke sebelumnya terima kasih. Mari kita lanjut.

Yang akan kita bahas di sini ialah tutorial menambahkan widget Recent Post yang di mana dengan widget ini Akan menambah tampilan blog kalian menjadi lebih keren.

Apa itu recent post?

Recent post adalah sebuah widget berisi link postingan terbaru kalian yang dimana dengan widget ini biasanya artikel akan tampil otomatis di blog kalian ketika kalian memposting sebuah artikel baru. Adpati akan membagikan script recent post unik dengan thumbnail gambar dan bisa di scroll ke bawah buat kalian pengunjung blog ini tentunya dan gratis. Dengan script ini kalian bisa mengatur jumlah postingan terbaru dan tidak akan memakan banyak tempat.

Nah bagaimana cara buatnya simak yuk.

1). Kalian buka akun Blogger kalian.

2). Masuk Tata Letak - Tambahkan Widget - HTML. Lalu Copy script di bawah ini.


<div style="border: 0px solid #FF00FF; height: 500px; overflow: auto; padding: 3px; width: auto;">



<style scoped='' type='text/css'>

#recent-posts{color:#ff0000;font-size:12px}

#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}



#recent-posts ul{margin:0;padding:0}

#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.2)}
#recent-posts ul li:last-child{border-bottom:0}

<script type='text/javaScript'>



#recent-posts ul li a{display:block;color:#3300ff;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='recent-posts'>
var rcp_numposts=15;
var rcp_snippet_length=200;
var rcp_info='yes';
var rcp_comment='Comment';

function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbqfqHNKtBNiUAtEX3cV1d0r_3vovTQ3Cqoj4HUTSnCuD8iP8Evzvp_SafHSl1zvG4iyZO4z2mhZAe5XjOrhJZR53HDBpgNRcOwPbqIVJxctAaQQ8EF6vxk2BD3XB1NV8MrJbEflIGfBqO/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
var rcp_disable='T?t Nh?n x�t';


</script>

</div></div>

3). Paste kan di bagian Tambahkan Widget

4). Lalu simpan

Baca Juga

*ket:

var rcp_numposts=12; ( angka 12 adalah jumlah postingan. Silahkan atur sendiri)

#ff00ff; height: 500px; overflow: auto; padding: 3px; width: auto;"> (angka 500 adalah lebar kotak kebawah)

<div style="border: 1px groove #00ff00; padding: 6px;"> ( 1px adalah ketebalan garis luar dalam)

<div style="border: 1px groove #00ff00; padding: 6px;"> (#00ff00 adalah kode warna)

Demikian sedikit ulasan tentang tutorial membuat recent post dengan thumbnail gambar dan bisa di scroll ke bawah. Semoga bisa membantu buat para blogger pemula. Sekian dan terima kasih..

Adp Agustus 20, 2019 Admin Jawa Tengah

MEMBUAT RECENT POST SCROLL KE BAWAH DENGAN TUMBNAIL KEREN

Yang akan kita bahas di sini ialah tutorial menambahkan widget Recent Post yang di mana dengan widget ini Akan menambah tampilan blog kalian menjadi lebih keren.

Apa itu recent post?

Nah bagaimana cara buatnya simak yuk.

1). Kalian buka akun Blogger kalian.

2). Masuk Tata Letak - Tambahkan Widget - HTML. Lalu Copy script di bawah ini.


<div style="border: 0px solid #FF00FF; height: 500px; overflow: auto; padding: 3px; width: auto;">



<style scoped='' type='text/css'>

#recent-posts{color:#ff0000;font-size:12px}

#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}



#recent-posts ul{margin:0;padding:0}

#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.2)}
#recent-posts ul li:last-child{border-bottom:0}

<script type='text/javaScript'>



#recent-posts ul li a{display:block;color:#3300ff;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='recent-posts'>
var rcp_numposts=15;
var rcp_snippet_length=200;
var rcp_info='yes';
var rcp_comment='Comment';

function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbqfqHNKtBNiUAtEX3cV1d0r_3vovTQ3Cqoj4HUTSnCuD8iP8Evzvp_SafHSl1zvG4iyZO4z2mhZAe5XjOrhJZR53HDBpgNRcOwPbqIVJxctAaQQ8EF6vxk2BD3XB1NV8MrJbEflIGfBqO/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
var rcp_disable='T?t Nh?n x�t';


</script>

</div></div>

3). Paste kan di bagian Tambahkan Widget

4). Lalu simpan

Baca Juga

*ket:

var rcp_numposts=12; ( angka 12 adalah jumlah postingan. Silahkan atur sendiri)

#ff00ff; height: 500px; overflow: auto; padding: 3px; width: auto;"> (angka 500 adalah lebar kotak kebawah)

<div style="border: 1px groove #00ff00; padding: 6px;"> ( 1px adalah ketebalan garis luar dalam)

<div style="border: 1px groove #00ff00; padding: 6px;"> (#00ff00 adalah kode warna)

Demikian sedikit ulasan tentang tutorial membuat recent post dengan thumbnail gambar dan bisa di scroll ke bawah. Semoga bisa membantu buat para blogger pemula. Sekian dan terima kasih..

Cara Mudah Mengganti Tampilan Kursor di Blog

Kursor atau penunjuk mouse adalah tanda yang menyatakan posisi mouse atau kursor pada layar monitor. Tanda ini umumnya dijumpai dengan bentuk anak panah baik pada komputer maupun pada blog. Akan tetapi tahukah anda bahwa tanda ini sebenarnya bisa diubah dan disesuaikan sesuka hati. Jika anda pernah mengunjungi sebuah blog atau situs di internet dan melihat bentuk dari kursor berbeda dari biasanya, yang mana bentuk-bentuk dari kursor tersebut terlihat begitu unik.

Dan bagi anda yang saat ini memiliki sebuah blog, tentunya untuk dapat menarik pengunjung agar mau singgah pada blog kita adalah harapan besar anda. Salah satu cara yangefektif untuk dapat menarik minat pengunjung yang mampir pada blog adalah buatlah tampilan blog sedemikian rupa agar terlihat cantik dan menarik. Dan salah satu cara untuk dapat membuat tampilan blog terlihat menarik adalah dengan menambahkan pernak-pernik widget, seperti salah satunya saat ini tim bisikan.com akan membisikan bagaiaman cara untuk dapat mengganti tampilan kursor pada blog untuk membuat tampilan blog terlihat lebih menarik.

MEMPERCANTIK KURSOR MOUSE DI BLOG

Cara Mudah Mengganti Tampilan Kursor di Blog

DOMAIN BLOGSPOT (HOSTED) BISA DAFTAR ADSENSE DAN DI TERIMA SEPENUHNYA

Siapa yang tidak kenal Google adsense,untuk orang awam memang mungkin terdengar begitu asing. Tapi untuk kalangan blogger, dan youtuber adalah pekerjaanya.

Apa itu Google adsense?

Sedikit bercerita tentang blog,saya pribadi sebenernya belum terlalu paham. Maka dari itu disini saya akan berbagi cerita dan pengalaman saya. Cuss..

Syarat blog untuk bisa di terima Google adsense.

Kita harus punya kenalan orang dalam (orang yang bekerja di google entah itu sahabat atau keluarga) wkwkwk #bercanda

1). Konten / Artikel

2).Domain TLD (Top Level Domain)

CARA MEMBUAT SITEMAP ATAU PETA SITUS BLOGGER 2019

Apakah kalian seorang blogger?

Kenapa begitu?

Berikut lanangragiel akan mengulas dan mempersembahkan sebuah kode script sitemap html yang secara otomatis akan meload semua artikel yang berada di situs web kalian.

Untuk cara pemasangan simak di bawah ini:

1). Masuk akun Blogger - Halaman - Buat Halaman baru - HTML

2). Isi judul dengan nama Sitemap.Dan Copy kode di bawah ini,pastekan di bagian HTML bukan COMPOSE.


<div id="toc">



<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>



<script src="http://alamat.blogkamu.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">





</script></div>

<link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link>

3). Ubah Url: alamat.blogkamu.com dengan alamat Blog kalian.

4). Setelah itu simpan.

CARA MEMBUAT TEKS BERJALAN DI BLOG ANDA

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya
Contoh Tulisan Berjalan

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya

Contoh Tulisan Berjalan

CARA MENDAPATKAN IKLAN MATCHED CONTENT ADSENSE

Persyaratan blog untuk mendapatkan Hadiah dari Google Adsense yaitu berupa Iklan Matched tersebut minimal pengunjung blog adalah 500 viewer / page view per harinya.

Berikut Cara memasang Iklan matched.

1). Masuk Dasboard Adsense - Iklan Saya - Unit Iklan.

2). Pilih Iklan Matched seperti nampak pada Gambar.

3). Atur iklan sesuai keinginan sobat.

Untuk gaya iklan kalian bisa baca di Bantuan Google.

CARA MEMBUAT IKLAN PARALLAX DIAM KETIKA POSTINGAN DI SCROLL

Untuk ukuran iklan yang biasanya di pakai yaitu ukuran 300×600. Bagi kalian yang ingin memasang nya simak di bawah ini mengenai tutorial memasang script iklan parallax di postingan blog.

Langkah langkah:

1). Masuk ke akun blogger

2). Masuk Tema/ Template- Edit HTML

3). Ketikan CTRL+F dan cari kode <head>.

Copy dan pastekan kode di bawah ini tepat di bawah Kode <head>.



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






<style type='text/css'>
/*<![CDATA[*/



  overflow: visible;




.paralax_div {

  position: relative;
  width: 300px;


  display: inline-block;




  height: 250px;

  margin-right: 20px;


.paralax_div > div {




  float: left;

  z-index: 9999;
}



  overflow: hidden;


  position: absolute;




  width: 100%;

  height: 100%;
  margin: 0;



.paralax_div > div > div {
  top: 0;


  left: 0;

  clip: rect(auto auto auto auto);
}




  top: 0;




  width: 100%;

  height: 100%;

  position: fixed;


  -webkit-transform: translateZ(0);




  margin: 0 auto;

  -moz-transform: translateZ(0);


  transform: translateZ(0);




  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);

  position: absolute;
}




.paralax_div > div > div > div {
  width: 100%;


  top: 0;
  height: 100vh;


  left: 50%;




  -ms-transform: translateX(-50%);




  border: none;

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);


  display: -ms-flexbox;




  -o-transform: translateX(-50%);
  transform: translateX(-50%);


  display: flex;
  display: -webkit-flex;





  align-items: center;




  -webkit-align-content: center;
  align-content: center;


  -ms-flex-align: center;
  -webkit-align-items: center;



  background: #ddd;

}



}




.paralax_div > div > div > div > * {
  margin: 0;

  margin-top: 0;

}



.paralax_div > div > div > div > a {
  width: 100%;

  height: 100vh;




  .paralax_div {




.paralax_div img,.paralax_div iframe,.paralax_div ins {
  height: 600px;

  width: 300px;

}

.clear {


@media screen and (max-width:640px) {
  clear: both;

  display: block

}



    width: 100%;



    -ms-transform: translateX(-50%);




    height: 250px;

    margin: 0 auto;
    float: none;


  .paralax_div > div > div > div {
  }


    left: 50%;


    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);




    width:auto;




    -o-transform: translateX(-50%);
    transform: translateX(-50%);


    width: 100%;
  }

  .paralax_div > div > div {



  }
    left:0;

    text-align: center;



    max-width:100%;
  .paralax_div img {

    margin: 0 auto;





</b:if> 




    height:auto;
  }

}


@media screen and (max-width:320px) {
  .paralax_div iframe,.parallax_banner ins {


    height:600px;
    margin: 0 auto;

    width:100%;


  }

}

/*]]>*/

</style>

4). Selanjutnya tekan CTRL+F Cari kode <div class='post-body entry-content'.

Copy kode di bawah dan pastekan tepat di atas kode tersebut.

<b:if cond='data:blog.pageType == "item"'>

<div class="paralax_div">

<div>

    <div>

      <div>

        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_f8VXbTJqyRpYiMbOFvtXtVKzY61Fwb4fEWeKBYcEzdSx4MJbB9v3Ru6trHZNZFTnnoGvST4ynMcEpE4nksgFoNgpp0TVEK4c5ecS6iB2Z5Rbug0CYPYJIpj6N3r5xmSf_ig8WRLLHXb-/s300/18835763_10208567628658748_4561466345738187918_n.jpg" alt="banner" width="300" height="600" />

      </div>

    </div>

</div>

<span class="clear"/>

</div>

</b:if>

5). Ganti kode

CARA MEMBUAT RECENT POST MELAYANG DENGAN TOMBOL CLOSE

Seperti nampak di gambar bawah ini.

Fitur:

- Recent post Melayang

- Recent post Scroll ke atas

- Recent post disertai tombol Close dan di sertai iklan banner di bawahnya.

1). Masuk akun Blogger

2). Masuk bagian Tata Letak - Tambahkan gadget - dan Copy Kode di bawah ini dan pastekan di situ.


 <script type='text/javascript'>

$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>

<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>

<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9X7L2vk4rhiSXFRoYlMzwIHU32I1lbPOuREWUN7J9yv7_AS-L203l8Jio_0ixpJ-yYRvGelVqt20QnAtfScdb4dl8o9rXKdPtqDiBgI6QuoZVQkkzUY-F5Pv_0WkveNvdoM39MhGrn-DE/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

<center>
<div style="border: 0px solid #00FF00; height: 300px; overflow: auto; padding: 3px; width: auto;">
<style scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}

#recent-posts ul li a{display:block;color:#ff0000;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=10;

function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbqfqHNKtBNiUAtEX3cV1d0r_3vovTQ3Cqoj4HUTSnCuD8iP8Evzvp_SafHSl1zvG4iyZO4z2mhZAe5XjOrhJZR53HDBpgNRcOwPbqIVJxctAaQQ8EF6vxk2BD3XB1NV8MrJbEflIGfBqO/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
var rcp_snippet_length=75;
var rcp_info='yes';
var rcp_comment='Comments';
var rcp_disable='T?t Nh?n xét';
</script>

TARUH KODE IKLAN BANNER DI SINI


</div></center></div>

3). Save dan lihat hasilnya.