» » » Cara Membuat Featured Post Thumnail Berganti Postingan

Google Follower

~~~ SeoChipS ~~~ - 08.23
Membahas soal Featured Post? sudah dua postingan di Blog MD ini di jelaskan. Dan ini adalah Featured Post yang ketiga saya posting. Sebelum untuk posting di blog, saya menguji di blog saya yang satu lagi yang ambaradul hehe. Jadi dijamin Source kode benar semua, tanpa salah sedikitpun. Featured Post adalah merupakan sebuah fitur yang berisi konten terbaik yang ditaruh diatas postingan yaitu berisi tampilan gambar (Thumbnail) beserta keterangan teks disampingnya atau dibawahnya.

Baca Juga :
Namun, Featured Post kali ini : Postingan nya berganti-ganti. Penasaran ya? Jangan kemana-mana dulu. Featured Post kali ini Berganti-ganti Postingan dengan Tombol Readmore di bagian bawah kanan. Jika anda melihat gambar diatas adalah hanya sebagai pemanis dan pelengkap saja gambarnya hehe. Sumber Source Kode Medienfreunde. Oke langsung saja kita praktekan.

Cara Membuat Featured Post Thumnail Berganti Postingan

Cara Pertama :

1. Buka Blogger - Kemudian Login dengan Akun Anda.
2. Dashboard - Template.
3. Edit HTML.

Proses Pembuatan :

1. Temukan kode ]]></b:skin> atau </style>
2. Copy & Paste kode berikut ini, dan Letakkan diatas kode ]]></b:skin> atau </style>
#featuredSlider {background:#eee;float:left;margin:0; padding:0 0 10px; width:640px; position:relative;color:#666;border-bottom:1px solid #c3c3c3}
#featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}
#featuredSlider .container {height:226px; margin:0 10px 0 0;overflow:hidden; position:relative;}
.featuredTitle{padding-top:10px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}
.featuredTitle a{color:#f7441a}
.featuredTitle a:hover{color:#000}
.navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbGIel7i1rIwY68lggA0f04P3TUTW1JtL-akQabnfE17sMnkLF0GuZlYh3v3MNMe-oX2KlxxpgBHLwzOCcRckYriIq30MD_Vy9_M443T0sOFPoYfsLTS_dE689ZBQph-uNRkFyTilYfU/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYsXLFA71aB0JHBBQQwGOV-bEwUA-pqKbKV2A6k9cm9E13rckZh7hO20-a3ynIGwJqa2d5z5HNj9QKtBJjfG9ZOLf-4dL6BP9Icm265hdd0zHXb69lF4Gxz3CODj3XuxwRPQkNal2jMo8/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#ff0}
Catatan :

Kode yang berwarna Merah, Sesuaikan dengan Ukuran Lebar Template anda.
width:640px; dan height:226px;
3. Temukan kode </head>
4. Copy & Paste kode berikut ini,dan Letakkan diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/maycyberdownload/maycyber-script/slide-show-maycyber.js' type='text/javascript'/>
<script src='https://sites.google.com/site/maycyberdownload/maycyber-script/maycyber-slideshow-featured.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLhxqxHkgoDoAqHc9HcqlHHF71Nfj4GiB1DVd9r1LB00Q0R5-85aBdbRVNaxNSDWXGcq0L6Aqn50I0C9e1nTibpLWYWjTSyUMn_tpmQPoE-Gj40mgQqP5wrF9qeEoRr_MVbA2MsmzqL9g/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts  = 7;

function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}

function showrecentposts(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
    document.write('<div class="slides">')
 if (numposts <= json.feed.entry.length) {
  maxpost = numposts;
  }
 else
       {
    maxpost=json.feed.entry.length;
    }
   for (var i = 0; i < maxpost; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
  var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'alternate') {
          posturl = entry.link[k].href;
          break;
        }
     }
 
  for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
          pcm = entry.link[k].title.split(" ")[0];
          break;
        }
     }
 
     if ("content" in entry) {
        var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
        var postcontent = entry.summary.$t;}
     else var postcontent = "";
   
     postdate = entry.published.$t;

 if(j>imgr.length-1) j=0;
 img[i] = imgr[j];

 s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

 if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

 //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


 var month = [1,2,3,4,5,6,7,8,9,10,11,12];
 var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

 var day = postdate.split("-")[2].substring(0,2);
 var m = postdate.split("-")[1];
 var y = postdate.split("-")[0];

 for(var u2=0;u2<month.length;u2++){
  if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
  }
 }

 var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="340" height="212" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
 document.write(trtd);


 j++;
}
    document.write('</div>')
}

//]]>
</script>
Catatan :

