Selasa, 27 November 2012

Kelestarian Sumber Air Minum Bersama Unilever Pureit

Kembali ikutan KONTES SEO nih, nah pada kontes ini tepat dengan kondisi daerah saya khususnya NTT . Sobat saya akan bercerita sedikit mengenai daerah saya NTT, yang merupakan kampung halaman saya. 

Sesuai dengan tema Artikel ini, saya akan bercerita sedikit masalah yang masih dihadapi di daerah saya yaitu Kelangkaan Air Bersih.Di daerah saya , banya pedesaan yang  letaknya dekat pegunungan, tapi gunung tersebut sudah "disulap" menjadi lahan perkebunan. Hal ini membuat semua mata air yang ada di kaki gunung menjadi kering. Warga masyarakat yang pada umumnya bermata pencarian adalah bertani harus hidup serba pas-pasan. Dimusim kemarau seperti sekarang ini, daerah saya termasuk  sangat rawan air bersih. Hal ini dikarenakan berkurangnya debit mata air yang ada. Warga rela berjalan berkilo-kilo untuk mendapatkan dua jerigen air bersih yang letaknya jauh dari pemukiman desa. 
Masalah lainya adalah , banyak timbul penyakit diare akibat mengkonsumsi air kotor, masyarakat khususnya di desa-desa salah satu "kesalahan" yang ada sampai sekarang adalah sering mengkonsumsi air mentah langsung dari sumber mata air tersebut. Hal ini membuat banyak warga sering terjangkit penyakit diare.
Jadi untuk Anda yang membaca postingku ini, jujur di daerah saya khususunya NTT sangat rawan AIR BERSIH.Apalagi intensitas kemarau yang sanagat panjang membuat semua lahan milik warga kering dan tidak berfungsi semestinya. Jadi kami hanyamengharapkan musim hujan tiba........


(Berita Daerah - NTT) Sejumlah warga antre mendapatkan air bersih di sebuah kran saluran air di Waewole, Watunggene, Kota Komba, Manggarai Timur, NTT, Kamis (25/10). Sebagian warga di kawasan pesisir selatan pulau Flores mengalami kesulitan air bersih terutama pada musim kemarau.
http://beritadaerah.com/denyuts/getContent/61067

Peralihan musim kemarau ke musim hujan seperti saat ini memicu terjadinya penyakit muntaber sebagaimana dialami seorang anak di Belu yang kini dirawat di RSU Atambua ini. Warga harus menjaga kebersihan makanan dan minuman serta hati-hati mengonsumsi mangga yang tidak memenuhi unsur kesehatan.Spirit NTT, 15-21 Desember 2008


Lahan Pertanian yang tandus akibat musim kemarau yang pangjang di NTT.


(WAINGAPU, RIMANEWS - Akibat musim kemarau dan kekeringan, warga Desa Pambotanjara, Kecamatan, Kota Waingapu, Kabupaten Sumba Timur, NTT, terpaksa menggunakan air dari rawa untuk kebutuhan hariannya.
Hal itu dilakukan karena sumber air yang lebih bersih, berada di kecamatan tetangga dan jauh dari desa mereka.
Warga datang ke rawa yang dikenal dengan nama Danau Wairinding itu dengan berjalan kaki atau menggunakan kuda tunggang. Selain datang mengambil air, warga juga membawa ternak mereka untuk minum dari air rawa yang tersisa.
Walau air telah nampak keruh bercampur lumpur, warga tetap mengambil air di tempat itu.)




( Metrotvnews.com, Kupang: Krisis air bersih telah memaksa warga Desa Kuanheun, Kecamatan Kupang Barat, Kabupaten Kupang, Nusa Tenggara Timur (NTT), mengambil air ke dalam gua.

Musim kemarau yang berlangsung sejak awal Agustus lalu telah membuat seluruh sumur milik warga mengering. Untuk mengambil air, mereka berjalan kaki sekitar dua kilometer dari permukiman.
)
 

 Sedikit Mengenai   Pureit Unilever

 Air minum isi ulang dihasilkan dari alat filter penyaring air. Pureit Unilever bukan sekedar alat penghasil air minum isi ulang dengan filter penyaring air biasa. Pureit Unilever menggunakan standar terketat EPA (Environmental Protection Agency) USA yang menghilangkan log 6 bacteria, log 4 virus, dan log 3 parasites. Pureit Unilever adalah alat penghasil air minum keluarga yang memiliki filter penyaring air berteknologi baru yang merubah air mentah (air sumur, air PAM) menjadi air siap minum yang sehat dan bebas dari kuman.
