Sunday, June 30, 2013

Cara Mempercepat Loading Blog

Setelah libur sehari tidak berbagi kepada sobat R-C Blog'S, rasanya kangen banget hehehe lebay dikit. Nah untuk menghilangkan rasa kangen saya kepada sobat R-C Blog'S saya akan berbagi tutorial blog. Pada tutorial blog kali ini saya akan berbagi Cara Mempercepat Loading Blog. 





Cara Mempercepat Loading Blog:

1. Kurangi Widget/Gadget Blog yang Kurang Bermanfaat
Salah satu penyebab lambatnya loading pada blog adalah karena banyaknya widget/gadget yang kurang bermanfaat. Untuk itu widget/gadget blog yang kurang bermanfaat ini sebaiknya dihapus saja. Dengan demikian selain dapat mempercepat loading blog kita, pengunjung juga akan lebih terfokus pada konten yang ada di dalam blog kita.

2. Hindari Penggunaan Script yang Berlebihan
Penggunaan script yang berlebihan baik itu HTML, CSS, dan Javacript dapat membuat blog kita lebih berat dan loading pada blog kita pun akan semakin lambat. Dengan menghapus kode CSS di atas kode ]]></b:skin>. Selain itu bisa juga mengkompres script baik itu HTML, CSS, ataupun Javasript yang digunakan pada blog kita. Atau bisa juga mengkompres script blog secara keseluruhan agar loading pada blog kita semakin cepat. Tool yang bisa digunakan untuk mengkompres script blog kita salah satunya adalah HTML Compressor.

3. Menambah Script Mempercepat Blog
Selain 2 cara di atas, sobat juga dapat mempercepat loading blog dengan cara menambahkan script percepat loading blog dari lazyload dengan cara menambahkan kode di bawah ini di atas kode </head>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder :
&quot;https://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png&quot;,threshold
: 200});
});
</script>
Dalam beberapa kasus, penggunaan script di atas tidak berefek apapun terhadap loading blog dalam beberapa template blog. Jadi saya sarankan apabila loading blog sobat tidak bertambah cepat, maka hapus script di atas lebih tepatnya jangan di pakai.

Sebenarnya masih banyak cara agar loading blog kita lebih cepat. Namun karna saya masih newbie  jadi saya hanya bisa berbagi sedikit. Sekian dan terima kasih.


Friday, June 28, 2013

Cara Membuat Breadcrumbs Terindex Google

Sesudah makan, saya ingin meluangkan waktu sambil berbagi kepada sobat R-C Blog'S. pada artikel kali ini saya akan berbagi Cara Membuat Breadcrumbs Terindex Google. Pasti sobat sudah tau dong apa itu breadcrumbs??  Breadcrumbs adalah sebuah navigasi yang tedapat pada halaman situs memiliki fungsi untuk melacak setiap halaman dan postingan sehingga memudahkan pembaca untuk  menjelajahi situs berdasarkan kategori yang ada, serta visitor tidak akan bingung ketika ingin mencari data yang terdapat pada sebuah situs karena ia bisa memilih topik dengan mudah juga bisa kembali ke halaman utama.



Cara Membuat Breadcrumbs Terindex Google :
1. Login ke Blogger
2. Masuk ke Template > Edit HTML
4. Cari kode <b:if cond='data:post.title'>
5. Letakkan kode di bawah ini di atas kode <b:if cond='data:post.title'>
   <b:if cond='data:blog.pageType == "item"'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>
6. Kemudian Cari kode ]]></b:skin> 
7. Letakkan kode di bawah ini di atas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
 8. Cari kode <b:includable id='post' var='post'> , perhatikan kode di bawah ini :
  <b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
  <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <b:else/>
9. Letakkan kode di bawah ini di bawah kode <b:else/> seperti diatas.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>
  • Kalau kodenya tidak sama dengan yang saya miliki, silahkan copy kode nomor 9 di atas kode <data:post.body/> yang kedua.
  • Bisa juga ditaruh kode nomor 9 diatas kode <b:if cond='data:post.title'>
10. Save Template
Catatan: Untuk melihat Breadcrumbs sudah terindex atau belum klik disini!!


Cara Memasang TV Online di blog