JQuery1.7.2 Bila di blog anda sudah terpasang JQuery 1.7.2 sebaiknya tidak usah dipasang lagi.
numposts  = 7; Menampilkan Postingan Berapa postingan. 7 adalah Artikel yang ingin di postingkan.
width="340" Lebar pada Blog anda. Sesuaikan dengan Lebar Blog anda.
height="212" Ketinggian. Sesuaikan dengan Lebar dan Ketingian Featured Post nya.

Terakhir
5. Temukan kode <div id='main-wrapper'> atau <div class='main-wrapper'> atau <div class='outer-wrapper'>
6. Copy & Paste kode berikut ini, dan Letakkan dibawah kode yang disebutin diatas.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='featuredSlider'>
<div class='container'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Tips?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
<div class='navigation'>
<ul class='pagination'/>            <script>
$(&#39;.slides&#39;).cycle({
  fx:     &#39;fade&#39;,
  speed:  &#39;slow&#39;,
  timeout: 3000,
  pager:  &#39;.pagination&#39;
  });
</script>
</div>           </div> <!--end .container-->
</div>
</b:if>
Wajib Baca :

feeds/posts/default/-/Tips?max-results : Tips Merupakan Label yang saya gunakan. Ganti dengan Label yang anda ingin postingan. Artinya menampilkan Artikel per/label.

Bisa diubah dengan :

/feeds/posts/default/?max-results=& Menampilkan semua postingan. Tanpa Label atau Kategori.

7. Terakhir, Simpan Template!

Demikianlah Tutorial Blogger kali ini, jika terjadi kesalahan, atau anda kurang mengerti?! Silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, lihatlah home page anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Featured Post Thumnail Berganti Postingan

Membahas soal Featured Post? sudah dua postingan di Blog MD ini di jelaskan. Dan ini adalah Featured Post yang ketiga saya posting. Sebelum untuk posting di blog, saya menguji di blog saya yang satu lagi yang ambaradul hehe. Jadi dijamin Source kode benar semua, tanpa salah sedikitpun. Featured Post adalah merupakan sebuah fitur yang berisi konten terbaik yang ditaruh diatas postingan yaitu berisi tampilan gambar (Thumbnail) beserta keterangan teks disampingnya atau dibawahnya.

Baca Juga :
Namun, Featured Post kali ini : Postingan nya berganti-ganti. Penasaran ya? Jangan kemana-mana dulu. Featured Post kali ini Berganti-ganti Postingan dengan Tombol Readmore di bagian bawah kanan. Jika anda melihat gambar diatas adalah hanya sebagai pemanis dan pelengkap saja gambarnya hehe. Sumber Source Kode Medienfreunde. Oke langsung saja kita praktekan.

Cara Membuat Featured Post Thumnail Berganti Postingan

Cara Pertama :

1. Buka Blogger - Kemudian Login dengan Akun Anda.
2. Dashboard - Template.
3. Edit HTML.

Proses Pembuatan :

1. Temukan kode ]]></b:skin> atau </style>
2. Copy & Paste kode berikut ini, dan Letakkan diatas kode ]]></b:skin> atau </style>
#featuredSlider {background:#eee;float:left;margin:0; padding:0 0 10px; width:640px; position:relative;color:#666;border-bottom:1px solid #c3c3c3}
#featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}
#featuredSlider .container {height:226px; margin:0 10px 0 0;overflow:hidden; position:relative;}
.featuredTitle{padding-top:10px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}
.featuredTitle a{color:#f7441a}
.featuredTitle a:hover{color:#000}
.navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbGIel7i1rIwY68lggA0f04P3TUTW1JtL-akQabnfE17sMnkLF0GuZlYh3v3MNMe-oX2KlxxpgBHLwzOCcRckYriIq30MD_Vy9_M443T0sOFPoYfsLTS_dE689ZBQph-uNRkFyTilYfU/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYsXLFA71aB0JHBBQQwGOV-bEwUA-pqKbKV2A6k9cm9E13rckZh7hO20-a3ynIGwJqa2d5z5HNj9QKtBJjfG9ZOLf-4dL6BP9Icm265hdd0zHXb69lF4Gxz3CODj3XuxwRPQkNal2jMo8/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#ff0}
Catatan :

Kode yang berwarna Merah, Sesuaikan dengan Ukuran Lebar Template anda.
width:640px; dan height:226px;
3. Temukan kode </head>
4. Copy & Paste kode berikut ini,dan Letakkan diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/maycyberdownload/maycyber-script/slide-show-maycyber.js' type='text/javascript'/>
<script src='https://sites.google.com/site/maycyberdownload/maycyber-script/maycyber-slideshow-featured.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLhxqxHkgoDoAqHc9HcqlHHF71Nfj4GiB1DVd9r1LB00Q0R5-85aBdbRVNaxNSDWXGcq0L6Aqn50I0C9e1nTibpLWYWjTSyUMn_tpmQPoE-Gj40mgQqP5wrF9qeEoRr_MVbA2MsmzqL9g/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts  = 7;

function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}

function showrecentposts(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
    document.write('<div class="slides">')
 if (numposts <= json.feed.entry.length) {
  maxpost = numposts;
  }
 else
       {
    maxpost=json.feed.entry.length;
    }
   for (var i = 0; i < maxpost; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
  var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'alternate') {
          posturl = entry.link[k].href;
          break;
        }
     }
 
  for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
          pcm = entry.link[k].title.split(" ")[0];
          break;
        }
     }
 
     if ("content" in entry) {
        var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
        var postcontent = entry.summary.$t;}
     else var postcontent = "";
   
     postdate = entry.published.$t;

 if(j>imgr.length-1) j=0;
 img[i] = imgr[j];

 s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

 if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

 //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


 var month = [1,2,3,4,5,6,7,8,9,10,11,12];
 var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

 var day = postdate.split("-")[2].substring(0,2);
 var m = postdate.split("-")[1];
 var y = postdate.split("-")[0];

 for(var u2=0;u2<month.length;u2++){
  if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
  }
 }

 var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="340" height="212" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
 document.write(trtd);


 j++;
}
    document.write('</div>')
}

