Pengertian dari fungsi robot.txt bagi Blog dalam Search Engine

Robots.txt adalah Sebuah file dengan sebuah fungsi yang di gunakan untuk membatasi akses robot mesin pencari (Search engine misal : Google,Bing,Yahoo) yang sedang menjelajahi atau membuka situs web yang anda miliki . Sebelum mereka mejelajahi halaman web, mereka memeriksa terlebih dahulu untuk melihat apakah sebuah file robots.txt ada ataukah tidak , dan di dalam robots.txt ada perintah (command) yang mencegah mereka mengakses untuk halaman tertentu.

Kita memerlukan robots.txt agar robot-robot itu tidak mengindex halaman di search engine (Google,yahoo,Bing) yang tidak kita inginkan , karena mungkin ada beberapa halaman web yang tidak ingin di index oleh search engine. Dan jika kita ingin semua content di web kita di index oleh mesin pencari kita tidak membutuhkan robots.txt .

Meskipun Google / Mesin pencari (Search Engine ) lainnya tidak akan meng-crawl atau mengindeks konten halaman yang diblokir oleh robots.txt, masih mungkin URL kita di index , hal ini terjadi karena URL kita di temukan di situs lain. Akibatnya, URL kita berpotensi menjadi informasi publik & dapat muncul dalam hasil pencarian.

dalam hal ini menurut saya robot.txt sangatlah bermanfaat sekali untuk web / blog yang kita miliki agar teroptimasi lebih sempurna di mesin pencari (Search Engine ) dan saya menyarankan untuk membaca custom robot.txt Blogspot yang baik dan benar ada optimasinya lebih sempurna.
sekian dahulu untuk Pengertian dari fungsi robot.txt bagi Blog dalam Search Engine semoga bermafaat bagi web / situs anda

rewrite : here

Cara setting custom robot.txt Blogspot yang baik dan benar

Nah setelah lama tidak posting artikel kali ini saya mau membahas setting custom robot.txt blogspot yang baik dan benar karena ini penting sekali bagi sebuah blog untuk penjelelajahan search engine agar optimasi dan index page kita tidak duplikat dan tegolong SEO friendly pada google webmasters tool.
nah bagiamanakah cara setting robotnya ? anda dapat melihat settingan di bawah ini.

silahkan masuk ke setelan >> Preferensi penelusuran

cari pada Crawler and indexing seperti pada gambar di bawah ini :

