Pages

Sunday 15 November 2015

Freebies : Edited Simple Template #2

Assalamualaikum,
So saya nak bagi code simple template saya yang lama. Code dia bersepah so deal with it (hahaha)


  • Template > Edit HTML > Padam semua code dalam tu gantikan dengan code edited template ni. 

code sidebar 
1. HTML/Javascript (jangan letak tajuk) :
<div class="sidebar">
<img src="http://i.imgur.com/lALnFJV.png" width="260px;" class="iconsb" style="border:1px solid #eee; padding:2px; margin-bottom:5px;"/><img src="http://media.tumblr.com/tumblr_mdnsjhAWlf1qdlkyg.gif" style="width:20px;float:left; margin-right:5px;" />your own intro</div>
<div class="wnsby"><a href="YOUR LINK"><div class="links_u">title 1</div><div class="links_h">title 1</div></a></div>
<div class="wnsby"><a href="YOUR LINK"><div class="links_u">title 2</div><div class="links_h">title 2</div></a></div>
<div class="wnsby"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID"><div class="links_u">follow</div><div class="links_h">follow</div></a></div>


  • Tulisan yang dimerahkan : Kena ubah. 
  • Gambar dan icon boleh ubah sendiri. 
2. HTML/Javascript (jangan letak tajuk jugak) 
<img src="http://i.imgur.com/SpguI7q.png" width="260" style="border:1px solid #eee; padding:2px;" /><br/><br/>
<div style="padding:10px; border-radius:20px; border:1px dashed #ddd;">
Tulis ucapan atas cbox
<br/><br/>
cbox code disini. setkan width kepada 240, height suka hati.
</div>

  • http://i.imgur.com/SpguI7q.png - gambar sidebar yang saya guna sebagai title. Boleh ubah ataupun padam.
  • Boleh letak tajuk kalau nak padam code gambar sidebar tu.


3. Blog Archive
  • Saya dah tukar title archive kepada gambar, 
  • kalau nak tukar kepada gambar lain, ikut langkah ni :
  1. Home > Template > Edit HTML > Jump To Widget > Pilih BlogArchive1 
  2. Kembangkan code dibawah <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
  3. Cari http://i.imgur.com/XXl9Pbb.png dan gantikan dengan url gambar title awak sendiri.
  • Kalau nak ubah kepada style sidebar asal, selepas kembangkan code tu, cari code <img src='http://i.imgur.com/XXl9Pbb.png' style='border:1px solid #eee; padding:2px;margin-bottom:10px;' width='260'/> dan gantikan dengan <h2 class='title'><data:title/></h2>

Header 
  • Cari code yourblogname dan ubah kepada nama blog anda sendiri.
wasalam :)

No comments: