Rabu, 22 Desember 2010

Tips Membuat Artikel Postingan Tampil Judulnya Saja

Membuat tampilan artikel postingan di Halaman Utama Blog tampil Minimalis atau hanya terlihat Judul artikel

Hal ini tampaknya menjadi trend di kalangan blogger 2 bulan terakhir ini. setelah blogger senior seperti kang rohman menerapkan hal ini... Sepertinya adminnya berusaha membuat tampilan blognya sesimple mungkin tapi berkualitas.. salah satunya dengan modifikasi cuplikan artikel postingan diblog...

Ada banyak cara untuk membuat tampilan cuplikan postingan artikel di blog Minimalis... Tapi disini kang salman akan membahas trik yang digunakan oleh kang rohman, blognya mustofa dan lain-lain. Trik ini bisa di gunakan untuk meminimalis tampilan artikel sehingga tampil judulnya saja.

Oke.. langsung saja simak caranya...silakan ikuti langkah-langkahnya sbb :

1.  Login ke blogger » Rancangan » Edit HTML » Edit Template ( Centang Expand Template Widget ) .

Tekan CTRL+F lalu cari " <data:post.title/> " jika sudah ketemu lalu tambahkan kode dibawah ini...

<div style='border: 0px solid rgb(250, 252, 252); margin: 10px 0px; padding: 10px; -moz-border-radius: 0px 0px 0px 0px; width: auto; height: auto; background-color: rgb(250, 252, 252); '>
kode Baru disini
</div>
Lakukan Persis seperti contoh dibawah ini... Perhatikan ya cara penempatannya...!

<div style='border: 0px solid rgb(250, 252, 252); margin: 10px 0px; padding: 10px; -moz-border-radius: 0px 0px 0px 0px; width: auto; height: auto; background-color: rgb(250, 252, 252); '>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
</div>
    </b:if>
Ket :
background-color: rgb(250, 252, 252); = Warna Background-nya bisa kamu ubah sesuai keinginan .. » cek warna disini   

Jika sudah benar... Simpan template-nya..

Trik ini akan membuat Judul artikel postingan seperti gambar dibawah ini...


2. Beralih ke Rancangan » Elemen Halaman » Klik Edit pada Posting bLog.. Lalu aturlah seperti gambar di bawah ini.. atau aturlah seperti kemauan kalian sendiri...



3. Saya mengunakan editor entri baru dari blogger ( Cek editor kamu di Pengaturan »  Dasar »  Setting Global »  Editor Entri »  Pilih option Editor yang diperbarui..) lalu pada awal postingan (tambahkan) klik Insert Jump Break, baru setelahnya isilah dengan postingan kita... Simple kan.. :)

4. Selesai... Terbitkanlah postingan... dan lihat hasilnya pada Halaman Utama Blogmu...


sumber kode di ambil dari ecaknyo.blogspot.com

Jangan asal copy paste, baca aturanya di sini !
Post By Kang Salman
http://asksalman19.blogspot.com


Ingin mendapat penghasilan tambahan dari blog? Bergabung dan jadikan blog anda sebagai ladang uang bagi dompet anda setiap bulan. Cukup pasang banner saja! Daftar =>  Klik Disini <= klik!  untuk memanen uang $ seperti saya. Gratis!!
Dapatkan update artikel  terbaru kami langsung ke email anda.  

0 komentar:

Posting Komentar

give your comment here, please do not spam

 
My Big Dream powered by XXZ