pada robot.txt khusus klik edit dan ya kemudian masukan setting custom robot.txt blogspot yang baik di bawah ini pada kolom yang tersedia kemudian klik save :

    User-agent: Mediapartners-Google    Disallow:            User-agent: *    Allow: /   Disallow: /*?    Allow: /atom.xml?*        Sitemap: http://www.citrosblog.com/atom.xml?redirect=false&start-index=1&max-results=500

 langkah selanjutnya yaitu setting custom robot.txt header tags  caranya anda dapat melihat gambar di bawah ini.


nah begitulah settingan untuk custom robot.txt Blogspot yang baik dan benar semoga blog anda menjadi blog yang berkwalitas dan mendapatkan page rank dan baik pula di mata mbah google :D

Tutorial membuat blog di blogger

Nah kali ini saya mengajari kepada kalian bagaimana membuat blog di blogger karena beberapa hari ini banyak yang bertanya kepada saya atau minta ajar kepada saya terumatama untuk pembelajaran sekolah bidang TIK.
saya akan jelaskan sampe rinci langkah demi langkah.

mari kita mulai cara membuatnya.

Langkah 1 :
buatlah email terlebih dahulu (saya sarankann menggunakan google mail atau sering di sebut dengan gmail )

Langkah 2 :
setelah anda menyelesaikan langkah pertama maka buka alamat www.blogger.com di web browser anda
maka anda akan menemukan tampilan .

dan masukan alamat email serta sandi email adan kolom tersebut,setelah itu klik Masuk.

Langkah 3 :
setelah anda masuk ke dalam atau login maka akan muncul tampilan seperti di bawah ini.

ini adalah awal dari Tutorial membuat blog di blogger dan saya akan menjelaskannya.
dari tombol di atas maka anda klik saja tombol Lanjut ke Blogger

Langkah 4 :
Di bawah ini adalah tampilan dari dashboard Blogger dan lebih simple dari pada dashboard wordpress

Untuk membuat Blog maka klik saja Blog Baru

Langkah 5 :
Seperti gambar di bawa ini , setelah tadi anda klik untuk membuat blog maka akan muncul gambar di bawah ini.

Isi kan 2 kolom di atas.
*Judul adalah untuk memberi nama blog anda seperti punya saya ini " AFEEF GO BLOGS."
*alamat adalah link ke blog anda misal " afeefgoblogs.blogspot.com"
*Template adalah tema yang akan di gunakan pada blog anda,ada berbagai macam model tinggal anda pilih 1 saja.
Contoh pengisian :

Bila langkah di atas sudah seleasi maka klik Buat blog!

Langkah 6 :

Bila langkah 5 terselesaikan maka Blog berhasil di buat akan muncul tampilan di atas.
dan mulailah mengepost sebuah artikel yang anda inginkan dengan klik Mulai mengeposkan

Ada beragam menu pada blogger yaitu :

akan saya jelas menua di atas sesuai dengan Tutorial membuat blog

*Ikhtisar adalah menu overview pada blogger ( sama dengan wp)
*Post adalah menu untuk memposting artikel,edit,hapus.
*Laman adalah menu untuk membuat halaman seperti "Home,Profil,Contact us,about me"
*Komentar adalah menu untuk melihat komentar yang ada di blog kita bisa jua untuk menghapus
*Statistik adalah melihat sumber pengunjung,jumlah pengunjung dan apa saja yang di buka pengunjung kpada blog kita
*Penghasilan adalah menu sebuah statistik penghasilan blog kita bila di daftarkan Google Adsense
*Tata Letak adalah menu untuk mengatur widget dan penempatannya
*Template adalah menu untuk mengedit template kita dari tampilan,warna,hurus dan lain-lain
*Setelan adalah menu untuk mngatur settingan blog kita.

cobalah sendiri dari masing masing menu di atas,bila tidak mencoba maka anda tidak akan tahu,sama halnya ilmu bila tak di gunakan dengan sebaikbaiknya maka tidak ada gunanya.

sekian dahulu untuk tutorial membuat blog di blogger bila da yang mau di tanyakan bisa contac saya di FB lewat PM (Privat Message) http://facebook.com/afiefgoro

Cara membuat burung twitter terbang di blog

Posting sekarang saya mau bahas tentang tutorial blog yang isinya Cara membuat burung twitter terbang di blog karena masih banyak yang penasaran bagaimna cara membuatnya,ini juga bisa sebagai hiasan di blog agar tampil lebih menarik di mata pengunjung serta untuk follow dengan cara mengklik saja burungnya maka akan sampai ke page twitter kita.kira-kira posting ini bagus kan ?kita coba yuks kawan untuk Cara membuat burung twitter terbang di blog

caranya : Cara membuat burung twitter terbang di blog

• Login ke blogger
• masuk ke Rancangan kemudian tambah gadget
• pilih HTML/javascript
• kemudian masukkan kode di bawah ini

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNabxhXT65ioF71NP1U5iTZVIHQqVnQteH_DG_9XUL-XLGNyyMXUmkhbbwdukam9-XVUWwI3koztFxOgCxbqZ7xvQ7JQWuswJuGge-mjcbX2PW2uwpNa5NG2OZ7lw8DEusWD-6Cv-2qA/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul",
"ol","li","h1","h2","h3","h4","p",
"code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/afeefsixteen";var tweetThisText = "Twitter - afeefsixteen http://afeefgoblogs.blogs.blogspot.com/";tripleflapInit();</script>

•  yang bercetak merah isikan sesuai nama twitter anda dan nama blog anda.
• kemudin simpan dan selesai.

mudah kan  Cara membuat burung twitter terbang di blog ?

Follow twitterq ya

@afeefsixteen

Tutorial cara menghapus atribution di blogspot

Tutorial cara menghapus atribution di blogspot

wah sekarang saya mau post blog berisi tentang tutorial blog karena sudah lama juga saya tidak menge-postnya.
apa yang saya mau post ? yaitu Tutorial cara menghapus atribution di blogspot di kalangan blogger banyak orang yg menghilangkan ini entah untuk keindahan tau apa,kalau saya sih gk terlalu berpengaruh (iyalah gk ada kog di template sya :p)
untuk Tutorial cara menghapus atribution di blogspot gk ribet kog dan cukup mudah,mau tau ?yukz simak

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.
Tutorial cara menghapus atribution di blogspot
pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]>

#Attribution1 {height:0px;
visibility:hidden;
display:none
}

dan save maka selesai lah tutorial ini :)

mudah kan  Tutorial cara menghapus atribution di blogspot semoga bisa membantu !

Cara memasang Breadcumd di blogger

Cara memasang Breadcumd di blogger .Memasangataumembuatbreadcrumbinimemang di anjurkan karena dengan memasang breadcrumb, dapat menutupi salah satu kekurangan SEO untuk blogger.Kekurangan tersebut yaitu alamat url posting yang sangat terbatas. Maka dari itu mari kita pasang breadcumb untuk blog kita untuk keperluan SEO Friendly juga.
cara memasang breadcumb di blogger gk susah susah amat kog J

Cara Memasang Breadcrumb Google di Blogspot / Blogger

• Langkahpertama untukmemasang Breadcrumb di blogger kita login dahulu ke aku kita.
• Masuk ke halaman Design>edit HTML >centang Expand Widget Templates (janganlupaselalu backup template sebelum editing)
• Carikode<b:include data='top' name='status-message'/> , biasanyaterdapat 2 kodetersebut. Bilasudah di temukan, silahkan paste kode dibawah ini tepat di atasnya (paste aja di atas 2 kode yang anda temukan biar ga bingung).

<b:include data='posts' name='breadcrumb'/>

• Sekarangcarikode<b:includable id='main' var='top'>dan paste kodeberikuttepat di ataskode<b:includable id='main' var='top'>

<b:includable id='breadcrumb' var='posts'>
<b:ifcond='data:blog.homepageUrl != data:blog.url'>
<b:ifcond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span>&#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:ifcond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:ifcond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:ifcond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span>&#187; <span>Unlabelled</span>&#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:ifcond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>&#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:ifcond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:ifcond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>&#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>&#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Simpan Template danselesai, andaberhasilmemasang breadcrumb di blogger,tungguhingga ke index oleh google

Untuk mempercantik Breadcrumb yang sudahandapasang, sekarang tambahkan sedikit sentuhan Css berikut ini yang perlu anda tambahkan di ataskode ]]></b:skin>

.breadcrumbs{margin-left:10px;padding: 5px 0;border-bottom: 1px dotted; line-height:1.4em;}

 Itu saja yang kita bahas untuk Cara memasang breadcumb di blogger
Semoga bermanfaat dan mudah di pahami karena ini juga untuk kebutuhan SEO blogspot J

di kutip dari : http://www.bamz.us/2011/11/cara-membuat-breadcrumb.html

Membuat tombol social bookmark di blog

Membuat tombol social bookmark di blog

- tutorial kali ini saya mau mengajari kalain memasang social bookmark dari addthis untuk kalian agar muncul tombol like facebook,share twitter dan google + . ini semua di gunakan untuk mempercantik blog dan juga membuat pengunjung merasa lebih baik serta untuk kebutuhan SEO Friendly.
langsung saja kita mulai bagaimana Membuat tombol social bookmark di blog :

1.masuk ke addthis.com
2.pilih tombolnya
3.setelah terpilih klik Get the code
4.copy semua code yang berada di kolom addthis
 misal :

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f5c32445993cc70"></script>
<!-- AddThis Button END -->

5.masuk ke blogger
6.klik Rancangan
7.Edit HTML > centang expand widget template
8.cari kode <div class='post-footer'> (gunakan tombol Ctrl+F untuk search)
9.paste kode dari addthis di bawah <div class='post-footer'>
10.simpan template

tombolnya akan muncul di bawah postingan bila ingin muncul di atas postingan paste di atas kode <data:post.body/>

cukup mudahkan cara Membuat tombol social bookmark di blog semoga bermanfaat ya :)

Cara membuat related post di blogger

Cara Membuat Related Post Di Blogger

- Related post atau artikel terkait sangat penting di untuk blog,disamping kebutuhan SEO Friendly, related post di blogger juga berfungsi untuk memberi tahu pada pembaca tentang artikel terkait atau related post dengan artikel yang sedang di baca olehnya,
nah sekarang saya akan memberikan tutorial bagaimana Cara membuat related post di blogger agar kalian dapat memasangnya di blog kalian :)

seperti gambar di atas ini jadinya :

1. Login ke blog kamu,
2.klik rancangan
3.edit html >  centang expand template, 
4. cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat diatas kode ]]></b:skin>

/* Related Post */
.related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#E0F5FF;}
.related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}
.related_posts a{color:#000;}
.related_posts ul{padding:0;}
.related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background:url(http://4.bp.blogspot.com/-q-HyNrgjvAE/TzQx3btIV4I/AAAAAAAABbU/PXVhFzfCOwg/s400/star.gif) no-repeat 0 7px;}

5.Langkah berikutnya kamu cari kode <div class=’post-footer-line post-footer-line-1′> kalau tidak ada, alternatifnya cari kode ini <p class=’post-footer-line post-footer-line-1′> dan letakkan kode berikut tepat diatas kode tersebut.
kalo kode di atas tidak ada juga cari kode <div class='post-footer'> dan letakkan script di bawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related_posts'>
<div class='widget-content'>
<h4>Related Post:</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 2;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 2;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if> 

6.simpan templatemu dan lihat hasilnya ..

semoga bermanfaat  Cara membuat related post di blogger ini bagi kalian :)

Add URL Web ke Yahoo dan Google

Add URL Web ke Yahoo dan Google

Setelah kita memiliki web atau blog yang perlu kita lakukan selanjutnya adalah mengelola dan mempublikanya agar di ketahui banyak orang. Mengelola dapat di artikan selalu melakukan update  isi web atau blog. Sedang mempublikasikan dapat di artikan dengan menyebarkannya seluas mungkin agar banyak orang yang mengenal web atau blog kita.

Maka dapat di simpulkan bahwa web atau blog terindeks oleh mesin pencari (search engine)adalah sangat penting.
“bagaimana cara mendaftar ke Google atau Yahoo?”. Kedua mesin pencari yang tersebut adalah situs search engine  paling terkemuka di dunia maya.
Tentu sudah banyak yang menggunakan mesin pencari Google dan Yahoo kan? tentu juga tau kehebohan mesin pencari tesebut

untuk melakukan hal tersebut kita bisa menggunakan cara di bawah ini.

1. Add url ke Google.
Buka alamat link berikut : http://www.google.com/addurl/
Masukan alamat URL anda, kata kunci (pada kolom Comments) dan masukan kode untuk verifikasi. Terakhir klik tombol Add URL.


2. Add url ke Yahoo.
Buka alamat berikut : https://siteexplorer.search.yahoo.com/submit
Namun persyaratannya untuk mendaftar ke Yahoo adalah kita harus memiliki akun Yahoo. Maka bila kita akan membuka alamat diatas akan diminta untuk masuk log (log in) terlebih dahulu.
Masukan alamat URL blog pada kolom seperti tertayang berikut :


tunggu beberapa jam dan selamat web atau blog anda sudah masuk di serach engine google dan yahoo
di kutip dari : http://www.rumahpintar-kembar.com/2011/06/11/add-url-web-ke-yahoo-atau-google/


terimakasih sudah membaca Add URL Web ke Yahoo dan Google semoga bermanfaat bagi pembaca :)

