TUTORIAL : CUSTOMIZE YOUR COMMENT BOX PART 2

Post by Adilla Shahirah | 10:01 pm | 6 Nutella |
assalamualaikum w.b.t :)
Heyhey! What are you doing? Haa, kalau takda kerja nak buat, apa kata korang decorate bahagian komen kat blog korang tu. Kalau guna tutorial ni, please credit me okay? Firstly, korang kenabackup dulu template in case template korang hancur, Eyra takkan bertanggungjawab.DIINGATKAN, TUTORIAL INI SUSAH TAPI HASILNYA TERBAIKKKK! Tutorial ini maybe sesuai untuk Denim Template, sebab Lina pernah try kat Simple Template, tak menjadi oh, huhu. Kalau korang pandai godek code, try je ah :) Nanti boleh buat balik after dah selesai buat comment box ni :)


Cute tak? Haha.
1) Dashboard > Design > Edit HMTL > Tick Expand Widget Templates.
2) Korang tekan CTRL+F/F3, search for this code :
<b:loop values='data:post.comments' var='comment'>
 3) Okay, bawah code tu kan ada code macam ni atau lebih kurang kan? :
<b:loop values='data:post.comments' var='comment'> <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop>

4) Highlight code warna BIRU tu dan gantikan dengan code ni : #CODE WARNA MERAH JANGAN SENTUH!


<div expr:class='&quot;author-comment &quot; + data:comment.authorClass'>
            <dt class='comment-author' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </div>  
5) Sekarang, cari code ni pulak :
]]></b:skin>
 6) Code yang Eyra bagi ni, korang pastekan kat ATAS code tu :

 .comment-footer{margin-bottom:0 !important;}.author-comment{background : #FFFFFF  url(http://i600.photobucket.com/albums/tt88/Amalina_2009/KAWAN.png) no-repeat right top ;padding:5px;margin-bottom:1.5em;border:1px solid #FFFFFF;border-radius:10px;}.author-comment.blog-author {background: #D8D8D8 url(http://i600.photobucket.com/albums/tt88/Amalina_2009/TUANBLOG.png) no-repeat right top;}


 7) Preview dulu, kalau takda error, korang save. Then, cer check comment box korang, jadi tak? Hihi.


NOTES : 
ABC : Warna background kawan korang punya comment box.
ABC : Gambar untuk kawan korang, contoh macam gambar kat atas yang 'KAWAN KITE'. Yang Eyra bagi tu, Eyra ambil kat Lina. Kalau nak guna, make sure credit dia :) Korang boleh reka sendiri kalau kreatif, hukhuk.
ABC : Ketebalan border.
ABC : Boleh ditukar kepada solid / dashed dotted.
ABC : Warna border.
ABC : Warna background untuk korang punya sendiri comment box.
ABC : Gambar untuk korang sendiri, contoh macam gambar kat atas yang 'TUAN BLOG'. Nak guna boleh, macam biasa, make sure credit ada. Hoho


8) Last sekali tekan sini dan sini . 
Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Please help me!

Post by Adilla Shahirah | 7:42 pm | 0 Nutella |
Assalammualaikum. Hello fellas. 

Dilla nak mintak tolong korang untuk tekan says nie. Sesiapa yang nak suruh Dilla tekan balik korang comment tau. Ok. sekarang dilla nak cte kat korang . Cuba korang tengok kat Dilla punya cbox. Ada orang dok kata macam-macam and mencarut. oh. harap-harap dosa dia bertambah dengan free hair dia tu . 


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

1st Giveaway By Izzah Ismail

Post by Adilla Shahirah | 5:32 am | 2 Nutella |
Assalammualaikum. Click banner ye kalau awak awak semua nak join. maaf kalau ayat saya menggoda. 
Tag : Semua yang baca entry ni 


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

1st Segmen Cik Hawa : Pencarian Follower Bawah 1000

Post by Adilla Shahirah | 5:21 am | 5 Nutella |
Assalammualaikum.. if you want to join, you must click banner. ok.


Tag : Semua yang baca entry ni :)


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

" Simple GA By Caah"

Post by Adilla Shahirah | 6:39 am | 2 Nutella |
Assalammualaikum, jom la join ramai-ramai. hadiah menarik. nak join tekan banner di atas :)
Tag : Eyra , Farain , Ika


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

