Cara Membagi Halaman Posting di Home Page

Unknown - Selasa, 10 Juli 2012 - 07:00 wita
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 : 
  1. Template kawan sudah terpasang Read more Otomatis 
  2. Perhatikan Lebar bagian Halaman Posting / Content / atau nama lainnya

Contoh Read more yang saya pakai :
<SCRIPT type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; 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 != &quot;item&quot;'>
.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;



Berbagi Artikel :

Cara Membagi Halaman Posting di Home Page
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---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

6 Komentar pada : “Cara Membagi Halaman Posting di Home Page”

  1. Balasan
    1. Kalau kata susah yang keluar susah juga bereksprimen, sebenarnya bisa dipakai prosentase :x;

      Hapus
  2. mantap tutornya gan,cuma template saya agak ribet mengaturnya,kodenya agak beda

    BalasHapus
  3. Mantap 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 :
    http://otobox-blog.blogspot.com

    BalasHapus
  4. izin coba dulu gan, makasih info nya salam kenal

    BalasHapus

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM ATAU PAKAI NAMA ANONIM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan





BANNER [300x250]
© 2013 - BLOGBEGO CREATION | Powered by Blogger
Design Template by : Blogger Edan