Costum CSS Blogger Blogazine By Choen

Costum CSS kali ini merupakan ide yang tertanam dari sang blogger senior yakni Choen. Dimana Costum CSS Ini menggunakan Conditional Tag yang mengarahkan ke Costum URL. Banyak cara untuk menyesuiakan CSS pada halaman tertentu untuk model Blog Bermesin Blogger, Seperti Halnya Costum CSS Blogger By Ardianzzz Dan Lain Lain.

Untuk Apa Costum CSS ini ?

Costum CSS ini untuk mengondisikan tampilan sebuah halaman tertentu sesuai yang kita inginkan dengan menggunakan Code CSS.

Kali ini saya mau menuliskan sebuah cara menerapkan Costum CSS Di Conditional Tag. Tutorial ini saya dapat langsung dari yang Empunya Ide Buat Nyesuain Blog-azine Dengan mesin Blogger yakni “Choen”. Dengan Blog Deconstruction Code nya.

Penerapannya sangat mudah untuk di kerjakan, contohnya kita mau agar halaman post artikel ini tampilannya beda dengan halaman yang lainnya, kita hanya cukup menggunakan CSS yang di sisipkan dalam Conditional Tag Costum URL.

Contoh kasus halaman ini memiliki URL / Permalink http://www.nurulimam.com/bla-bla-bla.html

Cara Penerapannya sangat gampang , tinggal masuk ke bagian Edit HTML Template Blogger, Trus Temukan Kode </head> Lalu Masukkan Code yang ada di bawah ini tepat di atas Code </head>

Contoh Codenya Seperti ini :

<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://www.nurulimam.com/bla-bla-bla.html&quot;'>

Letakkan style template sobat yang berbeda tentunya sesuai yang sobat inginkan
Contohnya :

body{background:none;}html {background: url(url background anda atau pake code warna) no-repeat bottom right fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color:#f0f}

</b:if>
</style>

Setelah penerapan di atas akan tampak seperti ini :

<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://www.nurulimam.com/bla-bla-bla.html&quot;'>

Letakkan style template sobat yang berbeda tentunya sesuai yang sobat inginkan
Contohnya :

body{background:none;}html {background: url(url background anda atau pake code warna) no-repeat bottom right fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color:#f0f}

</b:if>
</style>
</head>

Jangan lupa untuk Save Template Anda !!!

CSS di atas hanya contoh, Anda bisa kreasikan CSS sendiri sesuai selera masing-masing. Bagi yang belum baca artikel sebelumnya, silahkan di lihat halaman : Costum CSS Blogger Blogazine By Ardianzzz.

Untuk Lebih jelasnya, sok langsung aja kunjungi Markasnya :
Halaman Static Frontpage untuk Mesin Blogger

Created By :        Date : 17 - June - 2011

Jasa Pembuatan Website

8 Comments

  1. DhaniReply

    nah mas itu yg lagi saya terapin sekarang, kaya nya sih Blogazine bakal muncul lagi nih hehe..

    btw thanks atas infonya mas..

  2. Nurul ImamReply

    && Dhani : Saya malah males buat nerapin gaya blogazine. Maklum keterbatasan waktu, Tapi saya juga pingin banget buat blogazine sebanyak mungkin. hehehhe

    Boleh saya tau hasil blogazinenya ? Mau di intip buat bahan motivasi mas… wkwkwk

  3. FIKRI SHAREReply

    wah kyknya menarik nih gan. cb dulu ah di blog percobaan saya…

  4. Nurul ImamReply

    && FIKRI SHARE : Di coba donk biar bisa disain template sendiri. hehehhe

  5. HendroReply

    Top abis memang coen,,bermain conditional tag memang salah satu cara terbaik.

  6. Nurul ImamReply

    && Hendro : Tapi apa ga lebih baik cara Eskrim masukin css di antara tag body ? wkwkwkwkwk

  7. Pradisz WardhanaReply

    Wah.. mantap Mas :D

  8. Nurul ImamReply

    && Pradisz Wardhana : Udah Di coba blum ?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>