Tutorial Pasang Butang Tweet, Plus One, Share dan Like Facebook

Hanya share di FB dan twitter utk dptkn $$$!!

Kali ni request dari arekyn. Cik tom akan ajar tutorial cara buat blockquote yang ada warna bagi cantikkan lagi entry blog korang. Tapi maybe ramai tak tahu. Blockquote tue macam mana rupanya ye? Haa ni la rupanye;

Book cheap tour packages

JAWATAN KOSONG: Pekerja Part-Time Di Perlukan

Contoh blockquote

Terdapat 3 kemungkinan soalan yang akan korang tanya. So, cik tom dah siapkan 3 incase kalau 1st tutorial takde. Korang boleh follow up next incase. Tapi kalau dah boleh buat just ignore other incase ye. Jom follow up tutorial ni.

STEP 1

DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>DOWNLOAD FULL TEMPLATE

*Apa-apa pun sebelum edit html, korang mestilah buat backup sebagai langkah berjaga-jaga.

STEP 2

Tekan keyboard, CTRL+F secara serentak.Cari code;

blockquote

STEP 3

Ini contoh coding blog cik tom. Berkemungkinan coding setiap blog berlainan.


blockquote {



margin: 10px 10px 10px 20px;




padding: 10px 15px 10px 15px;




line-height: 1.6em;




color: #000000;










background: #F535AA;










border: 3px solid #000000;




border-left: 3px solid #000000




}

Pada coding di atas ni korang boleh tukar code warna tue ye;

1) color= code warna teks dalam blockquote

2) background= warna background kotak blockquote

3) border=untuk adjust ketebalan, jenis dan warna border

**Untuk pilihan warna boleh lihat kat SINI atau google code warna yang korang suka.

STEP 4

Klik SAVE TEMPLATE.

*************************************************

~~~Incase 2, blog korang ada code blockquote tapi takde code warna, background or border.~~~

Contoh;


blockquote {



margin: 10px 10px 10px 20px;




padding: 10px 15px 10px 15px;




line-height: 1.6em;










border: 3px solid #000000;




border-left: 3px solid #000000




}

Korang just boleh tambah je code tue seperti dibawah;


blockquote {



margin: 10px 10px 10px 20px;




padding: 10px 15px 10px 15px;




line-height: 1.6em;




color: #000000;










background: #F535AA;










border: 3px solid #000000;




border-left: 3px solid #000000




}

*************************************************

~~~~Incase 3, blog korang memang takde coding blockquote. ~~~

STEP 1

Tekan keyboard, CTRL+F secara serentak.Cari code;

]]></b:skin>

STEP 2

Copy dan paste code di bawah, sebelum code ]]></b:skin>


blockquote {



margin: 10px 10px 10px 20px;




padding: 10px 15px 10px 15px;




line-height: 1.6em;




color: #000000;










background: #F535AA;










border: 3px solid #000000;




border-left: 3px solid #000000




}

**Untuk pilihan warna boleh lihat kat SINI atau google code warna yang korang suka.

STEP 3

Klik SAVE TEMPLATE dan cuba buat post entry guna blockquote. Menjadi tak??

*************************************************

~~~Incase 4, bagi yang tak tahu macam mana nak buat blockquote ialah pada new posts/edit post(tak kira la yang old or new editor)~~

Korang taip dulu entry korang tue.. Pastu bold/highlight kan perkataan/perenggan yang ingin di blockquote dan klik icon “blockquote” seperti dibawah;

p/s: sila baca dan follow up betul2 step yang cik tom bagi ni ye. cuba buat dulu. kalau tak dapat baru tanya. erk bukan bermaksud tak nak jawab soalan korang/tak bagi tanya ye tapi kadang2 ada soalan yang di tanya tanpa mencuba dulu.

*********************************************************************************

47 thoughts on “Tutorial Buat Blockquote Cantik dan Berwarna”

yeah!! finally…
cik tom buat gak tutor yang akyn request tuh…
akyn dah try.. trimass yerp…
jasamu d kenang

