Go Blog Go

Cara Membuat Static Page Pada Template Blogger

Posted by Go Blog Go Posted on 11:46 PM with 4 comments
Assalamu'alaikum Wr.Wb.

Cara Membuat Static Page Pada Template Blogger sesuai judul-nya Go Blog Go kali ini akan share posting seperti apa dan bagaimana cara-nya ?
Static Page,Template,Blogger

Trick ini menggunakan Tag Kondisional, jadi membuat halaman muka tampilan page-nya di minimalist bisa 2 atau lebih sesuai dengan keinginan Anda :

daripada menghabiskan waktu langsung saja ke cara membuat-nya :
  1. Login ke Blogger (pakai Akun Anda)
  2. Dashboard -> Template -> Edit HTML
  3. Jangan lupa di Back-Up dulu template Mojang dan Bujang
  4. Masukkan Kode Tag Kondisional berikut ini sesudah Kode Tag ]]></b:skin> :

Ini hanya sebagai contoh, karena masing-masing Template tentu-nya berbeda

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#main-wrapper {
width:30%;
padding-left:1%;
}
h2.date-header, .post-timestamp, .post-body, .post-footer, .feed-links {
display:none;
}
.post h3 {
font: normal 12px Arial;
margin: 0 0 0 2px;
padding: 4px 6px 4px 15px;
line-height: 1.3em;
position: relative;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
font-weight: normal
}
.post h3 strong, .post h3 a:hover {
color: #FF8000;
}
.post {
border: none;
}
.post {
border-bottom: 1px solid #ccc;
text-align: left;
margin: 0px;
padding: 0px;
}
#blog-pager {
font: normal 11px Oblique;
text-align: left;
margin: 6px 0 1px 0;
padding: 7px 0 7px 0;
}
</style>
</b:if>
</b:if>

Semoga share ini bisa bermanfaat dan berguna, salam blogger. Go Blog Go...!!! Amiin

Wassalam,

4 comments:

  1. waghhh kebetulan nih gan ane lagi belajar buat bloig gan,, than's ya gan infonya gan

    ReplyDelete
    Replies
    1. Boleh, kbetulan Saya coba setelah bongkar Template keluaran dari BTemplate kategori Magazine. Semoga bermanfaat

      Delete

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang