Tutorial : Tukar Title Sidebar kepada Bentuk Image - A box of Crayon

Latest

Friday, 5 August 2016

Tutorial : Tukar Title Sidebar kepada Bentuk Image



Assalammualaikum.

Tutorial : Tukar Title Sidebar kepada bentuk Image

Tutorial ringkas untuk Simple Template. Actually sangat mudah kalau korang nak edit blog sendiri. Cuma kena creative and rajin je. Bila korang dah try, and berjaya, mesti korang rasa excited and addicted. Macam Mellya lah. At first, tak reti langsung nak edit apa pun. Lepas tengok banyak sangat blog orang lain yang cantik, terus rasa macam jealous haha That's why Mellya belajar edit template blog sendiri. And fully helped by Mr Google. 

This time Mellya nak share tutorial mudah tukar title sidebar kepada bentuk image yang lebih gojes and cantik. Sangat mudah !

1. Mula sekali, sila buka DASHBOARD 🔜 TEMPLATE 🔜 EDIT HTML

2. Search title sidebar korang yang sekarang ni. (Contoh: Miss Crayola)

Tutorial : Tukar Title Sidebar kepada bentuk Image
3. Dah jumpa, cari code dibawah title sidebar tadi

<h2 class='title'><data:title/></h2>

4. Gantikan <data:title/> kepada code dibawah :


<center><img src='URL IMAGE' style='border-width: 0px;'/></center>


5. Gantikan URL IMAGE kepada url title sidebar image yang baru.


https://2.bp.blogspot.com/-mb4j0F-gQQA/VwnDcUKA-tI/AAAAAAAAATw/LftFGTCZ9FspfGhbGFvhrCSmGoZcX5VXg/s1600/mc.png

contoh hasil: 

Tutorial : Tukar Title Sidebar kepada bentuk Image

Mana korang nak dapatkan url image ni? Okay sebelum proses tukar title ni, korang kenalah buat title sidebar dalam bentuk image dulu, barulah boleh insert dalam ni. Cara nak dapatkan url, lepas dah design title image korang, upload dekat edit post baru, buka HTML. Copy url image. Contoh boleh tengok dekat bawah ni ya.

<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/--QWggCeyx_E/V6g1X1GLprI/AAAAAAAAAvw/BKwXYUq-XBknpBUjKdFq_G1BsrsqgIPPACLcB/s1600/sidebar%2Btitle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial : Tukar Title Sidebar kepada bentuk Image" border="0" src="https://2.bp.blogspot.com/--QWggCeyx_E/V6g1X1GLprI/AAAAAAAAAvw/BKwXYUq-XBknpBUjKdFq_G1BsrsqgIPPACLcB/s1600/sidebar%2Btitle.png" title="Tutorial : Tukar Title Sidebar kepada bentuk Image" /></a>

Yang berbold tu ialah url image. Search je usually dia akan ada dekat sebelah img src=' Mudah je kan? Menjadi tak? Kalau tak jadi inform ya. Nanti Mellya kongsi lebih banyak lagi tutorial Simple Template. Yang penting, adjust sidebar korang mengikut title image korang, Baru nampak fit macam MC tu ❤

6 comments:

  1. Replies
    1. akan keluar macam yang di sidebar saya skarang :)

      Delete
  2. Serius cantik blog nie. Awak design sendiri ke?

    ReplyDelete
    Replies
    1. thanks awak :D aah design sendiri ^^

      Delete
  3. Tapi kan url image tu selalu akak letak mana ye?

    ReplyDelete