Pada hari ini saya akan berbagi cara memasang TV online. Mungkin sebagian dari sobat blogger sudah tau bagaimana caranya memasang tv online di blog. Tapi tidak ada salahnya kalau saya berbagi untuk yang belum tau bagaimana caranya memasang tv online di blog.

Berikut Cara Memasang TV Online di Blog:
jika Anda ingin memasang TV Online ini pada halaman postingan sobat. Caranya sangat mudah, copy paste kode HTML di bawah, kemudian menuju pada bagian Entri Baru, kemudian ke bagian HTML di samping Compose, langsung saja paste kode HTML di bawah pada bagian HTML.

Kalau, mau pasang TV online ini di bagian sidebar blog sobat. Caranya pun cukup mudah, langsung saja ke bagian Tata Letak, kemudian ke bagian sidebar yang ingin Anda pasangi TV Online ini. Kemudian tambah Gadget. Copy paste kan kode HTML di bawah. Tapi, ingat dulu, coba ganti dulu High-nya, maksudnya tingginya. Supaya sesuai. Di atas, high yang saya pakai 860. Jadi, silahkan ubah sesuai dengan selera sobat.
Berikut Kode HTML TV Online untuk di pasang di blog:
<embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed><span style="font-size: 50%">Widget TV Online <a href="http://bloggermahir.blogspot.com/2013/03/tutorial-blog-membuat-tv-online-live-streaming-di-blog.html" target="_blank" rel="follow">Mivo TV Online</a></span>

Thursday, June 27, 2013

Download Full Album Terbaru Agnes Monica (AGNES MO)

Pada Kesempatan kali ini R-C Blog'S akan berbagi Full Album Terbaru Agnes Monica (AGNES MO). Pasti sobat sudah tau dong siapa itu Agnes Monica..?? Yupz benar sekali, Agnes adalah seorang penyanyi dan artis berkebangsaan indonesia. Ia memulai kariernya di industri hiburan pada usia enam tahun sebagai seorang penyanyi cilik. Agnes telah merilis tiga album anak-anak yang berhasil mengantarkan namanya ke deretan penyanyi cilik populer di era 1990-an. Selain bernyanyi, ia juga menjadi presenter di beberapa acara televisi anak-anak. Namun pada kesempatan kali ini saya tidak berbagi Lagu semasa kecilnya, tapi Album terbarunya di 2013 ini.

Silahkan download Full Album Terbaru Agnes Monica (AGNES MO) di bawah ini:
  1. Agnes Monica - Hide And Seek.mp3
  2. Agnes monica - Be Brave.mp3
  3. Agnes Monica - Shut Em Up.mp3
  4. Agnes Monica - Lets Fall In Love Again.mp3
  5. Agnes Monica - Renegade.mp3
  6. Agnes Monica - Got Me Figured Out.mp3
  7. Agnes Monica - Things Will Get Better.mp3
  8. Agnes Monica - Walk.mp3
  9. Agnes Monica - Flying High.mp3
  10. Agnes Monica - Bad Girls.mp3

Peringatan:
Ini hanya sebagian kecil koleksi album mp3 Agnes Monica hanya untuk sharing bukan untuk pembajakan. Jadi jika anda penggemar Agnes Monica, belilah kaset dan CD originalnya.


Wednesday, June 26, 2013

Cara Update Status Facebook via Apa Saja dengan HP biasa


Walaupun hp sobat biasa-biasa saja, sobat bisa ko update status facebook sobat seperti melalui Android, BlackBerry, dan yang lainnya. Caranya gampang sob tinggal di pilih aja nih di bawah, mau melalui yang mana. Ayo dipilih - dipilih mumpung masih banyak, hehehe, udah kaya obralan aja....

