K: tutorial

hah..inilah yang aku maksudkan

tutorial kali ini adalah hias kan sidebar korang dengan rekaan korang sendiri(actually tak tahu nak tulis macam mane).harap2 korang faham tajuk di atas..

terlebih dahulu,tuto ini direquest oleh Majot cerewet...(sebenarnya ada 2 3 orang tanya perkara yang sama..tapi maaf lambat sangat kerana mood untk buat tuto hilang)mujur..alhamdulilah,hari ini free..dan bersemangat sikit.

terlebih dahulu..korang tolong vote blog aku boleh?

http://wwwow.my/display_entry.aspx?ID=f5975a7c-4316-4020-93a9-640321305267

Mari kite mulakan dengan basmallah..

pertama sekali korang kena guna denim template(sebab aku biasa guna denim template,sebab denim template sangat mudah,kalau guna template yang lain mungkin boleh tapi korang kena terjah dan cari sendiri kod2 itu)
bile korang dah pakai denim template,korang kena cari /* Sidebar Content

pastikan korang akan dapat kod yang seperti dalam gambar ini di bawah kod yang korang cari tadi

bile dah dapat macam tuh, korang kena PADAM semua kod itu(seperti di bawah)

.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .5em;
padding-$startSide: 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}
.sidebar .widget-content {
margin: 0 5px;
}

..dan gantikan dengan kod ini

SILA COPY DAN PASTE :

.sidebar h2 {margin: 0.0em 0px 0.3em 0px;padding:78px 0px 20px 0px;

background:url(URL IMAGE KORANG(A)no-repeat top;font-size:22px;color: #777675;text-align:center;} .sidebar ul { margin: 0; padding: 0; list-style: none;}.sidebar li { margin: 0; padding-top: 0; padding-$endSide: 0; padding-bottom: .5em; padding-$startSide: 15px; text-indent: -15px; line-height: 1.5em;}.sidebar {background:url(URL IMAGE KORANG (B)repeat-y;color: #333333;line-height:1.3em;}.sidebar .widget {background:url(URL IMAGE KORANG (C)no-repeat bottom;margin:0px 0px;padding:0px 0px 60px 0px;}.sidebar .widget-content {margin: 0px 15px 0 15px;}

Selepas berjaya pastekan kod tersebut..korang nampak tak aku letak

URL IMAGE KORANG (A):MAKSUD NYA PADA TOP

URL IMAGE KORANG (B):MAKSUDNYA PADA BADAN

URL IMAGE KORANG (C):MAKSUDNYA PADA KAKI

ehh?apakah semua ni pulak kan...hahahaha?

okay2..jap.sabar dehh....lap peluh jap.

TENGOK PADA GAMBAR DIBAWAH:

faham tak ..?

okay,sekarang ni korang kena lah design ikut kreativiti korang di adobe photoshop.Pastikan ada 3 image ok?pastikan buat saiz(width) sama dengan saiz sidebar korang.aku punyer 360px width.

macam mana nak buat 3 design itu?

sila tengok lagi:video di bawah

maaf sangat...video yg simple...

upload image korang n then letak url image berdasarkan naming yang kite buat tadi ..ok?

padding:itu korang kena ubah ikut kesesuaian ok...

selamat mencube semua..
harap2 ia membantu korang.

alhamdulilah,siap jugak aku mewarnakan blog aku.sEjujurnya aku buat kerja-kerja ni dari semalam.Itu pun dah lewat malam.Dan sebanarnya aku nak share something dengan korang sesuatu yang bukan nak kate aku ni hebar dalam mendekorasikan blog.Aku pun masih belajar dan akan terus belajar untuk mahir dalam bab koding nie.kali ni bukan aku nak bagi tips2 untuk mencantikkan blog cuma Tujuan aku menulis entry ini hanya lah untuk berkongsi dan bukan niat juga untuk membanggakan diri.Kita belajar sesama ok.?apa yang kurang korang tambah dan apa yang salah korang betulkan.deal?sudah hampir 8 bulan aku terjebak dalam dunia mengedit blog nie.Sedikit sebanyak orang kate boleh lah nak tambah sideincome kan.plus,duduk kat rumah tak de buat apa-apa jadi aku willing untuk ambil tempahan mengedit blog.**walaupun tak sehebat mane**
ok,mengimbau sejarah awal aku dalam dunia blogging,aku ni sebenarnya ZERO dalam mengedit blog apatah lagi menghias blog jadi meletop.PERCAYA TAK?haruslah korang percaya.First blog yang buat aku impressed sangat adalah blog WAN HAZEL.Blog die sangat kemas dan cantik.Masa tu aku rase sangat jeles melihat kehebatan blog die dan blog2 mereka.Dari situ,aku tanamkan azam untuk belajar sikit-sikit mengenai edit blog nie.Yang paling aku ingat..aku macam heran tengok header blog mereka..yang TAK DE BACKGROUND PUTIH PUN KAT BELAKANG HEADER(means dalam bahasa mudah header transparent)..first software yang aku guna untuk edit header blog aku adalah PHOTOSCAPE.(budak-budak kecik pun tahu guna kan).Aku rasa macam ada sesuatu yang kurang pada header aku.Jadi apalagi aku pun menerjah kembali ke blog WAN HAZEL.Credits to him coz dalam blog die ada tutorial dan software yang rupe2nya software itulah yang digunakan untuk membuat header kita jadi cun melecun!
apalagi kan ADOBE PHOTOSHOP.!!waaahh teruja(walaupun pada asalnya aku memang tak reti nak guna)..dari situ lah,aku belajar dan terus belajar.THAT WHY ..kalau sesiapa yang ada pernah datang ke blog aku sebelum ni dan datang lagi seminggu kemudian..mungkin korang akan kata"aik,header berubah lagi?"hihih..nak kata yang aku nie punyalah rajin untuk menukar header blog(aku cepat jemu dat y aku tukar)dan dari sebab itulah aku PERNAH menganjurkan 1 segmen Header dulu dan kini.TENGOK SINITERIMA KASIH kepada rakan rakan yang support segmen aku nie.Lama-lama aku dah kenal dunia blogging nie,aku banyak belajar tutorial dari LYSSA FAIZUREEN( biar betul kalau sesiapa tak kenal dengan cik adik nie) dan ramai lagi bloggers lain.syukur alhamdulilah,masa pertama kali aku bukak tempahan mengedit blog..memang ada feedback yang positif.Terimakasih semua.!dan baru-baru ni aku mendapat tempahan edit full design blog dari seorang business woman.tengok entry INI..kakak Azlina ni sanggup bayar kat aku dengan harga yang tidak pernah terpikir oleh aku sepanjang aku menjadi pengedit blog yang setia asalkan blog nya jadi cantik.(alhamdulilah dan terharu)Akak nie pernah tanya aku adakah aku ni ambil kursus IT sebab katanya die tertarik dengan blog aku.dan aku menjawab "tidak ,kak.Saya dulu belajar cos kimia di salah sebuah universiti.Akak itu macam tak percaya..tapi itulah hakikatnya.selain itu,ada juga yang bertanya soalan yang sama. jawapan aku:

Ya aku bukan dari cos IT,atau pernah belajar apa-apa yang berkaitan dengan blog/website.Aku adalah dari seseorang yang ZERO tentang kod2 blog, mengedit blog,dsb tapi kini *bukan nak mendabik dada*aku dah faham sikit2 mengenainya.(syukur).

Mesej yang nak aku sampaikan disini pada korang semua.TIDAK KIRA LAH APA JUGA YANG KITE LAKUKAN,ASALKAN MINAT DAN USAHA YANG BERTERUSAN even kita kena bermula dari bawah.aku yakin yang korang akan berjaya mendapat yang korang mahukan.

dari kisah aku tadi ..aku belajar banyak perkara.. dan sememang nya Allah mengajar hambanya melalui sebuah hikmah.Dan aku masih menganggap kemahiran ini harus digilap lagi..dan tempahan design full blog masih ambil secara kecil-kecilan.Sebenarnya..sekarang pun aku kena mengedit blog dari kawan akak yang bussines woman tadi.Tapi memandangkan ketandusan idea..jadi aku berehat sebentar dan curi masa untuk mengupdate blog sendiri..hihihih..
buat mereka yang teringin nak mencantikkan blog sendiri..sebenarnya kamu tidak perlu menjadi seorang designer blog yang hebat,kamu harus menjadi diri sendiri dan keep going to learn from everyone dan insyaALLAH ini juga adalah salah satu ilmu Allah.:D
Aku juga mendapat inspirasi dari dua blogger indonesia ni.JOM LAWAT BLOG MEREKA:

itu sahaja,terima kasih..semua kerana sudi baca.NAK SAMBUNG edit blog ...

6 comments

1 comments

4 comments

3 comments

malambegini,aku curik-curik masa untuk buat tuto..Actually,aku buat tuto ini adalah untuk memenuhi permintaan dari deqjamucuxx

footer...gambar penutup blog kite..utk pengetahuan korang,ini adalah salah satu design blog aku^^

tanpa banyak bicara,mari kita mulakan tuto dengan lafaz bismilah:

log in blog anda...as usual:)
klik template ===>edit html====> tick Expand Widget Templates
ctrl F cari FOOTER

Korang akan jumpa kod macam seperti di atas
kemudian,copy kod di bawah ini

width:900px;height:300px;background-image:url(GAMBAR FOOTER KORANG);background-position: bottom center;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1px;
text-align: center;



Selepas copy kod di atas..sila pastekan ia di bawah kod yang korang cari tadi..pastikan kod korang akan jadi seperti di bawah:




#footer { width:900px; height:300px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPHEJJ-DduuJFzr0YXYNEGLRxXiWrLyr8DhxrJxBSn-00GKq2L1-n43wUr9HkhcyFEvwSaSgT1qCHj6q-dJBXZjmtND8-0Mfwh7yWibp0qaFLBukqvXrmvRF1MU6hcWgVBgTXVnpwAIw/s1600/footer34.png);background-position: bottom center; clear:both; margin:0 auto; padding-top:0px; line-height: 1.6em; text-transform:uppercase; letter-spacing:-1px; text-align: center;

Preview terlebih dahulu..jikatiada masalah..boleh lah save dengan senyuman:) 

saiz: bergantung kepada korang ok...boleh berubah^^

oklah,hope berjaya yer...kepada deqjamucuxx..if x jumpa kod..maybe template yang berbeza

notakaki:siapa nak order..edit blog?maih inform sy k

1 comments

ok..tengok gambar dah ada idea tak..(maksud menu dan sub menu)

serius,aku sangat excited untuk buat tuto ini,kerana tuto ini walaupun agak complicated..namun hasilnya sangat berpuas hati.Baiklah,tanpa keraguan lagi marilah kita memulakan tuto yang cool ini.^___________^

Dashboard >> Design >> Edit Html >Expand tick widget
Ctrl +F cari ]]></b:skin>
copy kod dibawah dan pastekan DIATAS KOD yang korang cari tadi

#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}

#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}

#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
border: 1px solid #AAAAAA;
background: #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));
background: -moz-linear-gradient(top, #ebebeb, #cccccc);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}

#jsddm li a:hover {
background: #C8C8C8;
}

#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}

#jsddm li ul li {
float: none;
display: inline;
}

#jsddm li ul li a {
width: auto;
background: #CAE8FA;
}

#jsddm li ul li a:hover {
background: #A3CEE5;
}

warna MERAH itu korang ubahlah mengikut citarasa:D

kemudian,CTRL +F cari kod ini pulak <head>
copy kod dibawah dan paste SEBELUM KOD tadi <head>

SAVE LAJU2.. KEMUDIAN,BUKAK PAGE ELEMENT DAN BUKA NEW ADD HTML/JAVASCRIPT
COPY KOD DIBAWAH DAN PASTEKAN

<ul id="jsddm">
  <li><a href="#">Home</a>
  <li><a href="#">Menu 1</a>
  <ul>
  <li><a href="#">Drop 1-1</a></li>
  <li><a href="#">Drop 1-2</a></li>
  <li><a href="#">Drop 1-3</a></li>
  </ul>
  </li>

 <li><a href="#">Menu 2</a>
  <ul>
  <li><a href="#">Drop 2-1</a></li>
  <li><a href="#">Drop 2-2</a></li>
  </ul>
  </li>

 <li><a href="#">Menu 3</a>
  <ul>
  <li><a href="#">Drop 3-1</a></li>
  <li><a href="#">Drop 3-2</a></li>
  <li><a href="#">Drop 3-3</a></li>
  <li><a href="#">Drop 3-4</a></li>
  </ul>
  </li>

 <li><a href="#">Menu 4</a></li>
  <li><a href="#">Menu 5</a></li>
  <li><a href="#">AllBlogTools</a></li>
  </li></ul>

Dan klik SAVE.

INGATAN:

korang isi lah apa-apa yang berkaitan

semoga berjaya semua!!!>_____________< senang kan tuto ini..

5 comments

1 comments

3 comments

yang ini lah yang dimaksudkan oleh adik ni.nampk tak icon crown tu^^

terlebih dahulu terima kasih diucapkan kepada alynn nyza kerana bertanya.InsyaAllah mudah jer tuto ini.Jom mulakan bersama-sama:^^

dah itu, cari kod yang ini:

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

apabila dah jumpa, delete code yang ada jumpa tadi, dan ganti kan dengan code yang kat bawah ini..

<a expr:href='data:i.url'><img src="URL ICON"/><data:i.title/>

CUTE ICON YANG KORANG BOLEH AMBIK:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguyJdK51EXfbB3gtR_uHkHmDLmUSF53TBll-ZNh4bsRBAeVwp4nhrOGwWmqpGWFQMQz0GemLQLsqleHuSM3duxxmuvzE0ot9Z2heY0PjqqgyGbTqTVIsELChS3LOB01aNMwg3vkw1tEqDY/s1600/2109346gdtiqxv6va.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogQ5ObL3OfTi2rhkiMMCv0ZeZAyVkMwwCnU-X60wylgQ68gDdVepscqwZxH1x8Nfq-lPbzTu4aDRfmhPEumTVaDwi1lLwN5gIo5mhqy3pKtqvRx-YvSYDKUhTvbHLTT4SVWwvWxHXkfvn/s1600/1073020lz9hw5tluj.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1ZTaIsjzUQoxQSJc48Z4bH9HvyLHgCn2Jm0ZZuk1ZWCbLbralkO5aJBNCnqQUj7YMkt9y8cfpY58gPm6Pvmve8T3uGVCvDp-9vhyphenhyphenUBBmaaJsmg5ZNHv642AJYB2zsFZsqCKSYylhfK35/s1600/026uu.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv6xUg52Gp22XH4YTQvLe2glSBa0F0lbSCwhs3n_ebR9G3Eoc0BkHaWf5dby5pgV5f4d7FEh-X5ZCQLz6ANyG2xAR-CEox-aPEfMUVimubi_aJi1w_o-lNTFhgIPCJNnLgg_tGHRD85_ZR/s1600/1008954qqr71dvokd.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUhjUufUymhhkS2YZe6G_Onib6PJE2u3SaeHLpyXAHsGvdPEVAqzhAPPxelxVtAYROmQT3MKbZfiySY7GzkAXw2fSmkVW8Q2W3JCRUay0VRZxH5EXVGcHO6SspXBXjvS-ucDqLP4fwalz/s1600/1009251ay1ofee7km.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsxzjp5HNDdX96EYDpCc7qKcPZmIaPeXo4iEDGWKpBdmIHHRWMQ_te38v2Cc21uMQR2AuToQhhyphenhyphenXob1zlxUDgw7IS7pEEcVCClwkh5E9l8rlqkVNT78mhul2t3HC3PkxlFf_4Fkg2MWC5j/s1600/1009253vf6gllova7.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvyuv_xsFPZjFDt-QLgDUUPWAcrAhBwoYIIXVpRDOrwGkhzdwpI4SGy0pE6XY1EGyrlW2Ky1GjiqgfVJNl0PY-lv2LThajd_IlDcBcLmv0SqbvUCIYO7B94drkCGGMUnrh21Dh8Ek_ZEk0/s1600/1092101xd02670saj.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQbP90-eDrjOP81zXFxWN6JrasNoR0D2F0TeSSgcqy9wr7LM0Sa5qL9V-tJzqDG39GGx1A_qqN9wEvu_smqpCVmAvaVvZIRZkZ41ZZTn8aZEBX-tNXyneilwj8QxnyljpMKGtvqQL5nlj1/s1600/575283rgz5sc1d3a.gif

preview dulu ..kalau ada keluar icon itu..maknanya anda telah berjaya.jadi apalagi save laju-laju k
jika anda berjaya menggunakan tuto ini,sila kongsikan disini k
kalau tak berjaya..teruskan usaha anda yer

5 comments

salam pagi selasa.Sedar tidak sedar sekarang ini kite sekarang berada di pertengahan bulan syaaban.Jadi tidak lama lagi kite akan menyambut bulan penuh keberkatan.iaitu RAMADHAN!( dah ganti pose kerr..?:])act,aku..tidak sabar menyambut ramadhan bersama suami tercinta malah inilah tahun pertama kami menyambut bulan ini bersama.InsyaAllah;]

tuto ini ditanya oleg DEQLA..terima kasih kerana sudi bertanya.Maksud beliau kotak komen pink and blue tu adalah seperti gambar dibawah( ayat mudah:bagaimana kite nak membezakan kotak komen pembaca dengan author)

ini lah yang dimaksudkan^^

Memandang kan aku memang sedang free ini ..aku buatkan khas untuk mu.(ceeewaaahhhh).marilah kite mulakan sesi pembelajaran :

pertama tama sekali..mulakan dengan BISMILAH..ok.dengan harapan ia menjadi la yerkk>-------<
untuk permulaan,aku nak ajar sikit macam mane nak cantikkan kotak komen anda...mari mari semua..

CTRL F .Cari kod ini

]]></b:skin>

atau

/* comment

Jika korang cari dengan menggunakan ]]></b:skin>.sila teruskan mengcopy..kod dibawah ini:

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(URL IMAGE) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}

selepas copy..PASTEKAN ia sebelum ]]></b:skin>
manakala untuk yang cari menggunakan kod ini pula /* comment..anda akan dapat kod seperti dibawahkan( lebih kurang lah ):

HIGHLIGHTKAN SEPERTI KOD DIATAS ITU DAN KORANG GANTIKAN IA DENGAN KOD DIBAWAH:

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(URL IMAGE) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}

URLgantikan lah dengan URL IMAGE pilihan masing-masing ini aku bagi background untuk korang:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSfmbLmm_3uORK_ps5fFuylYLUQrXJLIk5iulnNYtEiN6kqXPcfrSQNfqYDMM3p6pJCsYiRoquT1pmvFnfYEFpyVGQYK-Boj9KNtk4gwbPELylxZ8uJrStg23MNBkn2Vt2CZ3G_w8-JdI/s1600/159.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrkyMtPi383z87_9JeoqMdzamA1oaLj06RPUNFwXqs-URx5AGtO6VsPHwe_sbfiqjCXyOdKg1SL1hWVtHrS0NH8c0sfB21PYONfrUHZ0jN6u4yo6VhHHxEGlVb46dg5HzDiGZUdjdENIn/s1600/1711646kjg4xr0vwh.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMW7caPdzPXiTZpDUr6I6kqdbpnFGYqFGWlD1CDP8rEcwD26AX80Ub7mFP8yxPvBQj4-scpIh91uXTWk9uIZOb6AfkgfnbK2QsUJKjlZ5KmuP5ftUjOXgnmFrbMqAVm8cc2EGz9hAbaIjk/s1600/95.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7WblW7W6CqCo5zO_jCrIldiFnAWKSoOV5o2WXFTJ-7tAI1YdPRGr6m0vYao0Jf7TLKNS1-7tP2C3zaTT4noFQE0QR0RThyphenhyphengwweCDIbgkzSJbSKqZe9F2VG-7PIHKjKdE1GjqbzWF0-iqt/s1600/2802926vw2q4lqpvp.gif

Try preview dulu..jika tiada masalah boleh terus save.ooPPSS..belum habis lagi ini..
OK..dah selesai untuk tuto mencantikkan kotak komen.Sekarang ini aku nak menjawab soalan DEQLA pulak ( tutorial:bezakan kotak komen korang dengan pembaca).Mari kite teruskan sesi tuto ini.

Jom ikuti cara mudah untuk melakukan tutorial ini. Sekiranya code yang aku suruh cari tak ada, kemungkinan besar template korang tidak sesuai.Sabar yekk..kempunan la korang ....

Cari kod ini:

<dd class='comment-body'>

namun sekiranya tidak jumpa..jangan kecewa..try pulak cari kod ini:

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>

jika dah jumpa..TAHNIAH kepada diri sendiri.Copy kod dibawah ini dan PASTEKAN SEBELUM/DIATAS kod yang korang cari tadi :

<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p><data:comment.body/></p> </dd> <b:else/>

teruskan mencari:

<dd class='comment-footer'>

atau

<span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd>

Jika korang cari menggunakan kod ini <dd class='comment-footer'>. copy dan pastekan kod di bawah ini DIATAS kod <dd class='comment-footer'>

</b:if>

kod anda akan jadi seperti ini:

namun jika pencarian anda adalah kod ini <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd>..SILA copy dan pastekan kod ini </b:if> di bawah code <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd>
Tutorial ini agak memenatkan sebab panjang sikit ..harap kalian bersabar yerk..CHAIYOKK!!!
Teruskan pencarian kod ini

]]></b:skin>

atau

</style>

copy pastekan kod dibawah ini DIATAS kod yang korang cari tadi:

.comment-body-author { background-image:url(URL BACKGROUND GAMBAR);background-position: top center; background-repeat: repeat; border: 1px solid #F455A5; padding: 5px; }

namun jika anda ingin background yang simple,anda boleh tukarkan kod background-image:url(URL BACKGROUND GAMBAR) dengan ini : background: #F455A5;
Preview, jika tiada sebarang error dan masalah. Boleh SAVE. Dan lihatlah hasilnya.
Jika tidak jadi..mungkin ada salahnyer.TERUSKAN BERUSAHA dan BERSABAR YERK..jangan menangis
Jika anda berjaya melakukannya dengan tuto ini..sila2 kongsikan dengan aku yerkkk..^^

YA Allah..sampaikan kami ke bulan ramadhan ..Aminn:]

11 comments

Pages

K

About me

Follow Us

Categories

recent posts

Sponsor

Facebook

Blog Archive


hai dan helo semua^^


jangan tanda pada ICON ok?