Cara memasang iklan di dalam postingan blog

Cara memasang iklan di dalam postingan blog

Pada Tutorial Blog kali ini saya mau membahas tentang iklan karena stiap blogger ingin mendapatkan uang dari iklan yang mereka pasang,ini semua berlaku hampir pada semua pengguna blogger di karenakan mereka tidak ingin waktu terbuang buang hanya untuk nge-blog namun tidak ada penghasilan.
langsung saja kita ke materi pembahasannya .

ikuti langkah Cara memasang iklan di dalam postingan blog di bawah ini :

• login ke akun blogger
• Klik Rancangan » edit HTML 
• centang Expand Template Widget
• silahkan cari kode

  <data:post.body/>

• karena kode di atas tidak hanya satu maka cari yang pas untuk iklan anda .untuk memasang iklan di atas postingan paste kode di bawah ini di atas kode <data:post.body/> bila ingin di bawah postingan maka paste di bawah kode <data:post.body/>

<div style='float: right; margin-bottom:5px; margin-left:5px;'>

Silahkan masukkan kode iklan disini

</div>

• setelah itu simpan templatenya dan lihat hasilnya.

sekian tutorialnya untuk Cara memasang iklan di dalam postingan blog semoga bermanfaat.

Cara membuat widget recent comment pada blogspot