Berbeda dengan filter penyaring air biasa, Pureit Unilever bekerja tanpa listrik dan gas sehingga biaya penyediaan air minum sehat menjadi hanya Rp100/liternya atau Rp1.875/galon. Pureit Unilever memiliki sertifikasi pengujian dalam dan luar negeri. Maka layak Pureit Unilever memperoleh penghargaan internasional UNESCO Water Digest Water Award 2008-2009 in the category of Best Domestic Non-Electric Water Purifier.

Keunggulan Pureit

  1. Sangat praktis. Hanya memasukkan air ke dalam alat dari bagian atas, Pureit akan memurnikan air untuk siap minum.
  2. Tidak memerlukan gas, listrik, dan saluran pipa.
  3. Biaya per liter pemurnian air hanya Rp100, jauh di bawah harga air galon dari merek ternama (Rp526/liter), air isi ulang (Rp187/liter), dan air rebus (Rp107/liter).
  4. Air terlindungi dari kuman berbahaya penyebab penyakit dengan menggunakan standar terketat EPA (Environmental Protection Agency) USA yang menghilangkan log 6 bacteria, log 4 virus, dan log 3 parasites.
  5. Pureit memiliki indikator yang dapat menunjukkan lebih awal kapan perlu mengganti Germkill Kit (mekanisme penghentian otomatis).
  6. Kapasitas hingga 9 liter di top chamber ditambah 9 liter di transparent chamber.
  7. Garansi cacat satu tahun.

Tips SEO - Cara Membuat Deskripsi Blog Otomatis Sesuai Judul Postingan






TipsSEO - Cara Membuat Deskripsi Blog Otomatis Sesuai Judul Postingan - Pada kali ini Anaktimor17 Blogakan share tentang sebuah deskripsi untuk blog. Dalam pembuatan deskripsi blog memang sudah barang tentu harus sesuai dengan isi konten blog. Deskripsi yang relevan akan membuat Search Engine dengan sangat mudah mengindeksnya.

Keuntungan yang didapat dari tutorial yang saya share ini yaitu membuatdeskripsi blog secara otomatis selain mendapat keyword dari postingan blog, juga akan mendapat tambahan keyword pada deskripsi blog. Lalu bagaimana cara membuatnya? Ok kita mulai cara memasangnya pada blog.

Berikut langkah memasang deskripsi blog secara otomatis pada blog :

1. Log in ke Blogger
2. Pilih Rancangan
3. Pilih Edit Html
4. Cari kode seperti di bawah ini :
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>

5. Kalau sudah, ganti semua dengan kode di bawah ini :
<div class='descriptionwrapper'>   <b:if cond='data:blog.pageType != &quot;item&quot;'><p class='description'><span><data:description/></span></p><b:else/><p class='description'><span><b:if cond='data:blog.pageType == &quot;item&quot;'><strong><font style ='text-transform: uppercase;'><u><i><data:blog.pageName/></i></u></font></strong></b:if></span></p></b:if>  </div>

6. Selesai, simpan template
Hasilnya bisa anda lihat pada blog saya ini, coba anda klik salah satu postingan saya. Sekian postingan tentang cara membuat auto deskripsi blog sesuai judul postingan, semoga bermanfaat dan happy blogging.Sobat, jangan lupa kasi komentarnya yah.

Tips SEO - Cara Membuat Internal Link Yang Paling OK





TipsSEO - Cara Membuat Internal Link Yang Paling OKSobat , apa itu InternalLink ? Internal link adalah tautan yang jika di klik akan mengarah ke salah satu artikel di dalam website / blog sendiri. Tutorial ini ditujukan bagi anda yang dikemudian hari akan mengganti nama domain baru dengan maksud apabila anda sudah berganti nama domain dari blogspot ke dot com atau domain yang lain, maka link yang anda buat sebelumnya akan mengikuti ke domain yang baru, jadi tidak akan hilang link yang lama yang akan mengakibatkan terjadinya linkerror / broken link  pada domain yang baru.


Berikut cara membuat internal link supaya aman didalam postingan blog :
1. Contoh link yang biasanya dipasang di dalam postingan seperti berikut :

<a href="http://anaktimor-17.blogspot.com/2012/11/cara-cepat-dapat-google-pagerank-dan.html">Cara Cepat Dapat Pagerank</a>

2. Nah untuk lebih amannya gunakan penulisan Internal Link seperti berikut :

<a href="/2012/11/cara-cepat-dapat-google-pagerank-dan.html"> Cara Cepat Dapat Pagerank</a>