Status Via Nokia Lumia 920
Status Via Nokia Lumia 800
Status Via BlackBerry
Status Via BlackBerry Torch
Status Via iPhone 4S
Status Via Apple iPhone 4S
Status Via iPad
Status Via iPad 2
Status Via Apple iPad 3
Status Via Nokia N95 8GB
Status Via Nokia 5130 XpressMusic
Status Via Nokia E63
------------------------------------
Status Via iPad 64 GB Milik David Njmenez
Status Via Indonesia
Status Via Hati yang terdalam....!!!
Status Via wedhows 7 semarbhone
Status Via BlackRupuk
------------------------------------
via Indonesian Hacker
via Kaskus
via BlackBerry
via Facebook for BlackBerry PlayBook tablet
via seluler
via MyPad for iPad
via Google
via Yahoo!
via Bing
via Windows Live Messenger
via Facebook Studio
via Facebook Live
via Texas HoldEm Poker
via Ninja Saga
via Joomla
via WordPress
via EasyCash!
via RSS Graffiti
via NetworkedBlogs
via Car Town
via Cafe World
via Kaskuser Maho
via Telkom Indonesia
via STMIK Dipanegara Makassar
via Surga
via Neraka Jahannam
via Linux Ubuntu
via YouTube
via Twitter
via Cyber Crime
via Ovi by Nokia
via Mig33
via Samsung Mobile
via Kementerian Kominfo
------------------------------------
via Indonesia
via Opera Van Java Indonesia
via Random Ayat
via City Ville
via Poker Texas Boyaa
via UberSocial
via UberSocial for Android
via Tumblr
via White Hacker Community
via The Hacker
via M Billiard - Pool
via Like: 1 poin | komen: 2 poin | Cuek: Ga asik lo!
via Penjara Cinta
via Valentino Rossi
via Ninja Kawasaki
via Android
via PlayStation 3
via Xbox LIVE
via Indosat Mobile
via Sony Ericsson
via Telkomsel Flash
via Esia
via Jamban
via Bajaj Ekspress
via Windows Phone
via Point Blank
via Smart Places Checkin for Android
via FriendCaster Pro for Android
via Nokia 3315
via Nokia Social App
via PLN
via Angry Birds
via Kaspersky Support
via Hati Kecilku
via Hp Milik Selingkuhan (minjem)
via Galaxy Tab
Samsung Galaxy Tab
via The Sims Social
via Facebook? for HP webOS
via HP China
via NEXIAN
via Nexian Cappuccino
via Kaskuser Maho
via Go zoOmIt
via Noah Band
via Ungu
via Justin Bieber
 via Facebook Messenger for iPhone
via Facebook Messenger for Blackberry
via Facebook Messenger for Android
via Facebook for Windows Phone
via Chelsea Football Club
via AC Milan
via Alfamart
via Hypermart
via Ambulance Rush
via Just Car Tokyo Drift
via Notifications
via Indomie Hunt
via Pinterest
via Instagram
via Samsung Galaxy Note II
via Screen Muncher
via Blackberry Messenger


Tuesday, June 25, 2013

7 Cara Optimasi Blog

Mungkin sebagian para blogger sudah tau bagaimana cara optimasi blog. Namun tidak ada salahnya kalau saya share untuk yang belum tau cara optimasi blog, sebenarnya banyak sekali yang harus kita lakukan untuk mengoptimasikan blog kita namun berhubung saya masih newbie jadi saya akan share setaunya saya saja. 



Berikut 7 cara optimasi blog:
  • OPTIMASI : Tampilan blog
  • OPTIMASI : Header blog 
  • OPTIMASI : widget untuk interaksi
  • OPTIMASI : alamat ke google
  • OPTIMASI : Alamat ke Yahoo
  • OPTIMASI : Menggunakan ping
  • OPTIMASI : Dengan backlink

Tampilan blog
Cara optimasi blog dengan tampilan blog, emangnya tampilan/design blog mempengaruhi dalam optimasi? mungkin itu yang menjadi pertanyaan sobat blogger, tampilan blog yang bagus dan menarik adalah salah satu optimasi yang dapat meningkatkan pengunjung ke dalam blog, tampilan ini harus sesuai dengan tema yang akan diangkat dan dibahas dalam isi blog kita.Tapi harus kita ingat template yang berat jangan pernah dipakai..??

Banyak ragam template free yang dapat sobat gunakan untuk mempercantik tampilan blog, baik template dari default domain kita ini  hingga template yang disediakn oleh pihak ketiga, jika sobat menggunakan template bawaan blogspot tentunya template blog sobat masih standar, ada banyak sekali template  gratis yang disediakan di dunia maya ini,  cara optimasi tampilan blog ini ada dua cara :
  1. sobat Design Template sendiri dengan menggunakan fasilitas Blogger Design Template   
  2. sobat bisa download template dari situs penyedia Blogger Template
