Gambar Icon Sebelah Title Blog Archive

Jumpa lagi kawan :) kalo sebelumnya saya pernah ngeposting icon sebelah kata "comment" , kali saya mau ngeposting icon sebelah title blog archive , supaya blog kalian lebih menarik gituhhhh. Kayak gini nih contohnya :

 Setelah muter muter nyari referensi , dapet juga nih simpulannya. Ikutin langkahnya ya :)
1. Login ke account blogger anda
2. Dasboard pilih design atau template , jangan lupa centang kotak "Expand Widget Template"
3. Cari kode berikut dengan ctrl+f

<li><a expr:href='data:i.url'><data:i.title/></a></li>

4. Masukkan kode berikut diantara <li> dan <a expr:href='data:i.url'><data:i.title/></a></li>

<img src='url icon'/>

    Maka akan jadi seperti ini.

 <li><img src='url icon'/> <a expr:href='data:i.url'><data:i.title/></a></li>

    Oh ya buat tulisna warna merah muda itu diganti dengan url icon yang kalian inginkan , url iconnya kalian bisa liat di postingan sebelumnya ko :) kalo engga kalian cari sendiri aja.hehe :P

5. Kalo udah jangan lupa pratinjau lalu SIMPAN TEMPLATE ya :)

SELAMAT MENCOBA DAN SEMOGA BERHASIL ^^

Gambar Icon Sebelah Comment

Kalo sebelmunya udah mindahin yang dipinggir jadi ke tengah , sekarang hias blog kita yuk , bisa dengan icon icon lucu , background lucu , cursor icon lucu , dan lain sebagainya. Tapi jangan berlebihan ngasih widgetnya di blog , kalo kebanyakan juga bisa bikin blog berat loh , berat dibuka. Kali ini saya mau ngasih tau caranya ngasih gambar icon lucu sebelah kata Comment di setiap postingan , contohnya kayak gini nihhh

 Langkahnya langsung aja yuk , cekidrottt.

1. Login ke account blogger kalian.
2. Dasboard lalu pilih design atau template lalu pilih edit HTML , jangan lupa centang kotak "Expand Widget Template"
3. Cari kode di bawah dengan ctrl+f

 <span class='post-comment-link'>

4. Lalu copas kode di bawah inisetelah / di bawah kode di atas tadi

<img src="Url Gambar"/>

    Maka akan jadi seperti ini

<span class='post-comment-link'>
<img src="Url Gambar"/>

 Oh ya , buat tulisan yang berwarna merah muda itu kalian ganti dengan URL gambar icon yang kalian inginkan, contohnya ni :

http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif

http://dl4.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif

http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif

  

http://dl2.glitter-graphics.net/pub/436/436032x06lk4lcqb.gif

http://dl9.glitter-graphics.net/pub/438/438969azkmwb42oa.gif

  

http://dl4.glitter-graphics.net/pub/1008/1008954qqr71dvokd.gif

http://sl.glitter-graphics.net/pub/1040/1040078pjtfxwjzwi.gif

http://sl.glitter-graphics.net/pub/437/437578ff3yaigfhq.gif

http://sl.glitter-graphics.net/pub/439/439087zf2mcug0by.gif

http://sl.glitter-graphics.net/pub/536/536400r07nejsqb3.gif

http://sl.glitter-graphics.net/pub/437/437584tm2d1du8t6.gif 

http://sl.glitter-graphics.net/pub/536/536389mts365i0j8.gif

 

http://sl.glitter-graphics.net/pub/664/664322n2ntpwn96r.gif

 

http://sl.glitter-graphics.net/pub/479/479020edva9yv9ln.gif

5. Kalo sudah pratinjau dulu ya baru deh SIMPAN TEMPLATE , selesai deh :)

SELAMAT MENCOBA DAN SEMOGA BERHASIL ^^

Meletakkan Title Post Dan Sidebar Di Tengah

Mau kan kalo judul postingan kaliana ada di tengah  , atau sidebarnya juga ditengah? Caranya gampang ko , ga susah , ikutin ya :)

