Cara Guna Blockquote

Then, click PUBLISH..... 

hasilnya : 

“You've gotta dance like there's nobody watching,

Love like you'll never be hurt,

Sing like there's nobody listening,

And live like it's heaven on earth.” 

― William W. Purkey

make sure, korang daa edit / buat blockquote tu...kalau tak jadi, maybe tersalah kod letak kod blockquote tu.... and
please try again...

# tutor Blockquote 1
# tutor Blockquote 2
# tutor Blockquote 3

but, kalau tak jadi jugak, leh inform saya... in sha Allah saya tolong....
=)

Tutorial Blockquote #3

example

1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian..

]]></b:skin>  

3. Copy kod  di bawah dan paste kan sebelum kod   ]]></b:skin>  

.post blockquote {
background: #E0FFFF;
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
border-left:  2px solid #000000;
border-right: 2px solid #000000;
border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;
margin:1em 20px;
padding: 6px;
} 

note :
korang leh tukar :

biru : kod warna yang korang suka ---> Pilih di sini 
oren : bentuk-bentuk border , ----> Pilih di sini  

Tutorial Bentuk-Bentuk Border

Bentuk-bentuk border ni korang boleh guna untuk banyak benda sebenarnya...
contoh : border post title, border post sidebar, blockquote dalam blog, etc..
kalau korang edit blog and terjumpa kod ala-ala kat bawah nanti, korang boleh laaa tukar..delete kod lama, gantikan dengan yang ni...tapi, jangan lupa preview dulu..... hehehe

leh tengok senarai tutorial kat bawah ni..ada yang guna kod border ni...
------> TutoR <------

attention : 

tulisan merah - saiz border 

#804000 - tukar kod warna yang korang suka , leh pilih di sini 

jenis line - dashed, dotted, solid 

now, searching......................................... 

border: 3px solid #804000;

-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;

border-radius: 0.5em 0.5em 0.5em 0.5em; 

------------------------------------------------------------------------------------------------------------

border: 3px solid #804000; 

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;  

------------------------------------------------------------------------------------------------------------

 border: 3px solid #804000;

-moz-border-radius: 4em 4em 1em 1em;

border-radius: 4em 4em 1em 1em; 

------------------------------------------------------------------------------------------------------------

border: 3px solid #804000;

-moz-border-radius: 0.2em 1em 0.2em 1em;

border-radius: 0.2em 1em 0.2em 1em; 

-------------------------------------------------------------------------------------------------------------

border-top: 4px solid #804000;

border-bottom: 4px solid #804000; 

-------------------------------------------------------------------------------------------------------------

 -moz-border-radius-topleft: 20px;

-moz-border-radius-topright: 20px;

-webkit-border-top-left-radius: 20px;

-webkit-border-top-right-radius: 20px;

-top-right-radius: 20px;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

border-bottom: 5px solid #804000;

-------------------------------------------------------------------------------------------------------------

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-right: 6px solid #804000;

border-left: 6px solid #804000;

-------------------------------------------------------------------------------------------------------------

border: 2px dashed #804000;

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-left: 8px solid #804000; 

-------------------------------------------------------------------------------------------------------------

border: 2px dashed #804000;

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-right: 8px solid #804000;

-------------------------------------------------------------------------------------------------------------

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-left: 6px solid #804000;

-moz-border-radius: 1em 1em 1em 1em;

 border-radius: 1em 1em 1em 1em; 

-------------------------------------------------------------------------------------------------------------

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-right: 6px solid #804000;

-moz-border-radius: 1em 1em 1em 1em;

 border-radius: 1em 1em 1em 1em; 

-------------------------------------------------------------------------------------------------------------

border-top: 2px dashed #804000;

border-bottom: 2px dashed #804000;

border-right: 6px solid #804000;

border-left: 6px solid #804000;

-moz-border-radius: 1em 1em 1em 1em;

 border-radius: 1em 1em 1em 1em; 

--------------------------------------------------------------------------------------------------------------

border-bottom: 3px dashed #804000; 

---------------------------------------------------------------------------------------------------------------

credit  

Tutorial Blockquote #2

example

1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian...

]]></b:skin> 

3. Copy kod  di bawah dan paste kan sebelum kod   ]]></b:skin>  

.post blockquote {
background-color: #E0FFFF;
border-left: 10px solid #CA226B;
border-right: 10px solid #CA226B ;
margin: 1em 3em;
padding: .5em 1em;
font-size: 12px; 

note :
korang leh tukar

 #E0FFFF   -  warna background
 #CA226B   -  warna border

kod warna leh tengok sini  ...
inform ye kalo jadi or x... =)

Tutorial Blockquote #1

example

1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian...

]]></b:skin>

3. Copy kod  di bawah dan paste kan sebelum kod   ]]></b:skin> 

.post blockquote {
background:#00FFFFurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2lElzU6o1QkdCttjhZ4QSU7zlCCmUxOcS94l-bUiuHzpfnuzDmiLCgLKWyta-Dd4-m-szef3a5q8B4gFrUppMO1WOj6ZIO7Gwn_QDeAhHk344zSLzlVdomRftNakCtzFy5XUXqEdDKqxk/s1600/quote.jpg) no-repeat scroll 0 0;
border-color: #D7E8F0;
border-style: solid;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
font-size: 13px;
line-height: 16px;
margin:10px 0 10px 10px;
overflow: visible;
padding: 28px 10px 10px;
width:80%; }

.post blockquote:hover {
background:#00FFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2lElzU6o1QkdCttjhZ4QSU7zlCCmUxOcS94l-bUiuHzpfnuzDmiLCgLKWyta-Dd4-m-szef3a5q8B4gFrUppMO1WOj6ZIO7Gwn_QDeAhHk344zSLzlVdomRftNakCtzFy5XUXqEdDKqxk/s1600/quote.jpg) no-repeat scroll 0 0
}

Note :
ni yang korang boleh tukar  sendiri ,

purple : kod warna ---> leh jenguk sini 
oren : jenis font yang korang suka ( leh cari kat microsoft word korang )
merah : jenis border sama ada solid, dashed, or lain-lain
hijau : url images yang korang suka

goodluck~ inform ye kalo jd or x... =)

Blockquote tu apa?

hyepp, ade saudari yang ajukan soalan kepada saya...

ni contoh blockquote yang di maksudkan...bila post, akan jadi camney... =)

“This life is what you make it. No matter what, you're going to mess up sometimes, it's a universal truth. But the good part is you get to decide how you're going to mess it up. Girls will be your friends - they'll act like it anyway. But just remember, some come, some go. The ones that stay with you through everything - they're your true best friends. Don't let go of them.

Also remember, sisters make the best friends in the world. As for lovers, well, they'll come and go too. And baby, I hate to say it, most of them - actually pretty much all of them are going to break your heart, but you can't give up because if you give up, you'll never find your soulmate. You'll never find that half who makes you whole and that goes for everything. 

Just because you fail once, doesn't mean you're gonna fail at everything. Keep trying, hold on, and always, always, always believe in yourself, because if you don't, then who will, sweetie? So keep your head high, keep your chin up, and most importantly, keep smiling, because life's a beautiful thing and there's so much to smile about.” ― Marilyn Monroe 

but actually, ada banyak design..and yang saya tunjuk ni paling simple...  ( 6_ g )

nanti saya tunjuk tuto untuk blockquote yang lain ye...