Cara Menciptakan Recent Post Dengan Thumbnail

Sehubungan dengan post saya Cara Membuat Random Post Dengan Thumbnail saya akan memperlihatkan widget yang hampir sama dengan judul post diatas. Tetapi, yang saya buat kini yakni Recent Post / Posting Terakhir. Contohnya menyerupai gambar disamping ini, atau sahabat juga sanggup melihat demonya menyerupai milik saya di sidebar. Mari kita buat bersama

• Pertama Login akun blogger sobat
• Masuk Tata Letak - Tambah Gadget - HTML

• Masukkan Script di bawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:355px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:335px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

    <script language='javascript'> 
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Reply(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "https://keajaibanbisnisonline1.blogspot.com/";
limitspy=5
intervalspy=6000
</script>

<div id="spylist">
    <script type='text/javascript'>
//<![CDATA[
 /*
 * Script dikombinasikan dari bloggerstricks.com
 * spy effect dari jqueryfordesigners.com
 * Oleh Abu Farhan (www.abu-farhan.com)
 * Modifikasi oleh daw-xp.blogspot.com
 */
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;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[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>'); 
//]]>
</script>
</div>

NB :
Boxwidth yakni lebar kotak
Reply(s) sanggup ganti sesuai cita-cita sobat, Misalnya : komentar,comment,jumlah komentar
numpost yakni jumlah posting yang akan dicrawl
limitspy yakni jumlah posting terbaru dalam satu tampilan
intervalspy yakni kecepatan slide / delay
homepage : ganti dengan URL sobat

• Simpan dan lihat alhasil :D

Cara Menciptakan Popular Post Dengan Thumbnail

Sempat saya blogwalking sebentar untuk melihat rujukan apa yang dapat saya posting untuk konten kali ini. Ternyata saya menemukan hal unik yang ada di blog tetangga. Pada widget Popular Post-nya memiliki tampilan unik serta memakai dampak thumbnail. Saya menjadi terkesan untuk menyajikannya dalam posting kali ini untuk sobat-sobat blogger. Untuk widget Popular Post memang sudah tersedia dalam bawaan blogspot sendiri, tetapi butuh pengeditan sedikit untuk lebih menarik. Mari teman ikuti tutorialnya

Pertama teman tambahkan terlebih dahulu Widget Etri Popular

• Login ke akun blog sobat
• Tata letak - Tambah Gadget - HTML/Javacript
• Cari Widget Entri Popular kemudian tambahkan
• Simpan.

Jika sudah sudah terpasang dengan baik, teman lalukan penempatan widget dengan menyesuaikan lebar sidebar blog. Selanjutnya,
Pilih sajian : Tab Template - HTML - centang Expand Widget
Sobat cari script berikut

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>

• Letakkan script berikut sebelum isyarat diatas

<marquee align='left' direction='up' height='150' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>

• Hasilnya akan menjadi menyerupai ini 

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if></b:if>
</li> </b:loop>
</marquee> </ul>
<b:include name='quickedit'/></div>
</div>
</b:includable>
</b:widget>

Silahkan teman ubah tinggi lebarnya sesuai kondisi tata letak blog teman masing-masing.
Selamat Mencoba !

Kelebihan Dan Kekurangan Blog Dofollow Dan Nofollow

Menurut hasil pencarian kata kunci di blog aku ini, ternyata viewers lebih suka atau lebih banyak mencari artikel yang bertemakan perihal Dofollow dan Nofollow. Oleh alasannya itu aku ingin menciptakan sebuah artikel yang menjelaskan perihal pengertian,manfaat,kelebihan dan kekurangan masing-masing dari dofollow dan nofollow. Mari kita bahas lebih dalam topik ini.

Definisi Blog Dofollow
Jika anda pernah blogwalking ke blog dofollow niscaya anda melihat banyaknya komentar pada setiap post yang ada di blog tersebut. Ini dikarenakan setiap kita menciptakan komentar pada blog dofollow, search engine menerka link tersebut yaitu sebuah backlink. Pastinya akan kuat pada rank blog anda.
Definisi Blog Nofollow
Settingan awal pada blog-blog anda semua yaitu nofollow. Ini merupakan pengaturan default dari blogspot atau wordpress. Jumlah link masuk dan keluar sudah diatur sedemikian rupa biar link yang masuk lebih banyak dibandingkann link keluar. Tujuannya untuk antisipasi SPAM dan komentar-komentar junk.

Kelebihan Blog Dofollow

• Banyak komentar pada setiap post anda
• Lebih disukai pengunjung
• Meningkatkan Pagerank dan Pageview
• Mengundang para Follower pada blog anda
• Stabilitas blog anda teratur bahkan naik

Kekurangan Blog Dofollow

• Banyaknya komentar SPAM dan tidak berguna
• Terlalu over-nya link keluar akan menciptakan blog anda dibenci search engine
• Banyaknya Junk komentar yang adakala tidak sesuai dengan topik anda
• Pergeseran rank blog akan semakin cepat dari halaman SERP
• Sulitnya search engine mengindex blog anda

Kelebihan Blog Nofollow

• Baik untuk SEO dan lebih disukai search engine
• Meminimalisir adanya komentar SPAM
• Pengunjung akan lebih respect terhadap kerja keras anda
• Artikel yang anda buat akan bernilai lebih dibandingkan blog dofollow
• Page rank akan meningkat meskipun secara berkala
• Link masuk dan link keluar akan lebih seimbang

Kekurangan Blog Nofollow

• Sulitnya komentar masuk alasannya viewer melihat dari sisi kualitas konten anda bukan hanya sekedar backlink
• Sulit naiknya pagerank alasannya blog nofollow tidak seramai blog dofollow
• Kurangnya stabilitas pageview blog anda. Kadang turun adakala juga naik
• Harus pintar-pintar memancing viewer untuk berkomentar pada post anda

Telah kita bandingkan antara blog dofollow dan blog nofollow diatas. Semuanya kembali kepada keyakinan masing-masing. Jika ditanya, aku lebih menentukan memakai blog nofollow alasannya lebih kondusif dan murni meskipun kurangnya pengunjung tetapi aku terus meningkatkan kualitas konten aku biar lebih menarik lagi.

Template Seo Dark Himajie Style V.2

Dark Himajie Style v.2 SEO Template - Template ini merupakan hasil kerja keras dari Blog Juragan yang kembali aku repost dengan suasana berbeda. Kelebihan dari template ini ialah disetting untuk penggemar blog dofollow. Tentunya baik bagi para pemburu backlink. Tampilannya cukup rapi dan beberapa memakai efek-efek dinamis. Saya sediakan juga fitur-fitur dari template ini

1. Template 2 kolom
2. SEO friendly
3. Meta tag dinamis
4. Fast loading
5. Auto readmore
6. Navigasi
7. Social network
8. Quicklink kotak komentar
9. Dofollow

Demo | Download | Free Password