kali ini saya update post yaitu tutorial blogspot bagaimana Cara membuat widget recent comment pada blogspot ,sebernarnya sudah banyak yang menge post tentang artikel ini namun untuk nambah-nambah postingan gk ap deh :)
tutorial yang saya berikan untuk Cara membuat widget recent comment pada blogspot sangat simpel dan mudah untuk di pahami :)
untuk itu ikuti langkah di bawah ini...

• Login ke Blog anda > Pilih Design
• Kemudian Add a gadged > pilih Feed
• Masukkan Url berikut
• http://BLOG-ANDA/feeds/comments/default
• Ganti yang warna merah dengan alamat blog anda dan simpan

Cara membuat widget recent comment pada blogspot  simpel dan mudah kan?karena hanya tingal copas dan pasang seperti plug and play itu saja.
silahkan di praktekan Cara membuat widget recent comment pada blogspot semoga berhasil :)

Cara membuat widget recent post pada blogspot

Nah kali ini saya mau update artkel yaitu bagaimana Cara membuat widget recent post pada blogspot karena di blogger sendiri tidak ada widget ini dan widget recent post ini di butuhkan oleh orang banyak khususnya untuk blogger untuk mempercantik tampilan blog mereka.
dan caraya pun sangat simpel untuk membuatnya anda bisa mengkuti langkah langkah Cara membuat widget recent post pada blogspot di bawah ini :