'segmen : up kan follower bawah 700 by Zat

Post by Adilla Shahirah | 6:24 am | 3 Nutella |
Assalammualaikum, if korang nak join tekan banner atas ni :) 
Follower : 101. 
 Last sekali dia suruh :)


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Happy

Post by Adilla Shahirah | 6:21 am | 0 Nutella |
Assalammualaikum, hye. act hari ini Eyra happy sebab skin yang Eyra baru buat jadi HOT SKINS. happy sebab newbie. baru je berapa hari boh . dah ramai rating. thanks kawan-kawan Eyra yang rating kat Eyra. terharu . nanti eyra buat skin yang baru. Sesiapa yang nak tengok skin tu tekan kat bawah ni. 
TEKAN SINI 
Kay, nak join GA la. 


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Senarai peserta follow back

Post by Adilla Shahirah | 5:52 am | 0 Nutella |

Ini adalah senarai penuh peserta segment team follow back 

1.Ainie Sempoy2.Nizambecerita
3.Yumida4.FaqihahHusni
5.Pecinta Pink6.Luvlymungerose
7.Inasyuhaidah8.hadifahsabri
9.Aliasafifah10.Waniey
11.Sheera12.Sheila Eiman
13.AkmaDanira14.Niera
15.AhmadZikron16.Aziha
17.EydaNur18.Yuni
19.IeraaSyiera20.Aliff Aufa
21.Raihan22.Si pipi Merah
23.Adam Zailani24.Miss Areyin
25.Cik Bla Bla Bla26.muazfaris
27.Nieya28.Fieza
29.Niniey30.AiraAmir
31.LokmanRamli32.Kite2-jew
33.Anak Adam34.LyanaKamarul
35.Nisa Hanan36.Aridz Azmil
37.Murni38.Mamaqhayra
39.Cik Ummi40.Pika
41.Dinda Maisarra42.Izzat Shahmi
43.Echillme44.Ieqha Alim
45.Miss Shippy46.Miera
47.Eizzack48.Yasmin
49.Norumara50.Cioccolato
51.Erida52.Nash Eira
53.Tyka Atiqah54.Saidatul
55.Farra Izzaty56.Nana Zira
57.Enrecca58.Fardiyah
59.Miera60.Kekapas Berceloteh
61.EqahShafiqah62.Zaeira
63.Nur Adila64.Yaya Bunga
65.Rochellez66.Izzatisyazwani
67.Ainilittlesweet

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Slide Show Menggunakan Marquee

Post by Adilla Shahirah | 12:37 am | 0 Nutella |

Assalamualaikum and anneyonghaseyo

1.Dashboard > Design > Add A Gadget > Choose HTML/JavaScript
2.Paste kod dibawah

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center"><img src="URL PIC" height="195" width="190" /><img src="URL PIC" height="195" width="190" /><img src="URL PIC" height="195" width="190" /></marquee>
3.Upload pic korang di SINI 
Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Segment : Team Follow Back by AmerCorner

Post by Adilla Shahirah | 10:47 pm | 39 Nutella |
Assalammualaikum. nak join tekan banner kay. meletup giloks segmen ni. jom join ramai-ramai. 
Bilangan follower : 97 orang.
 Tag : Ika 
harap dapat menang. doakan Eyra.  


Tekan SINI untuk peserta followback.


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

GA AmerCorner Free Domain and Aquapic Lomo

Post by Adilla Shahirah | 10:52 pm | 1 Nutella |
Bismillahhirahmanirahim// Assalammualaikum + Selamat petang. hari ini eyra join satu GA.hadiah dia menarik giloks tak percaya tekan banner di bawah ni 
Pemilihan pemenang : 

Pemilihan pemenang.
Bagi pemenang 1.lomo atau domain 1 year atau rm50.00 dan
2.Aquapic Lomo atau domain 1 year adalah dipilih melalui
2 top referral ke entry ini.
ada 3x saguhati.
1x saguhati dipilih amercorner itu sendiri.
2x saguhati guna khidmat random.org
Tarikh tutup giveaway pada 7 June 2012
Tag : Ila , Risya , Zulaikha

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Random Giveaway By Cik Fie

