Siapa yang tidak mau tampilan blognya seperti tampilan web? Hayoooo... Maksudnya dam?

Gini loo maksud saya... Aduh... Ketika kita mengunjungi blog lain misalnya, contohsaja78.blogspot.com pada address bar, maka kita akan menjumpai tampilan blog yang kita tuju, ya kan? Nah, biasanya, tampilan Blogspot, Wordpress, atau bahkan tampilan web sendiri, terdiri dari beberapa posting yang memanjang kebawah, serta widget di sidebar kanan, dan kirinya. Bukan begitu?

Bersama saya kali ini, kita akan mengobrak-abrik template kita, kita upgrade menjadi tampilan fresh, dan kita akan coba share, bagaimana caranya membuat tampilan blog kita agar terlihat seperti blog saya.

• Hanya halaman pembuka yang muncul (Maskot saya: Onyo yang mengucapkan "Welcome" kepada anda).


• Tidak ada satupun posting yang muncul di halaman depan (tetapi akan muncul bila halaman itu diklik).

Hayoooo... Gimana? Tertarik ga nih... Mmmmmmh? Jangan malu-malu... Silahkan dicoba... Hiiii...

Ikuti saja langka-langkah PF Tutorial berikut ini.

• Yang pertama, login ke Blogger anda, lalu masuk ke menu Settings/Pengaturan, kemudian pilih Formatting/Format.

• Pada pilihan "Show At Most"/"Tampilkan Sebanyak Mungkin", ganti jumlahnya menjadi 0 post saja yang tampil di halaman depan.

  Sudah? Siip... Jangan lupa di save.


• Yang kedua, masuk ke menu Design/Rancangan, lalu pilih Edit HTML.


• Download Template Lengkap anda untuk mencegah hal yang tidak diinginkan.


• Centang Expand Template Widget


• Kemudian, ctrl+F, lalu cari kode berikut ini <b:include data='post' name='post'/>


• Lalu copy script dibawah ini yang fungsinya menampilkan hanya judul post saja yang tampil pada halaman utama.


• Ganti script <b:include data='post' name='post'/> dengan script dibawah ini.


Dokumen Resmi muhammadadamfirdaus.com


<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div style='float:center; padding:4px;margin:5px;border:2px solid #000000; -moz-border-radius:10px;-webkit-border-radius:10px; background:#FFFFFF; font size: 16px; text-decoration: none; line-height:normal;'> <a expr:href='data:post.url' style='text-decoration:none;'> <data:post.title/></a><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='text-decoration:none;'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></div> <b:else/><b:include data='post' name='post'/> </b:if> <b:else/><b:include data='post' name='post'/> </b:if>



• Jika anda ingin mengubah tampilannya, mainkan scriptnya di background: atau bordernya.

• Ctrl+F, lalu temukan script .comment-link lalu replace script itu dengan ini .comment-link {float:right; overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:2px 5px 0px 0px;}

• Ctrl+F lagi, lalu cari script berikut <b:includable id='status-message'>


• Copy script berikut yang berfungsi sebagai tampilan utama nanti ketika blog anda dikunjungi oleh orang lain.


• Paste-kan pada <b:includable id='status-message'> hingga </b:includable>.


Dokumen Resmi muhammadadamfirdaus.com


<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<a href='http://www.muhammadadamfirdaus.com/search?max-results=500' style='cursor: pointer;' text-decoration='no' title='Masuk ke Websitenya adam...'>
<img Height='180px' border='0' src='http://upload.kapanlagi.com/show.php?photo=20100818203244_cartoon_gorilla_2_4c6be0fc6a52e.gif' text-decoration='none' width='250px'/>
</a>
</div>
<div class='status-msg-hidden'>
<a href='http://www.muhammadadamfirdaus.com/search?max-results=500' style='cursor: pointer;' text-decoration='none' title='Masuk ke Websitenya adam...'>
<img Height='180px' border='0' src='http://upload.kapanlagi.com/show.php?photo=20100818203244_cartoon_gorilla_2_4c6be0fc6a52e.gif' width='250px'/>
</a>
</div>
</div>
<div style='clear: both;'/>
</b:if></b:includable>



• Ganti url www.muhammadadamfirdaus.com, dengan url blog anda.


• Ganti keterangan "Masuk ke Websitenya adam", dengan keterangan yang anda inginkan.


• Hey, ganti juga ya gambar "Onyo" nya? Hehehe... Karena itu maskot saya... Onyo dalam bahasa Pangkalan Bun berarti "Monyet/Orang Utan/dan sebangsanya" Hiiiii...
  Kenapa saya pilih orang utan? Karena disini terdapat Tanjung Puting sebagai pusat konservasi orang utan dunia lho. Makanya saya pilih maskot orang utan, si Onyo...


• Langkah sudah selesai, kemudian save!

Belum paham? Langsung saja tanya pada saya?