Friday, November 28, 2014

Cara Membuat Recent Post atau Artikel Terbaru Seo, Keren dengan Title tag

Sudah Beberapa hari nggak bikin tutorial, karena kesibukan kerja yang melelahkan. Sebenarnya agak males juga karena beberapa waktu lalu ada blogger yang copas sama persis artikel saya tanpa di edit sedikitpun, sehingga hasil serpnya blog saya malah kalah dengan dia karena blog yang saya buat ini baru berusia beberapa hari dan belum mendapat backlink banyak. Terlepas dari itu biarlah saja saya tidak terlalu memusingkan, karena niat membuatan blog ini bukan bermaksud untuk membuat ketenaran diri saya, atau di anggap sok master, mastah atau apalah sebutan orang2 hebat yang suka ngeblog dan berkiprah pada cyber seperti ini, Saya hanyalah blogger Newbie yang baru belajar.
Dulu sudah pernah saya sampaikan ke teman saya +Hisyam Ad dien  bahwa tujuan blog ini dibuat semata2 untuk menyampaikan ilmu yg pernah saya dapatkan dan semoga bisa bermanfaat bagi orang lain, teringat hadits Rasulullah "Khoirunnasi Anfa-uhum linnas" Sebaik baik manusia adalah yang memberikan manfaat bagi orang lain, Kalaupun ada yang mengcopy toh kalau tulisan dia di baca orang lain dan orang lainpun mendapat manfaat dari tulisan tersebut, itu adalah tulisan yang saya buat, dan insyaallah sy juga kecipratan pahalanya hehehe aamiin. Saya juga bisa mendapatkan apa yang saya sampaikan ini tidak lepas dari blogger2 yang lain yang lebih hebat dan saya mengambilnya dari mereka mereka yang hebat ini :D, Hanya saja memang mungkin kerugiannya pada hasil serp saja, seharusnya orang menuju blog saya, malah menuju blog dia.
Next, Tulisan ini sebenarnya terinspirasi dari temen saya Pak +Adhy Suryadi  yang telah memberikan tutorial ini sebelumnya, dan saya rasa ini sangat bermanfaat apalagi buat teman-teman yang fokus pada masalah Seo, dan tulisan beliau ini juga terinspirasi dari blog Luar negri yang berbahasa Inggris >> http://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html
berikut ini link Tulisan Pak Adhy Suryadi : Membuat Recentpost hanya menampilkan Thumbnail  dan saya banyak belajar pada beliau ini, Beliau ini adalah orang yang selalu membuat blognya Valid HTML 5, teman-temannya suka memangilnya Master Html 5 hehehehe.
Nah untuk melihat Demo Recent Post Seo ini sobat bisa lihat di sini : Recent Post Seo Dengan Title Tag
Wah kok jadi malah ke mana mana ya, langsung aja deh  sekarang ke tutorial Cara Membuat Recent Post atau Artikel Terbaru Seo, Keren dengan Title tag
1. Pertama Teman teman harus Masuk dulu ke  akun blogger
2. Tambah Widget HTML
3. Masukkan code html berikut ini
<div id='bp_recent'></div>
<div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href='http://goo.gl/JR7dnP' style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://image.bloggerplugins.org/blogger-widgets.png' alt='Recent Posts with Thumbnails for Blogger' style='border:none' /></a>Powered By <a href='http://goo.gl/tey5Cv' target='_blank' title='RecentNews'>RecenNews</a></small></div>
<script style='text/javascript' src='http://yourjavascript.com/117113315277/recentposts-orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 90;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://www.bringislam.web.id/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

4.Ganti link yang berwarna merah http://www.bringislam.web.id dengan alamat blog teman-teman.
sedangkan code : var numberOfPost = 12 angka 12 adalah jumlah post yang ingin di tampilkan.

Demikian Artikel Cara Membuat Recent Post atau Artikel Terbaru Seo, Keren dengan Title tag, mudah sekali kan? semoga bisa bermanfaat untuk teman-teman sekalian.. salam sukses :)

0 comments:

Post a Comment