//]]>
</script>
Catatan :

JQuery1.7.2 Bila di blog anda sudah terpasang JQuery 1.7.2 sebaiknya tidak usah dipasang lagi.
numposts  = 7; Menampilkan Postingan Berapa postingan. 7 adalah Artikel yang ingin di postingkan.
width="340" Lebar pada Blog anda. Sesuaikan dengan Lebar Blog anda.
height="212" Ketinggian. Sesuaikan dengan Lebar dan Ketingian Featured Post nya.

Terakhir
5. Temukan kode <div id='main-wrapper'> atau <div class='main-wrapper'> atau <div class='outer-wrapper'>
6. Copy & Paste kode berikut ini, dan Letakkan dibawah kode yang disebutin diatas.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='featuredSlider'>
<div class='container'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Tips?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
<div class='navigation'>
<ul class='pagination'/>            <script>
$(&#39;.slides&#39;).cycle({
  fx:     &#39;fade&#39;,
  speed:  &#39;slow&#39;,
  timeout: 3000,
  pager:  &#39;.pagination&#39;
  });
</script>
</div>           </div> <!--end .container-->
</div>
</b:if>
Wajib Baca :

feeds/posts/default/-/Tips?max-results : Tips Merupakan Label yang saya gunakan. Ganti dengan Label yang anda ingin postingan. Artinya menampilkan Artikel per/label.

Bisa diubah dengan :

/feeds/posts/default/?max-results=& Menampilkan semua postingan. Tanpa Label atau Kategori.

7. Terakhir, Simpan Template!

Demikianlah Tutorial Blogger kali ini, jika terjadi kesalahan, atau anda kurang mengerti?! Silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, lihatlah home page anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Featured Post Thumnail Berganti Postingan

Tags - Kalian sedang berada dipostingan Cara Membuat Featured Post Thumnail Berganti Postingan

download Cara Membuat Featured Post Thumnail Berganti Postingan android terbaru, apk android terbaru Cara Membuat Featured Post Thumnail Berganti Postingan android asus, Cara Membuat Featured Post Thumnail Berganti Postingan android advance, Cara Membuat Featured Post Thumnail Berganti Postingan android apk, Cara Membuat Featured Post Thumnail Berganti Postingan android app, Cara Membuat Featured Post Thumnail Berganti Postingan android games, Cara Membuat Featured Post Thumnail Berganti Postingan android programming, Cara Membuat Featured Post Thumnail Berganti Postingan aplikasi edit foto,Cara Membuat Featured Post Thumnail Berganti Postingan aplikasi facebook, Cara Membuat Featured Post Thumnail Berganti Postingan aplikasi bbm

Cara Membuat Featured Post Thumnail Berganti Postingan

,

Cara Membuat Featured Post Thumnail Berganti Postingan aplikasi edit video