mcm kenal je coding n step tu. hehe. nice sharing ciktom.

mekasih cik tom.
saya buat polka dot blockquote. hehe~

http://kitty-nini.blogspot.com/2010/12/godeh2-blockquote.html

xjadilah cik tom..kita nye yg step2 tuh…kat sidebar blog kita, 'contest' je yg ada blockquote tuh.. adeii pening udah ..

wah…best2..leh try…

satu lg..leh x cik tom ajar cmne cra nak letak icon kt tajuk/url bloglist tu?yg cik tom punye icon tomato comel tu…sukela…tingin gak nk mcm tu…hehe

I think one of your advertisements caused my internet browser to resize, you might want to put that on your blacklist.

sye dh try smua tp x jadi, coding plak yg kuar kt blog atas, camne?

@Ayuni: sori br terjah..cik tom tgk menjadi je blockquote blog ayuni..

@FiZ:

http://www.ciktom.com/2010/12/tutorial-letak-icon-comel-pada-sidebar.html

Salam Cik Tom, templetes sy langsung tak ade blockquotnie…hehehe.sy dah cube jaya letak…time kasih yer

My recent post ►Fesyen : Fesyen Lenyap, Style Sama

tqvm!

cik tom! time kasih bebanyak..dah terai byk kali dr tutorial org lain tp tak jadi sbb tak diexplain mcm mana kalo case takde ‘blockquote’..

cik tom. first time buat terus menjadik. trimas!

terima kasih cik tom

thanks cik tom! sangat membantu~~

tak jdik lah D:
cmne ek?
code yg nk di blockquote tu jdi center ketengah je
takde cm kotak kotak nye pun :’c

ciktom on October 7, 2011 at 3:35 pm said:

macam mana tue ye??ada tersilap copy code kot..ciktom nak tlg pun xdpt tgk blog misa sbb private…so cik tom edit balik entry kat bahagian code…cuba misa copy balik code tue..menjadi x?

thank you cik tommm!!
dah jadi dah!!

ciktom on October 12, 2011 at 12:48 pm said:

your welcome…tahniah dah jadi!

Tgh dok usha2 tuto kat sini…hehehe

ciktom on November 27, 2011 at 5:02 am said:

oh ok..usha elok2..

x jadi pun… bila buat blockquote dia x kluar..

ciktom on December 26, 2011 at 6:24 pm said:

cuba follow satu persatu step..maybe ada tertinggal apa2 code..
- Aien on January 14, 2012 at 8:06 pm said:
  
  ciktom tolong buatkan blockquote utk blog sya
  - ciktom on January 15, 2012 at 3:01 pm said:
    
    sori yunk..ciktom busy dengan kerja skang..xdpt nak tolong…cuba aien buat sendiri dulu ye…

ci tom boleh tlg saya tak (: .. tlg buatkan .. nti sya bg password kat ciktom .. tgok2 blog sya ne (: http://aienhaslinda95.blogspot.com/

ciktom on January 15, 2012 at 3:49 pm said:

sori yunk..ciktom busy..cuba follow dulu step dalam tutorial ni..kalau xdapat buat/ sangkut mana2 inform or boleh tanya dengan cik tom..

..:akyn:.. on December 17, 2010 at 5:29 am said:

yeah!! finally…
cik tom buat gak tutor yang akyn request tuh…
akyn dah try.. trimass yerp…
jasamu d kenang
RedBoys on December 17, 2010 at 10:16 am said:

mcm kenal je coding n step tu. hehe. nice sharing ciktom.
Kitty Nini on December 18, 2010 at 2:09 pm said:

mekasih cik tom.
saya buat polka dot blockquote. hehe~
http://kitty-nini.blogspot.com/2010/12/godeh2-blockquote.html
rossoneri on December 19, 2010 at 3:30 pm said:

xjadilah cik tom..kita nye yg step2 tuh…kat sidebar blog kita, 'contest' je yg ada blockquote tuh.. adeii pening udah ..
FiZ on December 20, 2010 at 8:56 am said:

wah…best2..leh try…
satu lg..leh x cik tom ajar cmne cra nak letak icon kt tajuk/url bloglist tu?yg cik tom punye icon tomato comel tu…sukela…tingin gak nk mcm tu…hehe
Anonymous on December 31, 2010 at 9:28 pm said:

I think one of your advertisements caused my internet browser to resize, you might want to put that on your blacklist.
Ayuni on January 9, 2011 at 10:12 am said:

sye dh try smua tp x jadi, coding plak yg kuar kt blog atas, camne?
CIK TOM on January 15, 2011 at 3:59 pm said:

@Ayuni: sori br terjah..cik tom tgk menjadi je blockquote blog ayuni..
CIK TOM on January 15, 2011 at 4:00 pm said:

@FiZ:
http://www.ciktom.com/2010/12/tutorial-letak-icon-comel-pada-sidebar.html
►AdamXis◄ on January 16, 2011 at 10:22 am said:

Salam Cik Tom, templetes sy langsung tak ade blockquotnie…hehehe.sy dah cube jaya letak…time kasih yer
My recent post ►Fesyen : Fesyen Lenyap, Style Sama
noraim on January 17, 2011 at 5:57 pm said:

tqvm!
MamaYatie on May 23, 2011 at 4:41 pm said:

cik tom! time kasih bebanyak..dah terai byk kali dr tutorial org lain tp tak jadi sbb tak diexplain mcm mana kalo case takde ‘blockquote’..
kinn on June 10, 2011 at 12:37 am said:

cik tom. first time buat terus menjadik. trimas!
manis on June 14, 2011 at 2:16 pm said:

terima kasih cik tom
wardah alisya on July 4, 2011 at 5:13 pm said:

thanks cik tom! sangat membantu~~
Misa on October 6, 2011 at 9:29 am said:

tak jdik lah D:
cmne ek?
code yg nk di blockquote tu jdi center ketengah je
takde cm kotak kotak nye pun :’c
- ciktom on October 7, 2011 at 3:35 pm said:
  
  macam mana tue ye??ada tersilap copy code kot..ciktom nak tlg pun xdpt tgk blog misa sbb private…so cik tom edit balik entry kat bahagian code…cuba misa copy balik code tue..menjadi x?
cik bambam on October 12, 2011 at 11:09 am said:

thank you cik tommm!!
dah jadi dah!!
- ciktom on October 12, 2011 at 12:48 pm said:
  
  your welcome…tahniah dah jadi!
yas on October 29, 2011 at 11:03 am said:

Tgh dok usha2 tuto kat sini…hehehe
- ciktom on November 27, 2011 at 5:02 am said:
  
  oh ok..usha elok2..
nadia on December 1, 2011 at 11:46 am said:

x jadi pun… bila buat blockquote dia x kluar..
- ciktom on December 26, 2011 at 6:24 pm said:
  
  cuba follow satu persatu step..maybe ada tertinggal apa2 code..
  - Aien on January 14, 2012 at 8:06 pm said:
    
    ciktom tolong buatkan blockquote utk blog sya
    - ciktom on January 15, 2012 at 3:01 pm said:
      
      sori yunk..ciktom busy dengan kerja skang..xdpt nak tolong…cuba aien buat sendiri dulu ye…
Aien (: on January 14, 2012 at 8:04 pm said:

ci tom boleh tlg saya tak (: .. tlg buatkan .. nti sya bg password kat ciktom .. tgok2 blog sya ne (: http://aienhaslinda95.blogspot.com/
- ciktom on January 15, 2012 at 3:49 pm said:
  
  sori yunk..ciktom busy..cuba follow dulu step dalam tutorial ni..kalau xdapat buat/ sangkut mana2 inform or boleh tanya dengan cik tom..

Ciktom

Personal, Tips, Tutorial & Blogging

Tutorial Buat Blockquote Cantik dan Berwarna

Related Posts

Random Posts

47 thoughts on “Tutorial Buat Blockquote Cantik dan Berwarna”