Blockquote *4
Annyeonghaseyo.Hai rakan-rakan dan pengreaders.Asal dirah gembira sangat ini ? Peliknya.Hehe :3 nnye dirah ponw x tau.Tetibe jer mcm gmbira nak buat tuto.Sebab cuti 4 days ke?Sebab dah lme x update tuto ke ? Tak kisah lah.Hah.Ari nie dirah nk share cara buat blockquote yg cntik sgt.Credit : KawaiiLady.Dirah tukar sikit die punye code blockquote ;)Thx kepada die :)
Cute tak ? Okey ikut step yg dirah bgi nie :
1. Ctrl + f serentak atau f3 dan cari code
.post blockquote { atau blockquote { atau blockquote{ atau apa-apa yang berkaitan dengan blockquote
2. Dah jumpa?Delete seme kod yang blockquote korang yang lama.Gantikan yang baru
3.Copy kod dibawah.Copy kod ini dibawah perkataan blockquote {:
margin: 1em 20px;
padding:10px;
box-shadow:inset 2px 2px 0px #FFEBCF,inset -2px -2px 0px #FFE3CF;
background-image:url(http://i.imgur.com/2EShx.png);
border: 2px solid #EEEEEE;
color: #000000;
font:12px century gothic;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
blockquote:hover {
background-image:url(http://i.imgur.com/tDtge.png);
box-shadow:inset 500px 200px 0px transparent,inset -500px -200px 0px transparent;
}
Labels: ade mood!!!!, blockquote, tuto
Blockquote *3
Kali nie nk bagi tuto blockquote yg ke 3.Kredit :
Kak Fatin.Contoh :
BLOGSKIN
Dashboard > Template > Edit HTML
Tekan Ctrl + f serentak dan cari code blockquote {
Tukar code tu kepada code dekat bawah ni
blockquote {
background:#FFF2F5;
color: #ffffff;
border-radius:5px;
border:1px solid #FFDBE2;
border-right:15px solid #FFDBE2;
color:#000000;
padding:4px;
-webkit-transition: 2s;
}
blockquote:hover {
background:#E3F7FF;
color: #000000;
border:1px solid #D0F5F7;
border-right:1px solid #D0F5F7;
border-left:15px solid #D0F5F7;
-webkit-transition: 2s;
}
Paste kat bahagian blockquote { tadi
Save
Labels: blockquote, tuto
Blockquote *2
Tuto kedua (blockquote punya)
yang kali ni pulak lain mungkin , ato jarang2 orang gunakan . Maybe LOL >< . ok korang boleh live preview untuk lebih faham..Kredit : Kak Fatin
Kalo dah faham jom start !
BLOGSKIN
Dashboard > Template > Edit HTML
Tekan Ctrl + f serentak dan cari code
blockquote {
Tukar code tu kepada code bawah ni :
blockquote {
border: 1px dashed #000000;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid #000000;
border-right: 15px solid #000000;
border-left: 15px solid #000000;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}
Save
Labels: blockquote, tuto
blockquote *1
Assalamualaikum!Kali nie nk bagi tuto ttg blockquote plak.Tdi ttg lagu jer kan ? Korang tau x dirah buat yg lagu-lagu tuh berlapis-lapis ! sebab die berkait ! Sampai 9 tab ! Dirah psg die link lagi bab nk tngkp gmbar ! Brrrr...pusing kepala..pening tau pening..K,kali nie mngkin x pning pening...Credit bagi tuto nie :Kak Fatin
BLOGSKIN
Dashboard > Template > Edit HTML
Tekan Ctrl + f serentak dan cari code blockquote {
Tukar code tu kepada code bawah ni :
blockquote{
padding:20px;
position:relative;
background:#eee;}
blockquote:first-letter {
color:#aaa;
font-weight:bold;
font-style:italic;
font-size:23px;
font-family:Georgia;
text-transform:uppercase;}
blockquote:before{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #eee;
border-right-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
border-right:;
position:absolute;
margin:0px -20px;
top:0%;
right:100%;
color:#d3a9a7;
font:55px/55px arial, sans-serif;
content:'“';
display:block;
float:left;}
blockquote:after{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #eee;
border-left-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
position:absolute;
margin:0px -20px;
bottom:0%;
left:100%;
color:#d3a9a7;
font:55px/55px arial, sans-serif;
content:'”';
display:block;
float:left;
}
Save
TEMPLATE DESINGNER
Dashboard > Template > Edit HTML
Tekan Ctrl + f serentak dan cari code blockquote {
Tukar code tu kepada code dekat bawah ni
blockquote{padding:20px;position:relative;background:#eee;}blockquote:first-letter {color:#aaa;font-weight:bold;font-style:italic;font-size:23px;font-family:Georgia;text-transform:uppercase;}blockquote:before{border-radius:100px;box-shadow:inset 0px 0px 0px 30px #fff;border:4px solid #eee;border-right-color:rgba(0,0,0,0);text-align:center;height:30px;width:30px;overflow:hidden;border-right:;position:absolute;margin:0px -20px;top:0%;right:100%;color:#d3a9a7;font:55px/55px arial, sans-serif; content:'“';display:block;float:left;}blockquote:after{border-radius:100px;box-shadow:inset 0px 0px 0px 30px #fff;border:4px solid #eee;border-left-color:rgba(0,0,0,0);text-align:center;height:30px;width:30px;overflow:hidden;position:absolute;margin:0px -20px;bottom:0%;left:100%;color:#d3a9a7;font:55px/55px arial, sans-serif; content:'”';display:block;float:left;}
Save
merah : background
Labels: blockquote, tuto
 Blockquote *4
Annyeonghaseyo.Hai rakan-rakan dan pengreaders.Asal dirah gembira sangat ini ? Peliknya.Hehe :3 nnye dirah ponw x tau.Tetibe jer mcm gmbira nak buat tuto.Sebab cuti 4 days ke?Sebab dah lme x update tuto ke ? Tak kisah lah.Hah.Ari nie dirah nk share cara buat blockquote yg cntik sgt.Credit : KawaiiLady.Dirah tukar sikit die punye code blockquote ;)Thx kepada die :)
Cute tak ? Okey ikut step yg dirah bgi nie :
1. Ctrl + f serentak atau f3 dan cari code
.post blockquote { atau blockquote { atau blockquote{ atau apa-apa yang berkaitan dengan blockquote
2. Dah jumpa?Delete seme kod yang blockquote korang yang lama.Gantikan yang baru
3.Copy kod dibawah.Copy kod ini dibawah perkataan blockquote {:
margin: 1em 20px;
padding:10px;
box-shadow:inset 2px 2px 0px #FFEBCF,inset -2px -2px 0px #FFE3CF;
background-image:url(http://i.imgur.com/2EShx.png);
border: 2px solid #EEEEEE;
color: #000000;
font:12px century gothic;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
blockquote:hover {
background-image:url(http://i.imgur.com/tDtge.png);
box-shadow:inset 500px 200px 0px transparent,inset -500px -200px 0px transparent;
}
Labels: ade mood!!!!, blockquote, tuto Blockquote *3
Kali nie nk bagi tuto blockquote yg ke 3.Kredit : Kak Fatin.Contoh :
BLOGSKIN
Dashboard > Template > Edit HTML
Tekan Ctrl + f serentak dan cari code blockquote {
Tukar code tu kepada code dekat bawah ni
blockquote {
background:#FFF2F5;
color: #ffffff;
border-radius:5px;
border:1px solid #FFDBE2;
border-right:15px solid #FFDBE2;
color:#000000;
padding:4px;
-webkit-transition: 2s;
}
blockquote:hover {
background:#E3F7FF;
color: #000000;
border:1px solid #D0F5F7;
border-right:1px solid #D0F5F7;
border-left:15px solid #D0F5F7;
-webkit-transition: 2s;
}
Paste kat bahagian blockquote { tadi
Save
Labels: blockquote, tuto Blockquote *2
Tuto kedua (blockquote punya)
yang kali ni pulak lain mungkin , ato jarang2 orang gunakan . Maybe LOL >< . ok korang boleh live preview untuk lebih faham..Kredit : Kak Fatin
Kalo dah faham jom start !
BLOGSKIN
Dashboard > Template > Edit HTML
Tekan Ctrl + f serentak dan cari code blockquote {
Tukar code tu kepada code bawah ni :
blockquote {
border: 1px dashed #000000;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid #000000;
border-right: 15px solid #000000;
border-left: 15px solid #000000;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}
Save
Labels: blockquote, tuto blockquote *1
Assalamualaikum!Kali nie nk bagi tuto ttg blockquote plak.Tdi ttg lagu jer kan ? Korang tau x dirah buat yg lagu-lagu tuh berlapis-lapis ! sebab die berkait ! Sampai 9 tab ! Dirah psg die link lagi bab nk tngkp gmbar ! Brrrr...pusing kepala..pening tau pening..K,kali nie mngkin x pning pening...Credit bagi tuto nie :Kak Fatin
BLOGSKIN
Dashboard > Template > Edit HTML
Tekan Ctrl + f serentak dan cari code blockquote {
Tukar code tu kepada code bawah ni :
blockquote{
padding:20px;
position:relative;
background:#eee;}
blockquote:first-letter {
color:#aaa;
font-weight:bold;
font-style:italic;
font-size:23px;
font-family:Georgia;
text-transform:uppercase;}
blockquote:before{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #eee;
border-right-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
border-right:;
position:absolute;
margin:0px -20px;
top:0%;
right:100%;
color:#d3a9a7;
font:55px/55px arial, sans-serif;
content:'“';
display:block;
float:left;}
blockquote:after{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #eee;
border-left-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
position:absolute;
margin:0px -20px;
bottom:0%;
left:100%;
color:#d3a9a7;
font:55px/55px arial, sans-serif;
content:'”';
display:block;
float:left;
}
Save
TEMPLATE DESINGNER
Dashboard > Template > Edit HTML
Tekan Ctrl + f serentak dan cari code blockquote {
Tukar code tu kepada code dekat bawah ni
blockquote{padding:20px;position:relative;background:#eee;}blockquote:first-letter {color:#aaa;font-weight:bold;font-style:italic;font-size:23px;font-family:Georgia;text-transform:uppercase;}blockquote:before{border-radius:100px;box-shadow:inset 0px 0px 0px 30px #fff;border:4px solid #eee;border-right-color:rgba(0,0,0,0);text-align:center;height:30px;width:30px;overflow:hidden;border-right:;position:absolute;margin:0px -20px;top:0%;right:100%;color:#d3a9a7;font:55px/55px arial, sans-serif; content:'“';display:block;float:left;}blockquote:after{border-radius:100px;box-shadow:inset 0px 0px 0px 30px #fff;border:4px solid #eee;border-left-color:rgba(0,0,0,0);text-align:center;height:30px;width:30px;overflow:hidden;position:absolute;margin:0px -20px;bottom:0%;left:100%;color:#d3a9a7;font:55px/55px arial, sans-serif; content:'”';display:block;float:left;}
Save
merah : background
Labels: blockquote, tuto
|
You can request here
.jpg){kind=small}