itulah contoh kecil optimasi tampilan blog

Header blog
Optimasi header blog, tahukah sobat jika blog diibaratkan sebuah buku, maka header blog di ibaratkan dengan jilid buku yang bisa mewakili isi dari suatu buku, begitu pula dengan Header Blog yaitu mewakili isi dari suatu blog, tampilan header yang menarik atau setidaknya menunjukan suatu identitas dari isi konten suatu blog akan dapat membantu pengunjung mengenali apa isi yang dimaksud.
Sehingga setelah pengunjung melihat tampilan header akan langsung mengerti konten yang ada di dalam blog sobat, untuk membuat tampilan header pada blog memang perlu sedikit keahlian dalam bidang desain Grafis, seperti Adobe Photoshop , Corel Draw, Gimp dan yang lainnnya.

Widget untuk interaksi
Cara optimalisasi blog lewat widget untuk interaksi dengan pengunjung, salah satu hal yang menarik dan dapat dijadikan optimalisasi blog adalah adanya bermacam macam widget yang dapat dipasang ke dalam sidebar blog. Widget-widget tersebut bukan hanya sebagai pemanis di dalam blog, tetapi dapat pula dijadikan sebagai optimalisasi dan interaksi antara pengunjung dengan admin atau pemilik suatu blog/website.

Jika sobat selalu berinteraksi dengan pengunjung maka sobat akan mengerti dan paham tentang apa yang di butuhkan oleh pengunjung, ada bermacam macam widget blog untuk digunakan interaksi antara pemilik blog dengan pengunjung,tapi ingat widget juga jangan terlalu banyak , karena dapat menambah loading blog menjadi berat 

Alamatkan ke google
Keberhasilan kita menggunakan mesin pencari Web di Internet menentukan keberhasilan kita  berselancar dan memperoleh informasi dengan baik. Mesin pencari adalah mesin yang dirancang untuk mencari informasi di World Wide Web (WWW).

Informasi tersebut dapat berupa halaman Web, gambar, dan berbagai jenis file. Beberapa mesin pencari juga menggali data dari   koran,   buku,   basis   data,   atau   berbagai   direktori   yang   terbuka. 

Berbeda   dengan direktori Web, yang di buat oleh editor manusia, mesin pencari beroperasi menggunakan algoritma atau campuran antara algoritma dan masukan manusia.
Ada cukup banyak mesin pencari automatis di Internet. Beberapa mesin pencari yang baik dan terkenal di Internet adalah:

Ping? Ping adalah sebuah tools atau alat yang dapat sobat gunakan mempromosikan blog ke banyak service yang ada di dunia internet. Jika ping di analogikan sebagai speker pengumuman di keluarahan, maka setiap RT dapat mendengar pengumumam yang dilakukan oleh speaker di kelurahan, jadi jika di dalam dunia blog pengumuman dapat diartikan adalah konten artikel yang ada di dalam blog, dan setiap RT diartikan sebagai web services yang menerima pengumuman.

Sobat sudah mengertikan dengan maksud kata kata diatas? kesimpulannya ping services adalah sebuah tools yang dapat digunakan untuk mempromosikan sebuah konten web/blog di dalam dunia internet. banyak sekali tools yang dapat digunakan untuk melakukan ping diantaranya :
Kamu boleh mempergunakan layanan itu. Dan yang terakhir

Backlink
Cara optimasi blog, pada pada postingan ini saya akan membahas cara optimasi blog dengan backlink atau sering disebut dengan Blogwalking, sebelum mengenal lebih jauh tentang backLink sebaiknya kita mengetahui apa itu BackLink? backliknk atau blogwalking adalah suatu optimasi blog yang sering dugunakan, sobat dapat berkunjung dari blog satu ke blog lainnya dengan memberikan komentar ke dalam blog yang sobat kunjungi. Tentu saja dengan meninggalkan suatu jejak atau link blog milik sobat agar blog sobat yang kunjungi dapat kembali mengunjungi blog sobat.Tapi ingat komentar kita tidak berbau spam,berkomentarlah sesuai artikel blog tersebut.