Post by Adilla Shahirah | 4:16 am | 0 Nutella |
Assalammualaikum,


p/s : tekan banner untuk join.

Tag : Dilla , Eyra

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

1st Giveway 2in1 by Atien

Post by Adilla Shahirah | 5:03 am | 0 Nutella |
Assalammualaikum// Hari ini Dilla join GA daripada Atien. jom la ramai-ramai join
p/s : nak join , sila tekan banner di atas.

Di bawah ini adalah sign name untuk Atien.

p/s : tekan gambar untuk tumbesaran

Tag : Eyra , Ika

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Music box new style (Blogskin)

Post by Adilla Shahirah | 10:05 pm | 0 Nutella |

Tumblr_m2qw89arus1qjtzsdo1_500_large
Assalamualaikum, okay skang nak wat tutor yg mendapat permintaan ramai -.- Eyra taktau nak panggey apa bnda alah ni. code dye aq dpt dri blogskin.com. tp, tak jumpa balik skin tu -.- hrp maklum. so, bg sesapa yg tak tau psl music box ni boleh merujuk gmbar dibwh. before tu, Eyra nak ingatkan bnda ni cuma berfungsi pada blogskin aka classic template sahaja. template designer tak try lgi. 



see. bila kita hover kat dya, automatik dye membesar. bole jugak rujuk SINI. okay? lets start.

First, click sini :)

Second, copy code kat bwh ni 

#music{position:fixed !important; right:10px; padding-top:12px; top:10px; padding-bottom:12px; height:30px; width:50px; overflow:hidden; border:3px solid #F6CED8;-moz-border-radius: 17px 17px 17px 17px;border-radius:17px 17px 17px 17px; -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;background: #fff;z-index:999;font-family: short stack;font-size:13px;}

#music:hover{border:2px solid #E6E6E6; padding:5px; height:90px; width:200px;-moz-border-radius: 0px 0px 0px 0px;border-radius:0px 0px 0px 0px; }
Third, dah copy? okay, code tadi tu pastekan kat bwh code body { 

contoh:

body { blablabla...}


#music{position:fixed !important; right:10px; padding-top:12px; top:10px; padding-bottom:12px; height:30px; width:50px; overflow:hidden; border:3px solid #F6CED8;-moz-border-radius: 17px 17px 17px 17px;border-radius:17px 17px 17px 17px; -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;background: #fff;z-index:999;font-family: short stack;font-size:13px;}

#music:hover{border:2px solid #E6E6E6; padding:5px; height:90px; width:200px;-moz-border-radius: 0px 0px 0px 0px;border-radius:0px 0px 0px 0px; }
Fourth, copy code bwh dan  pastekan kat bwh <body 

<div id="music"><center><img src="http://www.laymark.com/l/cz/cz03.gif" style="margin-left: 3px; margin-bottom: 3px; width:40px;"><br></center><center><div style="color:#F6CED8;">AYAT KORANG </div><object width="160" height="25"><param name="movie" value="http://www.youtube.com/v/V-y_J7eVMIY?fs=1&amp;autoplay=1&loop=1&amp;hl=en_US&amp;rel=0&amp;color1=ffffff&amp;amp;color2=ffffff " /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/V-y_J7eVMIY?fs=1&amp;autoplay=1&loop=1&amp;hl=en_US&amp;rel=0&amp;color1=ffffff&amp;amp;color2=ffffff " type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="160" height="25"></embed></object></center></div>
yg lain adjust sendiri okay. Dah siap. Save lah. click here thanks.

okay, i'm in rush now. babai and wasalm :)

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

'SPECIAL GIVEAWAY BY AZIERA ADENAN'

Post by Adilla Shahirah | 12:53 pm | 0 Nutella |
p/s : tekan banner untuk join.

Tag : Dilla

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

1st GiveAway by Nabila Medan

Post by Adilla Shahirah | 12:43 pm | 0 Nutella |
p/s : tekan banner di atas untuk join

Tag Eyra , Mia , Dilla


Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

Mega Tech Giveaway By MizzsNinie, CikMun And DrFara

Post by Adilla Shahirah | 12:33 pm | 1 Nutella |
p/s : nak join sila tekan banner di atas




Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!