Cara Membagi Halaman Posting di Home Page
07:00 wita
- Selasa, 10 Juli 2012
-
Seperti pesan saya sebelumnya, jangan ikuti kejelekan saya [gonta-ganti Template] karena di search Engine :w; sangat jelek, sedangkan disatu sisi rasa puas khususnya saya secara pribadi tidak pernah tercapai, apa kawan juga sama seperti saya ?! :i;
sekarang saya berikan solusi sebagai alternatif perubahan misalnya halaman posting di Home Page kita bagi menjadi dua bagian, :y; inilah yang akan saya bahas dan berbagi dengan kawan, karena caranya sangat simple karena hanya menambahkan beberapa script tercapailah tujuan kita :q; seperti Blog saya ini Kalau aslinya Blog saya terdiri dua kolom [Sidebar dan Halaman Posting seperti pada Single-Page], bagaimana kawan berminat mencobanya.
Sebelum ke Cara Membuatnya, tolong perhatikan pesan saya ini yaitu :
- Template kawan sudah terpasang Read more Otomatis
- Perhatikan Lebar bagian Halaman Posting / Content / atau nama lainnya
Contoh Read more yang saya pakai :
<SCRIPT type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 200; summary_img = 150; img_thumb_height = 50; img_thumb_width = 50; </SCRIPT> <SCRIPT src='https://sites.google.com/site/blogbegocreation/javascript/readmore-otomatis.js' type='text/javascript'/>
Sekarang ke Cara membuatnya :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor pilih Tem[late
- Backup / Download Template kawan dulu, untuk jaga-jaga seandainya ada kesalahan
- Cari ]]></b:skin> atau </head>
Copas script berikut dibawah ]]></b:skin> atau diatas </head>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
.post {
width: 300px; _width:300px; /* for IE dont delete */
margin: 0 5px 5px 3px;
padding: 5px 5px 0 5px;
float:left;
background: #CEE3F6;
}
.post-body{
height:80px; *height:80px; /* for IE dont delete */
overflow:hidden;
line-height:16px;
*line-height:16px;
font: normal 12px Sans-Serif;
background: #FFF;
border: 1px solid #81BEF7;-moz-border-radius:5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;
padding:5px;
}
</b:if>
</style>
width [lebar]: 300px dan height [ketinggian]: 80px silahkan disesuaikan dengan halaman Blog kawan
- Simpan Template kawan karena sampai disini sudah selesai :z;
Cara Membagi Halaman Posting di Home Page
Kalau pada Artikel Cara Membagi Halaman Posting di Home Page
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
{[["☆","★"]]}
Rate this posting: Kalau pada Artikel Cara Membagi Halaman Posting di Home Page
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
susah gan atur ukurannya,hehe
BalasHapusKalau kata susah yang keluar susah juga bereksprimen, sebenarnya bisa dipakai prosentase :x;
Hapusmantap tutornya gan,cuma template saya agak ribet mengaturnya,kodenya agak beda
BalasHapusMantap banget triknya gan, cantik lagi backgroundnya, saya suka. Hanya satu kurangnya gan...Anda lupa menambahkan auto di ( margin: 0 5px 5px 3px;) Jadinya postingan hanya berada di bagian left saja.Agar bagian left dan right terisi postingan sebaiknya agan buat seperti ini ( margin: 0 5px auto 5px 3px; ) Silahkan agan lihat hasilnya setelah di tambahkan auto di :
BalasHapushttp://otobox-blog.blogspot.com
trims sarannya, :e;
Hapusizin coba dulu gan, makasih info nya salam kenal
BalasHapus