What's Hot

Friday 5 August 2016

Tutorial Tukar Title Sidebar kepada Bentuk Image



Assalammualaikum.
Photo by Christin Hume on Unsplash
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUbjTLow0dBAHHDej1mcIiWhVnJCkefFdcxHxNnzljf9K1rvZ4NYD983uIBugfZ5Iqnz4Z07BlfmOrEgqr0YMxst5spk6CedE1KR1f6cVibhneA0c6yg241WepEquNpO3S0QHPZwOI44k/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlYjjKq4hH1WkFa_foTrQ8xuf12UsqqSPpG3qjm4MtwIUYwFVDvkz5PHGeELAtMma4OIVw3JFnDIfLCts9vDInS0xdXvyEVzzLPpg9AdUU6rwWPh1m5mBlvN8uJzvyUABTWXEoGul_lW4/s1600/sidebar+title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tutorial : Tukar Title Sidebar kepada bentuk Image" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlYjjKq4hH1WkFa_foTrQ8xuf12UsqqSPpG3qjm4MtwIUYwFVDvkz5PHGeELAtMma4OIVw3JFnDIfLCts9vDInS0xdXvyEVzzLPpg9AdUU6rwWPh1m5mBlvN8uJzvyUABTWXEoGul_lW4/s1600/sidebar+title.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. terima kasih untuk info ni :)

    ReplyDelete
  2. nanti akan keluar camne ye ?

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

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

    ReplyDelete
  4. Tapi kan url image tu selalu akak letak mana ye?

    ReplyDelete