Tutorial Membuat Kotak Blockquote di Blogskin



Hey hey there!! Salam all..Kalau koranh perasan 2 3 hari ni,memang Diya tak update blog ni ..sebab apa? Mestilah sebab kenduri punye pasal..Kalau orang tanya kenapa berat badan Diya naik sekarang,senang je answer dia " kenduri punya hal".yess seriously memang Diya rasa Diya semakin gemuk sekarang ni..Oh noooo!!
Ok lah jom kita buat blockquote di blogskin..ehh japp kalau korang tak tahu blockquote tu ape,korang tengok pic bawah ni.tu la die


Kalau korang tak tahu macam mana nak guna boleh tengok pic ni..Klik sini

Ok cara nak buat adalah begini.
1.Pergi >> Template

2.Then korang serentak click CTRL + F dan search for code blockquote {


3.Ok then korang copy code ni

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUmyBVS4BPc5rPgntR9W7XNI4IyN7zUkfKtSEUwkzyP7UUqf93wv0mFggmPk3W-S3ypX8IaGaurZHGCa3CyXnuPlnYLygYZFZWojqC6lEv68FkXaSN33g590PJob_CTvHYKMPT9kMMuM/s1600/bihapurple.png); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }

4.Then korang paste di bawah  kod blockquote {


Preview & Save



Kepada korang yang cari kod blockquote {  tak jumpa,try cara ni


1.Pergi >> Template


2.Serentak click CTRl + F dan cari kod body {


3.Ok then pastekan kod bawah ni dekat bawah kod  body {



blockquote {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUmyBVS4BPc5rPgntR9W7XNI4IyN7zUkfKtSEUwkzyP7UUqf93wv0mFggmPk3W-S3ypX8IaGaurZHGCa3CyXnuPlnYLygYZFZWojqC6lEv68FkXaSN33g590PJob_CTvHYKMPT9kMMuM/s1600/bihapurple.png); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }


4.Ok korang boleh replace tulisan merah tu dengan background yang Diya kasi ni


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKW11NUlYgDayXBV_TUXDWp-ENfbGe_TTdZF60qvquYfCmco3IB-0dXodqC4dbh_ax8NULx5W2DVLQqAMr8sw9FCCmea4KIV5hhdlSZZRNypkWbq9PNUZPv-6TPe2Wsk0L6jzEU7HMu3-T/s1600/bintik2.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHiGo0bZ_8h-bHyMCLYdAWd5PqGLc5Z8d_6qroCHoKbm4W8O_yUj9bZS93JxB709CDxBR4WfI-0QUsZYODMOTdcXapIvtSPyweH5lWSRFZa65rLJxmVuCz0mXWRqg5152G4oSX1M97IPU/s1600/pasteldots.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWaeL6a0x1dm6VEFDqQ1dF0RSpMhFWd4O2BCnOIz9O2a8b9C89pcIAEb35sdV-JEZM1tgeytm56hs9w6nOrxMnqwkuv3ZkbZiMpix1TKfh5zX7XvEoe8RzLurgpWVTqoLmj5jKb06-A8o/s1600/pasteldots1.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKGspxFu_jZ1myz6NUnYAoBMbc-TnDDs9mzvfu4woGvMuSG8JmIhH4sG9XMTL7EFiNPVa-jDlUlU6R8rsEDGCrsPlp0zmYCMeqJzyE2zE74-HNPomWRvGmkgLx-6cw5tuXTy2TkkI6m4/s1600/pasteldots3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikSeXCQO4jfSjmts3MOdO04V-hDZUN-UvBOoQO_cf8ztuZLd0Cn52zSY5VuGEVqZRWrayIYFksNj0jyVdoMfXiSsyunvx5inUxQJVXnVXWVTPNXZrlLHbWEixcAIoOmQRWBKMSODjP8t0/s1600/pasteldots4.png

-kalau nak ambik pape,sila komen dulu-






Thanks : Sis Bihya


76 comments:

  1. Nak ambik yang kedua dari atas .. ^^

    ReplyDelete
  2. Ambek yg first2 skali .....

    ReplyDelete
  3. Xjdy larh nak ambek yg first2 ... x match an blog sy ... sy ambek yg wane purple

    ReplyDelete
  4. kita ambik no.1 tu,,tapi bila kita buat tak jadikk...

    ReplyDelete
  5. i take one of that, nice blog :)

    ReplyDelete
  6. Heyy Awokk , kite amek satu tw , :)

    ReplyDelete
  7. I take the first one tapi tak tahu nk gunalah..hihi

    ReplyDelete
  8. saya ambil warna pink tu...thanks

    ReplyDelete
  9. Cara-Cara Nak Pakai Benda Ini?

    ReplyDelete
  10. Awak !! Tutorial awak nie membantu saya lah !!
    Terima kasih :)

    ReplyDelete
  11. boleh tak Diya uatkan tutorial utk Blockquote Hover ?

    ReplyDelete
  12. kite ambik nombor 4 . cantik . sukesuke :)

    ReplyDelete
  13. nk amik yg 2nd last tu

    ReplyDelete
  14. saya ambik yg kaler pepel hehe thank you. btw,saya masih tak paham mcm mne nk mggunakan blockqoute tu

    ReplyDelete
  15. salam..cantik2..saya amikyg coklat cair tuh

    ReplyDelete
  16. saya ambil satu ya.terima kasih;)

    ReplyDelete
  17. *tau (eksaited sgt sampai typo) xD

    ReplyDelete
  18. thnxx bg tutorial ni . .
    dh lama cari . .
    sy amek satu ye
    yg wrna pink :D
    thnxx

    ReplyDelete
  19. dah jadi dah! thank you very much! saya ambil warna pink tu ya...

    ReplyDelete

What do you think? Leave a comment :)