1. Login ke Account blogger anda
2. Pilih Design , Lalu edit HTML , terus centang kotak "Expand Widget Template" yg ada di atas.
3. Untuk sidebar cari kode di bawah dengan ctrl + f

 h2 {

Lalu copas kode berikut dibawah/setelah kode di atas tadi

text-align:center;

Maka akan jadi seperti ini

h2 {text-align:center;

5. Lalu untuk Title Post , cari kode di bawah dengan ctrl+f

h3.post-title {

Lalu copas kode berikut cdibawah atau setelah kode di atas tadi

 text-align:center;

Maka akan jadi seperti ini

h3.post-title {text-align:center;

6. Kalo sudah , silahkan lakukan pratinjau untuk melihat kesalahan , kalo tidak ada kesalahan silahkan SIMPAN TEMPLATE , selesai deh :D

SELAMAT MENCOBA DAN SEMOGA BERHASIL ^^

Meletakkan Atribute Blog Di Tengah

Jumpa lagi deh kita kawan kawan ku sekalian :) masih baik baik aja kan ya ? harus begituh , biar bisa baca update terbaru drai cipong nih.hehehe
Kalo sebelumnya ane udah ngeposting gimana mindahin judul blog ke tengah , kalo sekarang aye mau ngeposting gimana mindahin atribute blog jadi ke tengah juga , kan ga serasi kalo judulnya di tengah tapi attribute-nya ada dipinggir kiri , ya kan ? Caranya hapir sama ko , ga susah , gampang banget malah. Okeh deh kita lanjut aja yuk , ikutin langkahnya yah :)

1. Login ke account blogger anda
2. Pilih design atau template , lalu pilih Edit HTML.
3. Cari kode di bawah ini , cara carinya udah tau kan ? pake crtl + f

.Header .description {
  font-size: 130%;
}

Kalo ga ada cari aja kode ini

 .Header .description {

4. Copas kode dibawah setelah / di bawah Kode di atas tadi

text-align:center;

Jadinya akan seperti ini :

.Header .description {
  font-size: 130%;
text-align:center;
}

5. Jangan lupa pratinjau dulu ya biar ga ada kesalahan , trus SIPAN TEMPALTE deh , selesai :)

SELAMAT MENCOBA DAN SEMOGA BERHASIL ^^

Meletakkan Judul Blog Di Tengah

Halo kaka kaka , abang abang , adik adik , cewe cewe cantik , cowo cowo ganteng , babeh babeh kece , dan emak emak gaull :) how are you you? pasti baik baik aja kan ? harusnya sih begituh , biar bisa update terus di blog , ye ga ? hehehe.

Yang punya blog nih ye , kadang kan atau bahkan seringnya kan judul blog itu dipinggir kiri yekan ? mau ga kalo dipindah ketengah biar lebih enak gituh ngeliatnya.hehe Kayak punya ane di atas tuh. Mau ya , mau dong , pokoke harus mau deh. Caranya ga susah ko , ga serumit soal matematika , ga seribet soal Ujian Nasional , caranya tuh gampang banget ko , ikutin langkanya ni ya :)

1. Login ke account blogger anda
2. klik design , lalu edit HTML ,
3. Cari kode dibawah ini , carinya nih begini , tekan crtl + f lalu copas kode di bawah ini

.Header h1 {
  font: $(header.font);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

kalo tak ada copas saja kode di bawah ini

Header h1 {

 4. Lalu copas kode di bawah ini setelah/dibawah kode diatas.

text-align:center;

Maka akan jadi seperti ini :

.Header h1 {
  font: $(header.font);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
text-align:center;
}

5. Pilih pratinjau untuk melihat apakah ada masalah atau tidak , jika tidak maka klik SIMPAN TEMPALATE.
6. Finish deh

Gampang kan ? ga susah kan ? simple kan ? karena gampang makanya cipong bisa , kalo susah mah cipong ga sanggup , lambaikan tangan deh.hehehe

SELAMAT MENCOBA DAN SEMOGA BERHASIL YA ^^