Memasang Kode HTML pada Blog

Bagi pengguna template baru blogger.com diharapkan tutorial ini bermanfaat bagi anda, karena postingan kali ini adalah bagaimana caranya memasukkan kode HTML pada Blog, khususnya buat anda para blogger yang menggunakan template baru dari blogger.com. Baiklah untuk tidak memperpanjang mukhaddimah marilah kita mulai pembahasannya. (Emang ceramah pakai mukhaddimah segala. hehehehe).
Oke dech, mari kita mulai... letsgo....
1. Ketik http://www.blogger.com
2. Login dengan User ID dan Password anda
3. Klik Menu Tata Letak
4. Klik Tambah Gadget
5. Pilih HTML/Javascript
6. Masukkan Kode HTML pada kolom yang disediakan
7. Klik Simpan / Save
8. Untuk Memindahkan Posisinya, anda bisa drag ke tempat yang diinginkan kemudian lepaskan, dan jangan lupa klik save lagi setelah selesai. Klik View/Pratinjau untuk melihat hasilnya. Selamat mencoba ya, semoga bermanfaat..... dan jangan lupa comment ke postingan ini ......

»»  Readmore this article...

Membuat Related Post Dengan Thumbnails

Setelah beberapa waktu tidak melakukan update pada blog zona-klik, kali ini admin akan memberikan sedikit tips seputar blog kepada pembaca setia zona-klik yang mungkin telah lama menunggu posting terbaru pada blog ini. Adapun posting kali ini zona-klik ingin sharing tentang "Membuat Related Post Dengan Thumbnails". . Dimana Related Post tersebut berbeda dengan Related Post yang dibahas pada artikel ini. Related Post pada artikel sebelumnya hanya menampilkan link judul posting dibawah artikel  yang berhubungan dengan artikel yang sedang dibaca, sedangkan related post dengan thumbnails akan menampilkan link judul beserta gambar.

Berikut adalah lagkah-langkah yang harus dilakukan untuk membuat Related Post Dengan Thumbnails :

1. Login ke account blogger anda

2. Masuk ke halaman Edit Html dan jangan lupa beri tanda centang pada "Expand Widget Templates"

3. Cari dan temukan kode </head>

4. Gantilah kode tersebut dengan kode dibawah ini :

<!--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-->
</head>

5. Cari dan temukan lagi kode dibawah ini pada halaman Edit HTML Template blog anda 

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

6. Letakkan kode dibawah ini persis dibawah kode diatas

<!-- 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><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

7. Simpan Template

Apabila langkah-langkah diatas di lakukan dengan benar coba lihat hasilnya pada blog anda, maka related post dengan thumbnails muncul pada halaman posting.

Semoga bermanfaat. 

»»  Readmore this article...

5 Situs Penyedia Cover Facebook Timeline

5 Situs Penyedia Cover Untuk Facebook Mode Timeline
Gak usah pake basa-basi, kamu pasti sudah pengen banget mengubah tampilan facebookmu menjadi seperti yang saya pernah tampilkan di artikel 10 profil facebook paling kreatif. Saya menemukan 5 situs penyedia cover (sebenarnya diberitakan oleh Mashable) yang akan mewujudkan impianmu membuat sebuah cover keren nampang di profil. Berikut daftar situsnya, gausah diulas banyak-banyak tinggal langsung ke TKP aja ya..
www.coverphotoz.com

Salah satu situs terbaik penyedia cover yang dibidani oleh 2 anak magang Facebook, jadi silahkan deh ubek-ubek sendiri karena disini tersedia banyak gambar landscape yang sangat menarik.
www.myprofilecover.com

Didirikan oleh web dan grafik desainer. Walaupun masih banyak kategori yang tidak terisi tetapi gambar-gambar di situs ini patut diperhitungkan.
www.facecoverz.com

Banyak cover aneh disini, terutama yang bertema “Meme”, jadi bagi para pemburu cover-cover aneh disinilah tempatnya.
www.coverphotofinder.com

Situs ini menyediakan sangat banyak gambar untuk cover bahkan dengan kustomisasi sendiri walaupun belum terlalu maksimal hasilnya. Tetapi daripada tidak, mending bookmark dulu situs ini siapa tahu bisa berguna di masa depan
www.coverize.me

Situs ini agak banyak pengunjungnya, kamu harus sabar dalam melihat satu persatu gambar yang disediakan karena sebenarnya banyak yang bagus cuma karena saking terlalu banyaknya kadang malas untuk mencarinya satu persatu. Untuk menandai gambarnya diambil dari situs ini maka dipakai watermark.

»»  Readmore this article...

Situs Download Game Gratis

Informasi tentang game gratis terbaru bisa kamu temukan di banyak website game gratis. Tapi ada beberapa situs game gratis, yang biasanya bintang sering datangi untuk hanya sekadar melihat saja atau langsung mendownload game gratis tersebut.
Berikut daftar situs game gratis..yang bintang tahu :D :
freewaregaming.com
Seperti dari nama situs itu, sudah ketahuan betul situs ini adalah website game gratis. Nggak perlu ragu dan nggak perlu memfilter hasil pencarian. Karena semua game gratis yang disediakan benar-benar freeware alias free for use.
Situs game gratis ini juga menyediakan review, panduan, berita terbaru serta

»»  Readmore this article...

Antivirus Terbaik dan Terbaru

Sebenarnya bintang sudah menulis daftar 300 software terbaik yang memuat juga daftar antivirus terbaru yang bisa di download secara gratis tanpa bayar. Tapi bintang tulis lagi khusus untuk antivirus, bukan hanya dalam negeri tapi juga smadav, antivirus buatan dalam negeri alias lokal.
Berikut Daftar Situs Anivirus terbaik luar negeri (kunjungi langsung bookmark) :

• AVG Free
• Avast Home Free
• AntiVir PersonalEdition

Sedangkan Situs antivirus terbaik dalam

»»  Readmore this article...

300 Software Gratis terbaik tahun 2011 -2012

Banyak software gratis yang luar biasa yang bahkan dapat menggantikan software berbayar. Winaddons secara resmi telah mengumkan software terbaik antara 2009 sampai 2010 bahkan daftar ini mungkin akan bertahan sampai 2012 dimana itu adalah akhir dunia. Semua peringkat diambil dari data semacam review kepuasan download dsb
Banyak juga software baru yang masuk daftar, walau begitu masih terlihat cukup banyak software terbaik adalah muka-muka lama. Daftar aslinya bisa anda dapatkan disini. Secara keseluruhan bintang setubuh-setubuh aja dengan daftarnya to memamg beberapa softwware digunakan di komputer sendiri.
Cara download software cukup gampang kok, tinggal telusuri aja link yang ada. Dimana itu akan membawa kamu ke website pembuat resmi. Selain kamu bisa yakin download secara aman tanpa virus, kamu juga bisa mendapatkan update terbaru dari software

»»  Readmore this article...