Thursday, February 12, 2015

Widget Recent Post Warna-warni SEO FRIENDLY

widget recent post warna warni SEO Friendly Muiz-techno

Kalau anda mencari artikel tentang popular post yang berwarna warni mungkin sudah tak asing lagi karena banyak blog yang share popular post yang berwarna warni. lantas kalau anda mencari Recent Post yang berwarna warni pasti akan kesulitan karena tak semua blog memposting recent post yang berwarna warni yang support resposnive blog. Nah Anda beruntung mengunjungi blog ini karena anda disini akan diberi tahu bagaimana cara membuat widget Recent Post Berwarna warni.

  • Memiliki tab list warna warni seperti yang terlihat pada sidebar blog ini
  • Memiliki title tag pada gambar dan judul
  • Lebih SEO Friendly karena adanya title tag tersebut
  • Loading lebih cepat karena beberapa kode saya hapus
  • Perbedaan dari recent post yang telah ada adalah secara keseluruhan kode script lebih sedikit

Perhatikan widget artikel terbaru warna warni di sidebar blog ini, sepintas memang terlihat seperti popular post yang biasa ditemukan di beberapa blog, tetapi saya tidak membuatnya warna warni hanya sebagai recent post yang SEO FRIENDLY

Recent Post: Widget Artikel Terbaru SEO Friendly & Warna Warni

RECENT POST: WIDGET ARTIKEL TERBARU SEO FRIENDLY & WARNA WARNI
CSS & SCRIPT
  • Buka akun blogger Anda
  • Pilih menu Tata Letak >> Tambahkan Widget atau Add Gadget
  • Pilih HTML/JavaScript
  • Salin kode css berikut ini kedalam HTML/JavaScript
<style scoped="scoped">
#ptb-repost {
font:normal normal 11px/normal Arial;
color:#333;
margin:0 auto;
padding:0;
min-height:100px;
background:transparent url('http://1.bp.blogspot.com/-QaYiqOCLsao/Uypu_bcmtgI/AAAAAAAACy4/NuRzsl7cCc0/s1600/loading.gif') no-repeat 50% 50%;
}
#ptb-repost li {
list-style:none;
margin:0;
padding:8px;
background-color:white;
border-bottom:1px solid #ddd;
}
#ptb-repost li a img:hover {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);opacity: 0.5;
}
#ptb-repost li a img {
float:left;
margin:0 10px 0 0;
padding:0;
border:none;
background:none;
outline:none;
}
#ptb-repost li a.title {
font:normal normal 12px/normal Oswald;
display:block;
text-decoration:none;
color:#fdfdfd;
}
#ptb-repost li a.title:hover {
text-decoration:none;
color:#ffffff;
}
#ptb-repost li:nth-child(1) {background-color:#E11E28;margin-right:1%}
#ptb-repost li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
#ptb-repost li:nth-child(3) {background-color:#FECB09;margin-right:3%}
#ptb-repost li:nth-child(4) {background-color:#6EBE27;margin-right:4%}
#ptb-repost li:nth-child(5) {background-color:#149A48;margin-right:5%}
#ptb-repost li:nth-child(6) {background-color:#5BBFF1;margin-right:6%}
#ptb-repost ul li:nth-child(7) {background-color:#61469C;margin-right:7%}
#ptb-repost ul li:nth-child(8) {background-color:#863E86;margin-right:8%}
#ptb-repost li:nth-child(9) {background-color:#863E62;margin-right:9%}
#ptb-repost li:nth-child(10) {background-color:#815540;margin-right:10%}
</style>
<ul id="ptb-repost"></ul>
<script>
//<![CDATA[
var rp_homePage = "http://muiztech.blogspot.com",
    rp_numPosts = 5,
    rp_thumbWidth = 50,
    rp_numChars = 80,
    rp_sortByLabel = false,
    rp_noImage = "http://1.bp.blogspot.com/-aEZpLC-PlYA/Uyp3GlvWxtI/AAAAAAAACzI/sX-DH5iyzJU/s1600/minismallest-img.png",
    rp_newTabLink = false,
    rp_loadTimer = "onload";
//]]>
</script>
<script src='https://dl.dropboxusercontent.com/s/m6emd2j1kc5517k/ptb-repost.js' type='text/JavaScript'></script>
  • Klik Simpan
NB: Ganti http://muiztech.blogspot.com Dengan URL Blog anda
Silahkan ikuti tutorial diatas dengan cermat lalu kalau berhasil jangan lupa beri komentar atau follow blog ini sebagai rasa terima kasih.

incoming search Widget recent post seo friendly,widget recent post warna warni,recent post responsive warna warni,widget recent post super simple dan warna warni,widget recent post support HTML5, Widget recent post keren,widget recent post terbaik dan SEO

Anda Sedang Membaca Artikel Tentang Widget Recent Post Warna-warni SEO FRIENDLY Dan Artikel Ini URL Permalinknya Adalah http://muiztech.blogspot.com/2015/02/widget-recent-post-warna-warni-seo.html, Saya Harap Artikel Ini Bisa Bermanfaat Bagi Anda Yang Membacanya.


NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner