0 Cara Membuat Tampilan Blog Yang Unik

Cara Membuat Tampilan Blog Yang Unik

An-Info | Artikel ini adalah Trik untuk mengubah tampilan blog, maksudnya adalah untuk membuat tampilan home blog berbeda dari yang biasanya. Biasanya blog akan menampilkan postingan ketika kita membuka halaman awal atau home blog kita, nah trik ini digunakan untuk menggantinya. Anda bisa membuat slide gambar di home atau kreasi yang lainnya.

Triknya adalah kode logika/html/if. dengan kode ini kita bisa menambahkan sedikit kode sehingga menjadi 

b:if cond=, dalam artinya, jika kondisi...guna'a agar kita dapat menghilangkan elemen yang berat di halaman tertentu yang kita inginkan. Sama halnya jika anda belajar fungsi if di bahasa pemrograman Java atau C++

Macam2 kode...

Ada 5 macam yang yang bisa saya temukan di google n_n 

1.

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

Kode di atas ini fungsinya agar widget hanya pada homepage atau halaman utama saja.

2. 

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

Kode ini fungsi'a supaya widget ada di halaman homepage dan label atau di kategori post.

3.

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

Kode ini berfungsi agar widget hanya ada ketika kita membaca posting blog saja. Contoh'a adalah kotak komentar yang terdapat dibawah posting blog kita.

4.

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

Kode ini berfungsi agar widget ada di halaman posting. Fungsi ini kebalikan dari kode ke 1.

5.

<b:if cond='data:blog.url == &quot;url postingnya disini&quot;'> isi widget </b:if>

Kode ini berfungsi agar widget ada ketika kita membaca posting tertentu. sobat tinggal ganti kata "url postingnya disini" dengan url posting sobat.

Contoh sederhana untuk menghilangkan Tab Slider di halaman depan/home page

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

<!-- begin featured content slideshow -->

<div id='featured'>

<div id='slidearea'>

<div id='gallerycover'>

<div class='mygallery'>

</div>

</div>

</div>

</div>

<!-- end featured content slideshow -->

</b:if>

Untuk Demonya silahkan lihat Blog saya satunya lagiWESHARE™

Untuk Menghilangkan Daftar postingan anda di home page, ikuti langkah-langkah ini

1.Temukan kode yang sama/kira-kira sama dengan kode dibawah ini

<b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
.
.
.
</b:section>

2. Tepat di atas kode tersebut letakkan kode berikut ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:section class='main' id='homepage'></b:section>
<b:else/>

3. Dan tepat di bawah kode "no1" letakkan kode berikut ini

</b:if>

4. Hasilnya kira-kira seperti ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:section class='main' id='homepage'></b:section>
<b:else/>
<b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
.
.
.
</b:section>
</b:if>

Penambahan kode ini akan berpengaruh pada daftar postingan yang akan hilang di halaman utama blog dan di gantikan dengan sebuah tempat untuk menambah widget, anda bisa menambahkan widget gambar untuk menggantinya.

Catatan:
Jika anda menggunakan trik menghilangkan postingan di homepage blog akan berpengaruh pada pesan error yang akan muncul ketika anda menyimpan setingan di Layout blog.

Komentar →