Home» » »

Membuat Halaman dan postingan tertentu berbeda dari tampilan utama blog

❖❖🔈 0
Di blogger, baik halaman tulisan atau halaman statik dapat dibuat berbeda dengan tampilan utama blog. Selain halaman tertentu blogger, seperti halaman error 404, halaman utama bahkan halaman label dapat dibuat berbeda untuk setiap label.

Untuk membuat suatu postingan berbeda, misal seperti halaman tentang blog suntuy, hanya perlu menambahkan tag di editor post blogger,
<style></style>
, kemudian menambahkan css untuk menarget id dan class html pada tema/template blog.

Misal lagi mau nulis tentang suatu topik, dibagian editor posting blogger tinggal di target saja id dan class html pada tema blog. Atau dapat membuat html baru dengan css pengaya nya.

Katakanlah struktur html blog ini seperti ini; 

<body>
<nav class="lnav">
<ul>
<li>
<a href=""></a>
</li>
</ul>
</nav>
<header class="head">
</header>
<div class="outer">
<div class=""></div>
<div class="rightside">
</div>
</div>
</body>
Ntar di editor post blogger akan menjadi; 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Facilisis gravida neque convallis a cras semper auctor neque vitae. Ornare suspendisse sed nisi lacus sed viverra tellus in hac. <div><br/></div>

Turpis nunc eget lorem dolor. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. A lacus vestibulum sed arcu non odio euismod. Eget nunc scelerisque viverra mauris. Netus et malesuada fames ac turpis egestas sed tempus urna. Id leo in vitae turpis massa sed. Arcu bibendum at varius vel pharetra. Tristique senectus et netus et malesuada fames ac. <div><br/></div>

Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt eget. Dui nunc mattis enim ut tellus elementum sagittis. A erat nam at lectus urna duis convallis. Turpis massa sed elementum tempus egestas sed sed risus. In ornare quam viverra orci sagittis eu. Sed cras ornare arcu dui vivamus. Pulvinar etiam non quam lacus suspendisse.<div><br/></div>

<style>
.header{background:transparent;border-color:orange;}
.lnav{background:lightblue;}
#main{width:100%;}
</style>
Ini dapat dilakukan untuk postingan baru atau halaman baru.

Halaman terkondisi blogger juga dapat dibuat berbeda dengan menggunakan tag kondisional blogger, misal ;
Untuk membuat desain khusus hanya dihalaman utama; 

<b:if cond='data:view.isHomepage'>
  <style>
  ---------
    
  ---------
  </style>
  </b:if>
Untuk mendesain halaman error; 

<b:if cond='data:view.isError'>
  <style>
  ---------
    
  ---------
  </style>
  </b:if>
Untuk mendesain halaman postingan di label "catatanku"; 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;catatanku&quot;'>
<style>
-------
-------
</style>
  </b:if>
  </b:loop>
</b:if>


Desain tampilan halaman kondisionil dilakukan langsung dalam tema/template blogger, tidak seperti posting dan halaman statis, di buat dari editor posting blogger.com, saat menulis atau membuat halaman, jadi desain nya mengikut postingan-postingan tersebut saja.

Tentang Author

St
Dikirim pada -
" Selamat datang, selamat membaca dan selamat berseluncur "

Share ke

Lainnya oleh Santuy :

Komentari

Posting Komentar

suntuy.com @ 2024
Top
Loading...