Keterangan :
Untuk cara yang pertama adalah link yang biasa / umum dipasang dalam membuat internal link dalam postingan, hal itu akan mengakibatkan kerugian yang sangat besar apabila anda sudah berganti domain. Mengapa bisa rugi ? karena dengan mencantumkan nama url anda pada internal link yaitu misalnya http://anaktimor-17.blogspot.com/2012/11/cara-cepat-dapat-google-pagerank-dan.html anda akan susah harus mengedit satu persatu link yang sudah dibuat karena link tersebut tidak ikut ke domain yang baru. (Lihat url yang warna biru, tidak usah anda cantumkan)

Untuk cara yang ke dua, adalah kebalikan dari cara yang pertama, jadi cara yang kedua adalah cara yang benar dalam memasang internal link, karena biarpun anda sudah berubah domain, link tersebut masih mengikuti domain yang baru.

Penting untuk dibaca !
Didalam penulisan internal link, dianjurkan menggunakan edit dalam posisi HTML (bukan compose). Dan setelah internal link selesai dibuat, jangan menuju ke posisi Compose, biarkan saja pada posisi HTML, karena jika sudah anda kembali ke mode Compose maka akan secara otomatis akan kembali ke domain semula (blogger.com) dan langsung aja anda publish pada posisi HTML.

Nah sekian dulu pembahasan tentang cara memasang internal link yang aman dalam artikel blog, semoga bermanfaat dan happy blogging.Sobat, jangan lupa kasi komentarnya yah.

Tips SEO Jitu Mengatasi Crawl Error di Google Webmasters Tool


Cara Mengatasi Crawl Error di Google Webmasters Tool | Difinisi dari Crawl Error yaitu tool yang ada di Webmasters Tools Google yang berfungsi untuk memperlihatkan data/laporan dari sebuah website atau blog tentang broken link / link rusak dan google tidak dapat melacak / menemukan link blog / website.

Cara Mengatasi Crawl Error

Terjadinya Crawl Error disebabkan oleh beberapa factor. Dampak dari Crawl Error yaitu bisa menghambat / menurunkan reputasi atau kepopuleran suatu blog atau website di mata Search Engine. Dan pengunjung blog anda lambat laun akan semakin berkurang karena blog anda tidak lagi berkawan dengan SE.

Contoh terjadinya crawl error :
1. Misalnya anda membuat artikel / postingan, lalu postingan anda sudah dipublikasikan dan karena anda tidak suka atau factor lain, anda melakukan penghapusan/delete postingan anda.
2. Atau juga menghapus jenis categories/label.
3. Menghapus daftar menu, seperti daftar isi dll.

Cara mengatasi crawl error, kunjungi dulu di https://www.google.com/webmasters/tools

1. Klik URL blog anda
2. Klik Diagnostics
3. Klik Crawl Errors
4. Copy link error yang ditemukan
5. Klik Site Configuration
6. Crawler Access
7. Remove URL
8. New Removal Request
9. Paste link yang telah di copy tadi
10. Klik Continue
11. Klik Submit Request
12. Lalu ulangi lagi langkah-langkah seperti diatas untuk menghapus error yang lainnya
13. Tunggu dengan hati yang sabar untuk beberapa hari, crawl error anda pasti akan cepat teratasi dan akan hilang

Sudah selesai pembahasan mengenai cara mengatasi crawl error di webmasters tool google, semoga bisa bermanfaat untuk anda dan selamat berkarya, happy blogging

Tips SEO - Cara Membuat Template Blog 100% SEO Friendly



Tips SEO - Cara Membuat Template Blog 100% SEO Friendly - Untuk menjadikan blog SEO Friendly sudah banyak dibahas oleh blogger lainnya, tapi disini saya mencoba share ulang siapa tahu masih ada yang membutuhkan dengan tips Seo ini. Blog yang sudah SEO Friendly berpengaruh sekali terhadap kontennya di hasil pencarian search engine. Bagaimana cara bikin blog seo friendly? Ternyata google menyukainya blog yang sudah SEO Friendly. Ok kita mulai saja pada inti pembahasan.





Nah buat Sobat yang mau blog-nya jadi 100 % SEO Friendly, silahkan ikuti langkah-langkah dibawah ini :

1. TIPS SEO - Merubah Judul Blog Berada Dibelakang Judul Postingan
Untuk kita lihat standard titel blog bawaan blogger yang masih belum dirubah biasanya seperti ini  : Judul blog lalu Judul Posting. Nah kita harus membaliknya supaya Judul Blog berada dibelakang judul postingan, caranya yaitu :

1. Login ke Blogger >> Templates >> Expand Widget Templates .
2. Sobat cari kode berikut  <title><data:blog.pageTitle/></title>
3. tekan CTRL + F untuk mempercepat proses pencarian.
4. Jika sudah ketemu, silahkan hapus dang anti dengan kode ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> |
isi dengan keyword anda | isi dengan keyword anda </title>
</b:if>