aplikasi vidmate Cara Membuat Featured Post Thumnail Berganti Postingan aplikasi wa, aplikasi play store Cara Membuat Featured Post Thumnail Berganti Postingan Download, Download Cara Membuat Featured Post Thumnail Berganti Postingan indonesia aplikasi download lagu, aplikasi pembobol wifi Cara Membuat Featured Post Thumnail Berganti Postingan Google Drive, download aplikasi instagram Cara Membuat Featured Post Thumnail Berganti Postingan 3gp,Cara Membuat Featured Post Thumnail Berganti Postingan mp4,Cara Membuat Featured Post Thumnail Berganti Postingan mkv, Cara Membuat Featured Post Thumnail Berganti Postingan google drive, Cara Membuat Featured Post Thumnail Berganti Postingan 480p,Cara Membuat Featured Post Thumnail Berganti Postingan 720p, aplikasi android terbaik Cara Membuat Featured Post Thumnail Berganti Postingan,download aplikasi anti virus, aplikasi bigo live, download template web gratis, download template gratis, template website php, template website responsive, template blogspot, download template html, download template website dinamis gratis, download template premium, download template mirip atau clone, Download Professional XML Blogspot Templates, Free Blogger Templates, download blogger template responsive, Cara Membuat Featured Post Thumnail Berganti Postingan download template blogger seo, download template blog xml, download template blog gratis terbaru, download template blog simple, download template blogger keren, cara mengganti template blog, download template fast loading seo friendly, Cara posting artikel, Cara memasang widget, Memahami menu-menu di blogger, Cara mengganti atau memasang template, Cara membuat halaman statis, Cara memasang favicon, Cara mengganti judul blog dengan logo, 10 Tutorial blogger lainnya, Cara Menghasilkan Uang dari Blog , Panduan Lengkap, Rahasia Cara Daftar Google AdSense Agar Mudah Diterima, SEO, BLOG, DAN INTERNET MARKETING, Tutorial Belajar SEO dan Blogging juga Internet Marketing Terpadu Yang Mudah Untuk Anda Pelajari, BELAJAR SEO, cara tutorial Membuat Website Wordpress, Cara Cepat Mendapatkan Backlink Untuk Menaikkan Ranking, Download Free Template Blog SEO Friendly Responsive Design Mudah Diedit, Cara membuat blog di blogger com, Cara Melakukan Optimasi SEO Onpage Google Dengan Benar, Berbagai Cara Cari Uang Di Internet Yang Perlu Anda Tahu, CARA MUDAH MEMBUAT THUMBNAIL POST WARNA WARNI SESUAI LABEL POST, CARA MEMBUAT BLOG SEO 100 DI CHKME COM, 5 TEMPLATES BLOGGER SEO RESPONSIVE KEREN TERBAIK 2017 GRATIS, CARA AGAR ARTIKEL ATAU POSTINGAN CEPAT TERINDEX GOOGLE, LANGKAH LANGKAH OPTIMASI ONPAGE PADA BLOG, CARA DAPAT UANG DARI BERBAGAI BISNIS ONLINE, UPLOAD VIDEO DI FACEBOOK BISA DAPAT UANG, CARA MEMBUAT WIDGET TWITTER DI BLOGGER BLOGSPOT, CARA MEMBUAT BREADCRUMBS SEO FRIENDLY DENGAN FONT AWESOME, MEMBUAT TOMBOL BACK TO TOP DENGAN EFEK BOUNCE, CARA MEMBUAT BADGE GOOGLE PLUS DAN DAPAT DI MODIFIKASI, MACAM TAG KONDISIONAL UNTUK MODIFIKASI TAMPILAN DAN MENYEMBUNYIKAN WIDGET, CARA MEMBUAT CATATAN KAKI SEO DAN TERINDEX GOOGLE, TIPS TRIK MEMPERCEPAT LOADING BLOG, TIPS TRIK MENDAPATKAN UANG DOLLAR DARI BLOGGER BLOGSPOT, CARA MEMBUAT THREADED COMMENTS VALID HTML5 DI BLOGGER, MEMBUAT ARTIKEL TERKAIT DISERTAI THUMBNAIL GAMBAR, JQUERY SLIDING PANEL DENGAN MEMBUKA MENUTUP UNTUK BLOGGER, CARA MEMBUAT STICKY WIDGET SIDEBAR DI BLOG, CARA MEMASANG TRANSLATE DENGAN GAMBAR BENDERA DI BLOG, FASTESEO SEO RESPONSIVE BLOGGER TEMPLATE, 6 RAHASIA CARA SAYA MENINGKATKAN RANKING ALEXA, DOWNLOAD TEMPLATE BLOGSPOT SEO RESPONSIVE PREMIUM, Cara memasang widget, download template blog anime, SSH PREMIUM, SSH GRATIS, OPEN SSH, Config HI Axis100Config HI Indosat, Config HI Smartfreen, Config HI Telkomsel, Config HI Three 3, Config HI XL, Config KPN Tunnel Ultimate, Config KPN Tunnel Ultimate Axis, Config KPN Tunnel Ultimate Telkomsel, Config KPN Tunnel Ultimate Three, Config OpenVPN Axis, Config OpenVPN Indosat, Config OpenVPN Three 3, Config OpenVPN XL

Diposting oleh
,
Terimakasih telah membaca : Cara Membuat Featured Post Thumnail Berganti Postingan. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari ~~~ SeoChipS ~~~. Terimakasih.
0 Komentar untuk "Cara Membuat Featured Post Thumnail Berganti Postingan"

Diberdayakan oleh Blogger.