Area postingan menjadi 2 (dua) colomn di homepage blogger - by s2c3rr

6:23 PM

•

Tutorial Blog

Banyak sekali cara untuk mendesign template blogger agar penampilan template enak dipandang mata dan tidak membuat pengunjung blog kebingungan karen tampilan template yang acak-acakkan.Untuk mendesign tampilan template salah satunya yaitu membagi area postingan menjadi 2 (dua) colomn di homepage atau halaman depan blogger saja.

Bagaimana caranya...?
Yuk kita sama-sama simak langkah-langkahnya di bawah ini.

1. Login Blogger terlebih dahulu
2. Di dasbor sobat pilih Menu Design/Rancangan >> Edit HTML.
3. Jangan lupa Expand template widget.
4. Cari kode ]]></b:skin>.
5. Letakkan kode di bawah ini setelah kode No.4

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style>

.post {width:285px;height:400px;margin-right:5px;overflow:hidden;float:right; background:#F2F2F2border:3px double #808080;}

</style>

</b:if>

6. Kemudian caro kode CSS .Post { contoh kode cssnya

.post{margin:0.5em 0.5em; padding-bottom:0.5em}

7. Jika sudah ketemu, coba perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut hingga menjadi seperti di bawah ini.

.post{margin:0.5em auto 0.5em; padding-bottom:0.5em}

8. Simpan Template.

Semoga bermanfaat artikel tentang cara membuat Area postingan menjadi 2 (dua) colomn di homepage blogger.
Selamat mencoba..

READ MORE

Cara menampilkan thumbnail di homepage blogger - by s2c3rr

6:43 AM

•

Tutorial Blog

Postingan kali ini saya akan menjelaskan bagaimana Cara Menampilkan Thumbnail Hanya di Halaman Depan (Home Page).
Thumbnail ini hanya akan tampil pada halaman depan (Home Page) dan tidak akan tampil di halaman posting.

Bagaimana caranya..?ikuti langkah-langkah di bawah ini.

1. Login blogger.
2. Di dasbor sobat pilih Design/Rancangan > Edit HTML
3. Expand template widget
4. cari kode </head> dan letakkan kode di bawah ini tepat di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>

.thumbnail {display:none}

</style>
</b:if>

5. Simpan template

Pada Entri Baru atau posting baru saat memasukkan gambar tambahkan kode class="thumbnail"

berikut contohnya

<img class="thumbnail" src="http://i1220.photobucket.com/albums/dd456/cybersahrul/No-images.png" alt="no-images" />

class="thumbnail" yang mengatur thumbnail atau gambar dihidden/disembunyikan jika masuk ke halaman posting.

selamat mencoba dan semoga berhasil..

READ MORE