• Login ke blog ada pilih design > Pada page elemen kemudian add gadged baru
• Pilih Feed kemudian paste link ini pada feed tersebut http://BLOG-ANDA.blogspot.com/feeds/posts/default

• Klik continue dan beri judul widget tersebut "Recent Post" atau "Artikel Terbaru"
• Tentukan berapa artikel yang ingin di tampilkan pada widget tersebut (maksimal 5 artikel)
• Save dan lihat hasilnya.

Cara membuat widget recent post pada blogspot sebenarnya bermacam-macam, tapi yang saya terapkan ini adalah cara yang paling simpel dan mudah untuk di praktekkan. Kelebihan menggunakan widget recent post ini tidak akan mengganggu atau membuat Blog anda menjadi berat. ya sudah selamat mencoba Cara membuat widget recent post pada blogspot dan semoga sukses :)

Cara Membuat Related Post Gambar Bergerak

Cara Membuat Related Post Gambar Bergerak

- Recent Post adalah widget yang akan menampilkan beberapa artikel / postingan terakhir blog.Jumlah postingan yang di tampilkan bisa diatur sesuai keinginan kita dengan mengacak - acak kode HTML nya. Dengan Related Post Gambar  ini, pengunjung akan dengan mudah melihat beberapa artikel terakhir yang diposting di blog. Dengan sekali klik, pengunjung akan langsung menuju ke artikel yang masih baru atau hangat.

Mau tahu cara memasang   Cara Membuat Related Post Gambar Bergerak dilengkapi dengan bingkai yang tidak bisa digunakan untuk foto dinding di rumah pada blog anda ?
untuk membuat itu ikuti saja langkah langkah di bawah ini :

a. Login ke Blogger.
b. Di halaman Dasbor, kita pilih Rancangan.
c. Kemudian pilih Edit HTML
d. Beri tanda centang pada Expand Template Widget
e. Cari kode </head>
f. Taruh (copy paste) kode berikut ini di atasnya

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}


#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}



#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

g. Cari kode di bawah ini

<div class='post-footer-line post-footer-line-1'>

Atau jika tidak menemukannya cari kode berikut ini

<p class='post-footer-line post-footer-line-1'>

h. Jika sudah ketemu, taruh (copy paste) kode berikut ini di bawah salah satu kode di atas
 

<!-- Marquee Hajsmy Blog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.hajsmy.co.cc/2011/06/cara-membuat-related-post-thumbnails.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.hajsmy.co.cc/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Hajsmy Blog Related Posts with Thumbnails Code End-->

h.save termplate.nya dan Cara Membuat Related Post Gambar Bergerak selesai di pasang.
semoga bermanfaat :)