17 December 2012

Kode Untuk Mengatur Tampilan Content Blog

Coba MasBro perhatikan pada homepage blog Belajar CorelDRAW ini diatas judul posting ada widget yang tampil (tentang salam perkenalan dari si penulis... aku sendiri hehehe...) dan ketika MasBro meng-klik pada salah satu judul yang ada maka widget tersebut akan menghilang ketika content postingan muncul keseluruhan, untuk membuat seperti itu ada code yang harus ditambahkan

Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog dari tampil lalu menghilang dan menghilang kemudian tampil yang bisa MasBro terapkan untuk mengatur tampilan widget blog sampeyan.

1. Hanya Tampil pada Halaman Utama Blog 

<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama (homepage) blog saja

2. Hanya Tampil pada Kategori Post dan Single Post

<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (salah satu postingan muncul keseluruhan).

3. Hanya Tampil pada Halaman Utama Blog dan Kategori Post

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

Kode ini berfungsi untuk menampilkan widget blog pada halaman utama (homepage) dan kategori post dan akan menghilang ketika membaca postingan secara keseluruhan.

4. Hanya Tampil pada Single Post

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

Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada halaman utama (homepage) atau kategori post.

5. Menampilan Widget Blog Pada Postingan Tertentu Saja

<b:if cond='data:blog.url == &quot;URL_TERKAIT&quot;'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada postingan tertentu dan tidak tampil apabila sampeyan membaca postingan yang lain.

6. Menyembunyikan Widget Post Pada Postingan Tertentu Saja

<b:if cond='data:blog.url != &quot;URL_TERKAIT&quot;'> ... </b:if>

Kode ini merupakan kebalikan dari kode no 5 dimana widget blog akan menghilang dari suatu postingan tertentu dan baru muncul pada postingan yang lain.

Keterangan:
Tanda ... (titik-titik) adalah kode widget yang harus ditempatkan.

Sebagai Contoh widget yang tampil pada homepage saja, penempatan code seperti dibawah ini;

<b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2> 
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:if> 
</b:includable> 
</b:widget> 

Warna merah adalah kode yang berfungsi untuk mengatur tampilan widget hanya tampil pada homepage.... Demikian...


Pengelola Blog

Zainoel Arifin Isa'i : Penulis Blog. Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas yang bermarkas di sudut kamar belakang rumah di daerah pelosok desa terpencil lereng Gunung Arjuno.
Machfudz Arif : Teknisi Blog. Pekerjaan sebagai Web and Mobile App Developer yang bermarkas di Lembah Tlogo Krabyaan di sebuah dusun yang dikelilingi perbukitan nan elok dan berudara segar.

1 comment:

  1. gan,, minta bantuan,, kenapa yang saya sisipkan di posting dan juga di atas komentar keluar di home page yach... di tunggu gan jawabannya ... makasih...

    ReplyDelete

Berkomentarlah yang bijak, iklan/spam langsung dihapus