Cara membuat recent post "Tanpa Gambar" di blog super keren

Cara membuat recent post "tanpa gambar" di blog - Apakah fungsi membuat sebuah recent post tanpa gambar yang ada di blog kita dan apa pengaruhnya terhadap trafik blog kita ?, ya seperti yang pernah saya beritahukan bahwa blog yang bagus untuk mendapatkan trafik yang besar adalah blog yang mempunyai navigasi yang jelas dan bisa menarik perhatian pengunjung blog tersebut.Kali ini saya akan membagikan kepada anda tutorial untuk membuat widget recent post di blog anda yang dimana recent post ini cukup simple dan responsive jika di gunakan untuk blog yang mengandalkan mobile dalam mencari visitor blognya.

Sebelumnya saya juga pernah membuat tutorial tentang cara membuat widget recent post di blog dengan gambar jadi untuk anda yang ingin memasang widget recent post dengan gambar mungkin anda bisa melihat artikel saya tersebut.Tapi untuk anda yang ingin membuat widget recent post tanpa gambar nah anda berada di artikel yang tepat dan tanpa memperpanjang kata lagi silahkan anda simak baik-baik tutorial membuat widget recent post terbaru dan keren di blog.

Cara membuat widget recent post tanpa thumbnail di blog

1. Masuk ke akun blogger anda
2. Masuk ke menu Tata letak > Add Gadget > HTML/Javascript
3. Copy kode dibawah ini dan pastekan tepat di dalam kotak script yang telah di sediakan.

<div id="titleonly">
<script style="text/javascript" src="https://aakyos.googlecode.com/svn/Recen-Post-Icon.js"></script>
<script style="text/javascript">var 
numposts = 5;var showpostdate = false;var showpostsummary = false;var 
numchars = 100;var standardstyling = true;</script>
<script src="http://www.mastahdesign.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, 
sans-serif; font-size: 9px;" id="rectitle"><a 
href="http://aak-share.blogspot.com/2014/08/2-cara-membuat-recent-post-simpel-dan.html"
 title="Grab this Widget" target="_blank">Recent Posts 
Widget</a> by <a href="http://aak-share.blogspot.com/" 
title="Widget Recent 
Posts">Aak</a></div><noscript>Maaf! Pastikan bahwa 
JavaScript terpasang di browser anda.</noscript>
<style type=text/css>
#titleonly a {background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggpLbDpgxf2j5QiGD9S-MLQPaSaobA6j1hdHScuTXBktChyphenhyphengLb8cAsLojosluXPdShVAys2Oi85dG1IdUJQyQCvE1v6_PDmBIp-Edg6sZEbMjsQqelejjOsEN4cr-VTEYqJ_efYes0T4k/s16/1362763742_arrow_right.gif)
 0px 0px no-repeat; color: #0303FF ; font-size: 13px; padding: 1px 0px 
0px 19px; margin: 5px 0px 0px 0px;line-height:25px;} #rectitle 
{background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHR1INGbXCg6JoKcl6C-ioLwcuxbEAnL-d9WGHXqEscK3kOlE505o9GghIRzRdyw2xDAkcsw98j4zwEf61MNamBXte4Uuvk5quHX-nnlV0Axg2Pd0rXzRlE3Pznvf6WaV9jFcxl1zVVM/s1600/icon1.png)
 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 
0px 0px 0px;line-height:14px;}
#rectitle, #rectitle a {color:#808080;}
.titlepost {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

4. Silahkan anda ganti kode berwarna biru dengan URL blog anda
5. Save/Simpan

Nah sekarang anda sudah berhasil membuat widget recent post tanpa gambar di blog anda dan semoga artikel ini serta recent post di blog yang anda buat bisa bermanfaat dan bisa berkenan di hati anda.jangan lupa ya untuk subcribe blog ini karena akan terus update tutorial blogger setiap harinya dan jangan lupa untuk gabung di Facebook mastah design ini.

Source : http://seo-score.blogspot.com

Share this :