30 December 2012

Tutorial : Rounded Comment Avatar

Assalamualaikum, Salam Sejahtera. :)
Bismillahirrahmanirrahim..

Since ramai yang dah request, so hear we goooo. Next tutorial lepas ni insyaallah comment box yang macam qihah punya.


1. Log masuk www.blogger.com > Dashboard dan Pilih Template
1. Sign in www.blogger.com > Dashboard and choose Template
2. Tekan Edit HTML kemudian tekan Proceed
2. Click Edit HTML and then click Proceed
3. Cari codes ini (tekan CTRL+F serentak atau tekan F3 di keyboard anda)
3. Find this codes (hold on CTRL+F or click F3 on your keyboard.)
]]></b:skin>
4. Copy kod ini dan Paste di atas ]]><b:skin>
4. Copy this codes and paste above ]]></b:skin>
.avatar-image-container,
.avatar-image-container img {
margin-top:-3px;
max-width: 50px !important;
width: 50px !important;
max-height: 50px !important;
height: 50px !important;
padding: 0 !important;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999x; }
.avatar-image-container{
border:3px solid #fff !important;
-webkit-box-shadow: 0 1px 2px #BBB;
-moz-box-shadow: 0 1px 2px #BBB;
box-shadow: 0 1px 2px #BBB; }
.comment-body-author {
background:#FF7700;
color:#000000;
alpha (opacity=50); -moz-opacity: 0.50; opacity: 0.50;
margin: 0;
font-size: 11px;
margin-top: 10px; /*position*/
padding: 5px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
5. Preview dan Save Template (kalau tak ada apa-apa masalah/error)
5. Preview and Save Template (if doesn't have errors)


Qihah dah tak ingat mana jumpa codes ni sebab dah lama dah.. Rasanya daripada seorang blogger perempuan Cina.. jumpa blog dia time blogwalking sebulan lalu kot. serious tak ingat link dia :(  So, ni kod qihah copy yang ada di template qihah. :)
Assalamualaikum :)
Posted at
In

19 comments:

  1. Anonymous30 December 2012 at 21:10

    wahh... tutorial baru.. yeahhh... :D

    ReplyDelete
  2. Sakinah30 December 2012 at 21:16

    Thanks dik :')

    ReplyDelete
  3. Unknown30 December 2012 at 21:18

    tuto yang menarik (y) nak cuba ni :) xx

    ReplyDelete
  4. Unknown30 December 2012 at 21:23

    thanks for sharing..hehe

    ReplyDelete
  5. Nabila Abdul Aziz30 December 2012 at 21:39

    menjadi ! :D

    ReplyDelete
  6. Anonymous30 December 2012 at 21:53

    Assalamualaikum Qihah. Okey, akak cuma nak nasihatkan Qihah supaya bila jumpa sesuatu 'benda' dari blog orang lain, tolong kredit. Dah lama akak perhatikan Qihah. Qihah selalu 'save' sesuatu benda dan buat macam benda tu hak Qihah. Bila ada orang copy, mesti Qihah marah sedangkan itu bukan hak Qihah. Macam doodle hari tu, Qihah 'save' dalam komputer dan buat header guna doodle tu. Dan bila apply kat blog, Qihah tak kredit dekat pembuat doodle tu. Qihah cakap Qihah lupa. Sedih hati pembuat doodle tu bila tahu doodle dia diambil oleh blogger famous tapi tak kredit. Memang ye Qihah dah cakap kat entry tu yang Qihah lupa tapi bila entry tu dah tenggelam? Orang akan cakap itu doodle Qihah. Akak tengok blog Qihah ni takde tempat "kredit". Adakah 100% benda dalam blog Qihah ni, Qihah punya? Akak selalu perhatikan Qihah. Berubah ye sayang :) Jangan kerana populariti yang Qihah miliki, Qihah boleh buat sesuka hati, tindas blogger baru sana sini. Sebab Qihah fikir mesti ramai yang membela Qihah kalau Qihah kena serang. Kalau Qihah tak nak publishkan comment ni pun takpe, akak faham Qihah mesti malu. Akak cuma nak bagi nasihat :) Maaf kalau keterlaluan..

    ReplyDelete
  7. ♥ Lia Abdillah ♥30 December 2012 at 21:54

    Ty, dah jadi :')

    ReplyDelete
  8. Unknown30 December 2012 at 22:00

    comel !!!

    ReplyDelete
  9. anys nadhilah30 December 2012 at 22:11

    jadi !! maceh dik . :D

    ReplyDelete
  10. ain fazlin 31 December 2012 at 01:38

    dah jadi.. thank you.. :)

    ReplyDelete
  11. cik lisa31 December 2012 at 02:44

    nanti nak cuba, hehe . thanks for sharing ye kihah ,kihkih

    ReplyDelete
  12. Alyra31 December 2012 at 08:44

    Thanks, menjadi! :)

    ReplyDelete
  13. Puan Yaanie31 December 2012 at 17:15

    Akak copy code nye utk di tuto akak :) tp gambar akak punya ;) Thanks kihah.

    ReplyDelete
  14. Anonymous31 December 2012 at 17:33

    Kenapa Qihah tak approve komen akak? Qihah takut? Takut populariti Qihah menurun? Semua ni duniawi sahaja :)) Qihah tak boleh terima teguran akak ke? Atau memang Qihah bersalah?

    ReplyDelete
  15. Puan Yaanie31 December 2012 at 18:30

    Oh then , nanti yanie letak credit :) Ok tak ? ke nak akak padam ?

    ReplyDelete
  16. faqihahhusni31 December 2012 at 18:33

    @Anonymous Populariti? Come on la akak. Adik tak minat langsung populariti ni. Adik pun tak nak 'popular' dan adik pun bukan dalam golongan ni. Adik tak pernah pun kata adik popular ke adik blogger famous ke. tak pernah walau sekali pun akak. Tapi akak dan orang-orang lain yang kata kan? So, adik tak kisah pun naik ke turun ke apa ke. lantak la nak turun ke naik ke tak da langsung ke. Mostly codes-codes di tutorial ni qihah dah edit kepada yang qihah sendiri dan tak sama 100% dengan asal. Adik ambil daripada codes-codes adik sendiri, akak :) Gambar-gambar pulak dah MEMANG adik tak ingat sumbernya. Kadang-kadang gambar-gambar ni dah bertahun-tahun ada dalam laptop adik. Ada yang ownernya dah delete website la apa la. Kenapa akak tanya? Kalau akak tahu salah seorang ownernya memang dialu-alukan beritahu adik :) adik bukannya hipokrit sangat. Jangan tuduh sembarangan. Assif, Assalamualaikum :-)

    ReplyDelete
  17. faqihahhusni31 December 2012 at 18:36

    @Yanie Andierah tak payah padam pun tak pa :)) lagipun dah ada nama/link blog adik di sidebar tu pun dah ok... :)

    ReplyDelete
  18. anshmnf31 December 2012 at 19:27

    Dah jadi la.Thanks qihah ^_^

    ReplyDelete
  19. Nurrul Hazieqah3 January 2013 at 09:15

    Terima kasih.. Nurrul dah guna.. Comeyyhh ! :D

    ReplyDelete

Your words defines you

Subscribe to: Post Comments (Atom)