20 October, 2011

Trik homepage blog Artisteer

Jangan lupa untuk mencentang ‘Expand Template Widget’ pada fitur ‘rancangan’ di bagian ‘edit HTML’, dan Download Template Lengkap terlebih dahulu sebelum melakukan modifikasi ini.

Nah, sekarang kita mulai modifikasi – langsung saja.

copy kode di bawah ini:


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

<style>

.art-Post,.blog-pager {display:none !important;}

</style>

</b:if>
kemudian paste di bawah kode ini:


]]></b:skin>
Keterangan:

Kode <b:if cond='data:blog.homepageUrl == data:blog.url'> adalah kode yang menunjukkan langsung pada halaman pertama di blogspot yang akan selalu muncul pada saat kita meload alamat blog dari blogspot yang dituju.

Perbedaan template yang dibuat di Artisteer adalah pada kode CSS posting yang sebetulnya merupakan widget/gadget dengan id=’Blog1’ sebagai bagian dari class=’art-post’.

Namun, permasalahannya bila kita sembunyikan id=’Blog1’ maka kita akan kesulitan dalam pengaturan di fitur ‘rancangan’ pada bagian ‘elemen laman’, karena widget itu tidak akan tampak pada ‘elemen laman’.

Oleh karena itu sebaiknya ‘class’-nya saja yang disembunyikan pada halaman depan sehingga kita tetap dapat melihatnya pada fitur ‘rancangan’.

Dan hanya kode itulah yang kita butuhkan untuk menyembunyikan widget posting di halaman depan blogspot agar tidak muncul setiap saat kita klik menuju homepage, widget itu tetap berada di sana hanya kita lah yang menyembunyikannya dari homepage.

Kemudian untuk lebih tampak bagus alangkah baiknya kita buat kata sambutan dengan menggunakan widget ‘html’ melalui fitur ‘rancangan’ di bagian ‘elemen laman’, dan untuk menggunakan ini ada baiknya kita tambah lagi pengetahuan kita dengan cara penulisan untuk kode HTML agar lebih rapi.

Agar lebih mudah dalam tampilannya, maka buatlah terlebih dahulu sebuah kolom di bawah postingan dengan perubahan kode sederhana, sebagai berikut.

<div class='art-contentLayout'>
<b:section class='art-content' id='main' showaddelement='no'>
Kemudian ubah ‘showaddelement’ dari =‘no’ menjadi =‘yes’.
Fungsi dari kolom ini nantinya akan kita gunakan untuk membuat pengantar atau sejenisnya (terserah kita) yang hanya akan tampak di halaman depan blog, dan yang tidak kalah penting adalah jangan lupa untuk menyembunyikan ‘widget id dari kolom’ yang kita gunakan sebagai pengantar tersebut agar tidak muncul pada halaman yang lainnya.

Dengan cara, yaitu:

Copy- paste kode berikut di bawah kode


]]></b:skin>

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

<style>

#(widget id) {display:none !important;}

</style>

</b:if>



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

<style>

#(widget id) {display:none !important;}

</style>
</b:if>
Sehingga tampilan semua kode nya menjad :



<b:if cond='data:blog.homepageUrl == data:blog.url'>
<style>
.art-Post,.blog-pager {display:none !important;}
</style>
</b:if>

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

<style>

#(widget id) {display:none !important;}

</style>

</b:if>



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

<style>

#(widget id) {display:none !important;}

</style>
</b:if>
Kode <b:if cond='data:blog.homepageUrl != data:blog.url'>  menunjuk kepada halaman selain homepage, dan kode <b:if cond='data:blog.pageType == &quot;item&quot;'>  menunjuk kepada halaman posting/artikel, dan dari sinilah akan kita sembunyikan widget posting.

Sedangkan, kode ‘blog-pager’ adalah elemen ‘navigasi next-previous’ yang biasanya berada di bawah posting, dan itu sebaiknya disembunyikan karena tidak terlalu perlu berada di halaman depan karena sudah ada navigasi menu.

Yah, sebetulnya cuma itu saja trik yang dibutuhkan untuk menyembunyikan widget posting dari halaman depan di blogspot, namun sementara ini hanya dapat dilakukan pada template blogger buatan Artisteer, tapi tidak menutup kemungkinan bahwa template umum yang lainnya dapat dilakukan – hanya tinggal menemukan kode yang sama dengan clas=‘.art-Post’  di Artisteer dan meyembunyikannya dari halaman depan.

tengkiyu

Author : Agung Pramono
Blog Author : diktathukum.blogspot.com
Original Link : MEMBUAT HOMEPAGE DI TEMPLATE ARTISTEER
Pengen tulisannya nagkring di blog ini cari tahu caranya di sini

0 komentar:

Post a Comment


Copyright © 2016 Photoshop blog dan Blogger