Cara Membuat Halaman Blog Dinamis terbaru 2016


trik ini fungsinya untuk menyembunyikan atau mengontrol gadget dari halaman depan dan halaman content page, maka perkembangan selanjutnya trik ini di gunakan untuk menyembunyikan atau mengontrol ukuran kolom dan sifatnya.
teorinya yang saya hapal dan pahami begini.
Pada dasarnya blogcepot itu terdiri dari beberapa halaman.
1. Halaman Depan  Atau FrontPage
2. Halaman Index Label
3. Halaman Archives Page
4. Halaman Postingan atau Item Pages ( red. readmore mengunakan hal ini ).
contoh :
A . Kolom, ukuran kolom  atau widget, di tampilkan pada  halaman depan namun disembunyikan atau ( berubah ) pada halaman Item Pages – Postingan. scriptnya mengunakan ini.
<b:if cond="data:blog.url == data:blog.homepageUrl"> di tutup dengan </b:if>

B. kolom atau elemen yang tampil pada halaman depan dan indek label, namun tidak tampil atau ( berubah ) pada halaman Item Pages – Postingan.
<b:if cond='data:blog.pageType != &quot;item&quot;'> dan di tutup dengan </b:if>

C. Pada halaman depan,  kolom atau elemen widget-nya tidak tampil namun akan tampil atau ( berubah ) pada halaman Item-Pages – Postingan.
<b:if cond='data:blog.pageType == "item"'> dan di tutup dengan </b:if>
Sekarang yang akan saya bicarakan adalah merubah ukuran kolom atau menyembunyikan kolom.
Ilustrasi halaman content.

Ilustrasi halaman depan atau front page

Yang perlu kita lakukan adalah menambah script untuk  ukuran kolom yang akan di tampilkan pada halaman depan , dan menyembunyikan untuk kolom Sidebar 1.
caranya.
Setelah script  ]]></b:skin> 
Tambahkan di antaranya ( kira-kira ) , script seperti ini.
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#main-wrapper {
width:400px;
}
.post-body img{
width:….px;
}
.post-body {text-align:justify;}
.main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 .5em 1.5em 0;
  padding:0 0 1.5em;
}
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#Sidebar 1 { display:none;}
</b:if>
</style>

Yang artinya kira-kira begini.
Pertama : pada kolom content ( main-wrapper ) ukuran lebar Css-nya 600px namun karna ukuran Css-nya diubah 400px maka yang akan muncul untuk halaman depan ukuran lebarnya 400px
Kedua : pada Sidebar 1, sidebar akan tampil pada halaman depan saja, tapi untuk halaman contentnya tidak di munculkan/sembunyi.
Mengertikan…Semoga sukses.

4 Responses to "Cara Membuat Halaman Blog Dinamis terbaru 2016"

  1. ijin sedooot tutornya gan :D mantab

    ReplyDelete
  2. waduh agak ribet juga ya, tp pelan2 sy psti bs..

    ReplyDelete
  3. 100%TERPERCAYA TOKO ONLINE RESMI BUKAN PENIPUAN DI DELIMA PONSEL 100% KAMI JAMIN UANGX KAMI KEMBALIKAN APA BILA BARANGX TIDAK SAMPAI DALAN JANGKA 2 HARI ATAU KUNJUNGI WEBSITE RESMI KAMI DI http://delima-ponsel.blogspot.com
    PONSEL:HUB/SMS:0852-4004-4475 PIN BB:5B3C6CE6
    Ready Stock ! Apple iphone 5 32GB Rp.3.000.000,-
    Ready Stock ! Apple iPhone 5S 32GB Rp.4.000.000,-
    Ready Stock ! Apple iPhone 6 plus 32gb Rp.5.500.000,-
    Ready Stock ! Samsung Galaxy S5 Rp.2.500.000
    Ready Stock ! Samsung Galaxy S6 32GB Putih Rp.3.700.000
    Ready Stock ! Samsung Galaxy S4 I9500 Putih Rp.2.200.000
    Ready Stock ! Samsung Galaxy Note 3 PUTIH Rp.3.000.000
    Ready Stock ! Samsung Galaxy Note 4 SM-N910H Gold Rp.3.500.000,-
    Ready Stock ! Samsung Galaxy A3 A300H 16GB Rp.2.000.000
    Ready Stock ! Samsung Galaxy A5 A500F Silver Rp. 2.500.000,-
    Ready Stock ! Samsung Galaxy E5 E500H Putih Rp.1.700.000
    Ready Stock ! Samsung Galaxy E7 E700H Putih Rp. 1.900.000,-
    Ready Stock ! Apple iPhone 4 16GB - Black Rp.1.800.000,-
    Ready Stock ! Apple iPhone 4S 16GB (dari Telkomsel) Rp.2.200.000,-
    Ready Stock ! Samsung Galaxy Grand Prime SM-530H Rp.1.200.000
    Ready Stock ! Asus Zenfone 2 ZE551ML RAM 4GB-64GB Rp.2.700.000,

    ReplyDelete