2. Tips SEO - Memasang Meta Tag Deskripsi dan Keyword
Google sangat menyukai Blog apabila blog tersebut mempunyai tema dan isi konten yang jelas, maka tambahkan meta tag. Untuk membuat meta tag di setiap postingan blog, silahkan Klik Disini dan untuk membuat meta tag dinamik di setiap postingan blog secara otomatis, silahkan Klik Disini

3. Tips SEO- Memasang Breadcrumb
Menu navigasi breadcrumbs biasanya terletak diatas postingan. Untuk membuat breadcrumb, silahkan Klik Disini 

4. Tips SEO - Memasang Permalink Tag
Permalink dapat diartikan sebagai url yang diambilkan dari judul artikel dan untuk membuat atau memasang permalink tag, silahkan KlikDisini.

5. Memasang Rel Canonical
Manfaat memasang rel canonical yaitu agar terhindar dari duplikat konten, untuk memasang rel canonical didalam template, silahkan Klik Disini

6. Merubah Tag Heading H1, H2 H3
Bagaimana untuk merubah tag h1, h2 h3 yang SEO yang sangat disukai oleh Google, simak tutorialnya dengan meng- Klik Disini.
7. Memasang Related Post./ Artikel Terkait
Untuk membuat related post atau artikel terkait yang jelas menjadikan banyak pilihan bagi pengunjung untuk melihat artikel anda yang lainnya dan juga bagus untuk SEO. Saya ada beberapa koleksi related post, silahkan klik link dibawah ini :
- Cara Membuat Related Post / ArtikelTerkait Di Dalam Postingan Blogspot
-
Membuat Related Post Thumbnail di Bawah Postingan
-
Cara Membuat Related Post / ArtikelTerkait Dengan Fungsi Scroll
-
Cara Membuat Related Post ThumbnailPlus Kotak Feedburner

8. Mematikan fungsi Archive / Arsip
Dengan mematikan fungsi arsip akan menghindari duplicate content. Biasanya link arsip akan seperti ini : http://bloganda.blogspot.com/2012_09_09_archive.html. Link ini muncul disebabkan karena ada judul postingan yang sama ketika anda menulis dan mempublish postingan tersebut. Atau bisa juga dikatakan dengan suatu link yang menuju halaman yang berbeda tapi memiliki isi konten yang sama. Bagaiamana untuk menghindarinya?

Cara Pertama :
Caranya anda cukup mensetting setelannya yaitu pada dasboard lalu klik Setting=> Archiving => ubah menjadi no archive

Cara kedua :
Cari kode  <head>  dan letakkan kode berikut dibawah kode <head>:

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

9. Menonaktifkan versi Mobile / Selular
Caranya juga sama dengan no.8, yaitu pada dasboard => setting/setelan=> seluler dan email => pada mempublikasikan entri menggunakan email centang saja dinonaktifkan
Silahkan dicoba untuk Sobat yang blognya masih belum menerapkan tutorial diatas, semoga postingan mengenai CaraMembuat Template Blog 100% SEO Friendly ini dapat bermanfaat, happy blogging. Sobat, jangan lupa kasi komentarnya yah.

Cara Pasang atau Membuat Related Post Thumbnail Plus Kotak Feedburner


Cara Membuat Related Post Thumbnail Plus Kotak Feedburner | Pada postingan sebelumnya saya juga pernah bahas tentang cara membuat Related Posts / Artikel Terkait dengan fungsi scroll di blog dan untuk postingan yang berikutnya juga pernah saya bahas mengenai cara bikin Related Post / Artikel Terkait Thumbnail di dibawah postingan .
Nah pada Postingan kali ini akan membahas tentang Related Post / Artikel Terkait juga, tapi pada pembahasan ini saya akan menggabunfkan Artikel Terkait di bawah postingan dengan Kotak Feedburner. Menarik Bukan? Tutorial ini saya dapat dari creatingwebsite-maskolis.  Lalu bagaimana cara membuat fitur Related Post Thumbnail/gambar yang digabung dengan kotak Feedburner dalam satu kotak tersebut? Mudah sekali kok.Ok kita langsung ke topik pembahasan. Nanti hasilnya akan terlihat seperti gambar di bawah ini di bawah postingan blog. Contoh related post / artikel terkait yang ada di gambar saya ini cuma ada satu gambar, jika postingan anda banyak, maka akan terlihat hanya 6 gambar saja.

membuat related posts plus feedburner

Berikut langkah cara bikin related post plus feedburner di bawah postingan blog :
1. Login ke Blogger
2. Pilih Rancangan
3. Pilih Edit HTML centang expand widget templates
4. Backup dulu template anda, biasa deh untuk jaga-jaga apabila ada kesalahan edit
5. Lalu cari kode ]]></b:skin>
6. Kalau sudah dapat, letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

#related{background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;text-shadow:0 1px 0 #000;margin:0 0 5px;padding:10px}
ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}
#related .related-posts{font-weight:400;width:50%;float:right}
#related .related-posts p{margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #333;display:block;height:72px;position:relative;width:72px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#related .subscribe{width:43%;float:left;color:#bdbdbd;}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHE3TCRl7qPrS0I4ikVHnqG6Azw1uPkU371VJW1UhP50aHnSQf9kFzGRik9TskLbhRYQFaDzxeo38mllE7_wYwghrRGHNuarVrWY4FpzloTGiBXCL58loLlZXDK70V8NEU-gPxWDLhJc/) 0 50% no-repeat;vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}

7. Berikutnya anda cari lagi kode <data:post.body/>
8. Kalau sudah dapat, letakkan kode di bawah ini tepat di bawah kode <data:post.body/> (jika pada template anda terdapat 2 atau 3 kode, anda pilih kode yang terakhir ya)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>Related Articles</p>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBFI0y0q0LECCd-SL1TCku8I8EawmgeebunGrrSsaDljM4B8yDY_2Mv32KJF815X2ackpX5PDVYiFP-x3jQ0DgN6mQsQsPQI7guWM3kkZRSKALuSZX4Cathrb6VBlo4NphVPfFsuoxH04/s1600/no+image.jpg&quot;;
var maxresults=6;
</script>
<script src='https://sites.google.com/site/blogrudyhartono/js/related.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<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=6&quot;' type='text/javascript'/>
</b:loop>

<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>                
</div>

<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/Anaktimor17 Blog' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://anaktimor-17.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Anaktimor17 Blog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='Anaktimor17 Blog'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/Anaktimor17 Blog'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Anaktimor17 Blog?bg=ceaa6c&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a>
</form>
</div>
</div>
</b:if>

9. Selesai, Save Templates dan lihat hasilnya di bawah postingan blog anda.

Keterangan :
Warna bold hitam : ganti dengan alamat feed anda.
Warna biru : ganti dengan URL anda.

Nah selamat mencoba dengan postingan saya tentang cara mudah membuat Related Post gambar/thumbnail plus Feedburner. Semoga bisa bermanfaat untuk anda semua dan happy blogging.

Cara Membuat Related Post / Artikel Terkait Dengan Fungsi Scroll


Cara Membuat Related Post / Artikel Terkait Dengan Scroll | Pada postingan sebelumnya saya pernah bahas tentang Cara Membuat Related Post / Artikel Terkait Di Dalam Postingan Blogspot. Nah untuk tutorial yang ini pasti sudah tidak asing lagi bagi anda, tapi alangkah baiknya kalau saya bahas lagi, mungkin masih ada yang membutuhkan Related post / artikel terkait dengan scroll tersebut.

Membuat Artikel Terkait

Dengan memasang related post / artikel berhubungan pada blog anda, akan memudahkan pengunjung untuk melihat artikel yang lain yang sudah anda posting sebelumnya. Nah hal itu akan juga akan mempercantik blog anda karena mudah untuk dilihat pengunjung.

Berikut cara membuat Related Posts dengan fungsi scroll di blog :

1. Login ke Blogger
2. Buka Rancangan => Edit HTML
3. Centang pada Expand Widget Template
4. Cari kode <p><data:post.body/></p> (gunakan Ctrl + F biar cepat pencariannya)
5. Setelah dapat, lalu copy kode di bawah ini dan letakkan di bawah kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
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;albri&#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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
6. Langkah selanjutnya cari kode ]]></b:skin>
7. Lalu copy kode di bawah ini letakkan di atas ]]></b:skin>

/*-- Related Post dengan Scroll by Blog Rudy Hartono --*/
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}

8. Selesai, simpan template

Keterangan :
1. #E0F8E0 = menunjukkan kode warna dari bacgkround kotak Related Post (ganti menurut selera anda)
2. #EFFBEF = menunjukkan kode warna dari bacgkround kotak related post pada saat disorot mouse (ganti dengan warna kesukaan anda)

Sobat Anaktimor17 Blog sekian dulu pembahasan cara bikin Related Post dengan scroll di Blogspot, semoga bermanfaat dan selamat mencoba,Sobat jangan lupa komentarnya yah.