Pentingkah Tampilan Blog Yang Bagus ?

Berjumpa lagi dengan blog TerAbJad kali ini akan membahas tentang Pentingkah Tampilan blog yang bagus.

Mungkin ada beberapa hal yang harus diperhatikan saat pertama membuat blog, karena sangat berpengaruh terhadap ranking suatu blog. Salah satunya adalah tampilan/desain blog. Dari segi Tampilan menurut TerAbJad tidaklah terlalu penting, namun banyak juga dari teman-teman bloggers yang menganggap tampilan suatu blog yang elegan dan nyaman sangatlah penting.

Tampilan blog yang sederhana namun artikelnya berkualitas lebih disukai pengunjung, dan tampilan blog yang bagus elegan namun artikel tidak berkualitas tidaklah begitu disukai pengunjung, karena satu hal yang membuat pengunjung lebih berlama-lama di blog kita adalah artikel, desain yang ringan, minimalis, dan berkualitas. Itulah beberapa kriteria yang membuat blog kita terus dikunjungi balik oleh pengunjung setia blog kita.

Menjadi bloggers yang berkualitas memerlukan waktu yang cukup lama, mulai dari pengalaman pertama kali membuat blog terus membuat artikel dan mendesain blog agar terlihat bagus. Dari sekian banyak pengunjung tidaklah sedikit yang mengeluhkan blog yang berat dan terlalu lama loading.

Nah maka dari itu TerAbJad beranggapan tidaklah penting kalau kita terlalu berlebihan membuat tampilan blog, karena akan menjadikan loading blog berat....

Dibawah ini ada beberapa kriteria blog yang sangat disukai pengunjung:

1. Blog yang menyediakan konten yang berkualitas, ini menjadi kriteria nomor 1 menurut saya, biar bagaimanapun pengunjung yang datang ke blog kita itu mencari informasi atau ilmu, sekalipun tampilan blog kita sederhana mereka tidak akan peduli, karena yang paling penting apa yang pengunjung cari dia dapatkan di blog kita.

2. Tampilan Blog, Blog dengan penampilan yang menarik tentu akan membuat pengunjung betah dan nyaman membaca informasi di blog kita, namun penampilan menarik disini haruslah disertai dengan loading blog yang ringan dan warna blog yang cerah, agar pengunjung tidak bosan membaca.

3. Navigasi blog yang mudah sangat baik, sebab pengunjung akan lebih mudah mencari informasi dari kategori tertentu. saya sendiri pernah menemukan beberapa blog yang navigasi nya membingungkan, tidak tau harus berbuat apa jadi saya tinggalkan saja blog tersebut. Navigasi tujuannya untuk memberi akses akses kemudahan kepada pengunjung untuk menelusuri blog kita bukannya mempersulit pengunjung.

Semoga bermanfaat, terimakasih.

referensi artikel : http://www.infonakke.com/

Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan

1. Login Blogger
2. Masuk Menu Template - Edit HTML - Lanjutkan
3. Centang pada Expand Template Widget
4. Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
5. Lalu Copy kode berikut dan letakan tepat diatas kode </head>

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn5DB84ruv5J5tqm4-nS61PU38as9ixY_WC1eXNFmtgKqAfoUK4VkRGNOYAQaJHn1Il7U7MUbS5AvGVQ2bVlg94OQKJbPJoxkySWeFwEkSy0CvsFRcMEtphaujkgdsDzvwLNbckCJNkhZS/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->

    6. Selanjutnya cari kode berikut ( Jika ada dua kode, pilih bagian yang kedua ) :

<data:post.body/>

catatan setiap template dapat berbeda beda jika anda sudah memasang readmore anda harus mencari kode di bawahnya
    7. Kalau kode diatas sudah ketemu, Sekarang copy'lah script berikut :

<!-- Start Related Posts-->
<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>
<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=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts-->

    8. Paste'kan kode script diatas tepat dibawah kode :

<data:post.body/>

    9. Jika sudah, klik Simpan Template
    10. jika masih gagal cut kode yang kedua di atas <data:post.body/>yang lainnya,kemudian simpan begitu seteruznya.<!-- Start Related Posts--> ..................<!-- End Related Posts--> menunjukkan dimana artikel terkait kita akan kita letakkan,,kalau double dengan yang lain otomatis tidak bisa
Catatan :
Berikut ini adalah kode yang bisa sobat ganti sebelum menyimpan template, gantilah tulisan berwarna merah sesuai keinginan sobat.

• Menampilkan jumlah artikel terkait yang muncul max-results=7
• Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
• Warna Tulisan var splittercolor=&quot;#000000&quot;;
Nah, itulah tips blog mengenai Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan semoga berhasil yah sobat.