Sobat dapat mencari blog-blog yang sejenis dengan konten yang ada di dalam blog yang sobat buat, sobat dapat memanfaatkan Google (search engine) untuk melakukan pencarian, selain itu sobat juga dapat mengunjungi layanan Direktory blog, misalkan Blog Catalog, Technorati, Topofblogs, Blogtopsite, dan direktori blog yang lainnya.

Ada beberapa hal yang harus sobat perhatikan dalam meninggalkan komentar yaitu :
Dalam memberikan komentar gunakanlah bahasa yang sesuai dengan bahasan isi/konten blog.
  1. Kunjungi Blog yang mempunyai konten sama
  2. Jangan melakukan Spaming
  3. Berikan kalimat referensi saja jangan kalimat kalimat promosi
  4. Yang penting sertakan Link URL artikel sobat yang berhubungan dengan isi artikel yang sobat kunjungi.


Saturday, June 22, 2013

Cara Membuat Widget Blog Archive Dengan Fungsi Scroll

Rasanya udah lama saya ga posting di blog ini karna ngurusin blog yang 1 lagi. Pasti udah pada kangen nunggu artikel baru dari  R-C Blog'S ya hehehehe, tapi tenang aja yang kangen sama artikel dari R-C Blog'S. Nih saya kasih artikel baru, pada artikel ini saya akan berbagi cara membuat widget blog archive dengan fungsi scroll. Saya rasa dengan fungsi scroll ini widget blog archive jadi lebih menghemat tempat alias tidak memakan tempat, ok buat yang pengen langsung aja ikuti langkah-langkahnya di bawah ini.

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1.  Login ke Blogger.
2.  Di halaman Dasbor, kita pilih Template.
3.  Kemudian pilih Edit HTML
6.  Klik Lompat ke widget  > Lalu pilih Blog Archive
7.  Kode lengkapnya kurang lebih seperti di bawah ini, karna setiap blog berbeda-beda kodenya. Tapi tenang aja pasti sama koq cuma beda di kode BlogArchive-nya aja biasanya di belakangnya ada 1,2, atau 3.
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
8.  Kode warna merah dan biru adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah seseuai selera. 
9.  Terakhir, Klik Simpan dan selesai..


Thursday, June 20, 2013

Cara Membuat Artikel Terkait dengan Gambar/ Thumbnail


Cara Membuat Artikel Terkait dengan Gambar/ Thumbnail :
1. Login ke Blogger sobat,
2. Pada halaman Dasbor, pergi ke Template dan pilih Edit HTML
3. Cari kode </head>
4. Letakkan CSS dan JavaScript berikut ini sebelum kode </head>
<!--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.3em;
font-weight: bold;
color: #000000;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#000000;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://eflianda-blogzzz.googlecode.com/files/relatedthumbs.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
5. Setelah itu cari kode <div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'/>
6. letakkan script berikut di atas kode tersebut.
<!-- 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=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Artikel Terkait&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
- Angka berwarna Merah adalah jumlah posting tampilan related post, sesuaikan selera sobat.
7. Terakhir, Klik Simpan Template

Cara Membuat Artikel Terkait Dengan Scroll Box


Cara Membuat Artikel Terkait Dengan Scroll Box:
1. Seperti biasa sobat masuk dulu ke blogger
2. Masuk ke Template >> Klik Edit HTML
3. Cari Kode ]]></b:skin> dan letakkan CSS berikut diatasnya:
/* Artikel Terkait */
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
Keterangan: 
1. #E0F8E0 = kode warna kotak background Related Post (ganti sesuai selera sobat),
2. #EFFBEF = kode warna kotak background 'hover' related post 
muncul pada saat disorot mouse (ubah dengan warna kesukaan sobat).

Masih belum selesai.
4. Sekarang cari kode <data:post.body/> atau <div class='post-body>,
5. letakkan script berikut ini di bawah kode tersebut
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H4>Related Post:</H4>
<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 = 5;
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. Klik Simpan Template, dan sobat silahkan lihat hasilnya.