Tuesday, June 17, 2014

Blockquote Automatic Tutorial Newbies Only

Cara buat blockquote automatik adalah dengan menambah / mengedit beberapa script di blog template. Dah lame sebenar aku dok mencari tutorial blockquote ni, sebab sebelum ni kalau nak buat BQ (blockquote) kene buat secara manual, jadi banyak keje.. kalau artikel yang panjang dan memerlukan banyak BQ, satu keje nak edit lagi.. so ni memang dah automatik blockquote bile kite klik pada simbol BG di posting page kite.

Sememangnye blogspot ade menyediakan BG yang direka khas, tak semua BG same dengan blog orang lain, lain template yang tertanam, lain pulak jenis blockquote yang disediakan.. lain pulak widget / gadjet yang tersedia, dah sudah tentu interface berbeza dengan yang asal (default).

Malas nak tulis panjang-panjang pasal template blogspot, cara tukar dan edit template ni sangat basic bagi blogger.. jadi tak perlu aku detail bagai, hehe.. untuk pengetahuan sebelum aku tanam script blockquote automatik ni, BQ aku sangatlah simple sampaikan aku pun tak tahu adekah aku dah BQ atau belum pada satu-satu ayat tu? aku ni jenis yang tak suka "simple tak paham".

Setelah berusaha mencari dari berbagai nara sumber, yang mane kebanyakkannye blogger menggunakan blockquote manual. Aku malas nak BQ manual.. letih nak edit satu-satu. So dapatlah satu blockquote automatic tutorial dari satu blog ni (credit).

Blockquote Automatic Tutorial Newbies Only

Bagi aku sangat simple dan smart dan banyak pilihan blockquote disediakan. Wah ~ sangat bersyukur dan puas hati.. maybe tutorial ni dah lame blogger tahu, tak kesah la kome kan Masta? aku newbies jep, mungeee ~ jangan risau, tutorial ni tak menyebabkan template kome error, preview la dulu.. kalau error tak payah la save? hehehe.. okeh! bagi yang berminat mencube blockquote automatic tutorial nih.. boleh ikut step by step di bawah :

Step 1 :

Login Blogger - More Option - Template - Edit HTML - cari code ]]></b:skin> (CTRL + F).

Step 2 :
Copy code Blockquote - Paste code Blockquote di atas code ]]></b:skin>.

Step 3 :
Preview - No Error - Save Template.

Pilih salah satu code Blockquote yang menjadi pilihan anda, ikut step 2 dan 3. Ingat, kalau error.. cube perati dulu code BQ anda, kalau tak reti coding.. pakai la BQ lain lain ye, tapi rasenye semua script BQ ni selamat dan aman untuk digunakan.

Blockquote 1 :
Blockquote Automatic Tutorial Newbies Only
blockquote { 
margin : 0 20px; 
padding: 60px 30px 40px 20px; 
background : #F1F8FE url(http://3.bp.blogspot.com/_7wsQzULWIwo/SwhrZYtvrRI/AAAAAAAACRs/
Q0k6eaIjnys/s400/owl.png) no-repeat 350px 5px; 
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; 
color : #000; 
border-left: 8px dotted #DAB547; 
blockquote p { 
margin: 0; 
padding-top:10px; 
}

Blockquote 2 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #E4EAFE url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb4cWgxCUI/AAAAAAAACN8/
k2V4tUcGx14/
s400/angular-purple.gif) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, &amp;amp;quot;Times New Roman&amp;amp;quot;, Times, serif;
color : #000;
border-bottom : 5px solid #435388;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote 3 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #9FCFFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/SwhrYyb3PiI/
AAAAAAAACRU/
DyY1rOVnl_k/
s400/block22.gif) no-repeat right bottom;
font: bold .9em &amp;quot;comic sans ms&amp;quot;, arial, Helvetica,verdana, Georgia;
color : #484848;
border: 5px dashed #fff;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
Blockquote 4 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgouqSwL3Io2FnO7IyfwY2nutMfBc09wTXVQHZbiJDS2wXNwK-x7U95uTpX302RsSYU9bQ4voc50vudK1yQJTUgtpOENxbqtAWAZjsMB4WnuzOVEhib91eIMr2RvOqTQQw0KPGOpfMuYmU/s1600/comma-side-orange1.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em Georgia, &amp;amp;quot;Times New Roman&amp;amp;quot;, Times, serif;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}

Blockquote 5 :
Blockquote Automatic Tutorial Newbies Only
blockquote { background: #484B52 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5J3xbxyI/
AAAAAAAACPk/gxR76OhXXaw/
s1600/green-black-side.gif)
 ; background-position:; background-repeat:repeat-y;
margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF;
 font: normal 0.9em Helvetica,
verdana, serif, Georgia, &amp;quot;Times New Roman&amp;quot;; }
 .post blockquote p { margin: 0; padding-top: 10px; }

Blockquote 6 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
font: 18px normal Tahoma, sans-serif;
padding-top: 10px;
margin: 5px;
background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5JEtgobI/
AAAAAAAACPM/
tqEq7sOrdnQ/
s400/comma-left.gif) no-repeat top left;
text-indent: 65px;
}
.post blockquote div {
display: block;
background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5JRi1ZbI/
AAAAAAAACPU/
vWtG9Rvfj9U/
s400/comma-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote 7 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
font:bold italic .9em "comic sans ms", Tahoma, sans-serif;
padding-top: 25px;
margin: 5px;
background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5kCZUGZI/
AAAAAAAACP8/UEMNYwjmokk/
s400/left.gif) no-repeat top left;
text-indent: 65px;
color:#6299E4;
}
.post blockquote div {
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscmLhJl9Kedv0x7rTCqCQwKlp2S6fgebNBtZC3UEiqMxS9gQ94zJ_sEA2M2-qWgSfOJ01G-FyonYBHwyDaC4q5nJHNLIf0WzbkQ8JtFreJtvwCkXkI0vWjhyTra66dpCErgimIkXuCmA/s400/right.gif) no-repeat bottom right;
padding-bottom:30px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
Blockquote 8 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 20px;
background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FZAY8m1Kkyh_k9eRieKjF_lKvsLKLyVCnKPoTUn-yZZAYmYqKCDyenFd0eqDj7Yc3U3J3MsX1smo82EW4kR4o4ABgxy-q6-5MycX4xQI3YIQDYwCj6WLPPmiy7qJKJlGBFwFN3nwREY/s1600/block333.gif) no-repeat top;
font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif;
color : #000000;
border-bottom : 7px solid #FF0000;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote 9 : 
.post blockquote{
margin : 0 20px;
padding: 50px 30px 50px 30px;
background : #FFF url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4c7RglzI/
AAAAAAAACOU/bwGBdTO2lq4/
s1600/BLOCK1-TOP.gif) no-repeat top;
font: bold italic 1em Helvetica, verdana;
color : #000;
}
.post blockquote div{
background : #FFF url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4c0v4knI/
AAAAAAAACOM/
S-iKAwSXT-I/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
Blockquote 10 :
.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3XoFESX7YrmbACSjdCcKuQPTaESDiU7sEo-kn-CaBJPjb9EyRs_h-Dr9oJxAFk7fdNlWDNiVdtohevUryBDft9OTh4YFNFgzSpLqlwBb57ZhavcUhraxFddpZG6b18GG_IPneAx1oWrE/
s400/block3331.gif) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; }

Blockquote 11 :
.post blockquote{
margin : 0 35px;
padding: 80px 0px 0px 0px;
background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dQOc-hyvoI6053Q7G3i6LccRqn2rkBLvVvbyJWHIGEt1oluwusehg4KaLS1x7UPfidDAtpnBUjzShttussaRS-6pwlFLHtPw_whjx-9S1L3iMRFGSI41JQoEu0jFpvLTrGNvmgVH4z8/s400/head2.gif) no-repeat top;
font: normal 1em "comic sans ms", Helvetica, verdana;
color : #666;
}
.post blockquote div{
background : #E6F1FA url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb5j3ME4gI/
AAAAAAAACP0/1sQjocgjdK0/
s400/head-bottom3.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding: 20px;
}

Dulu aku suke berforum dengan bermain quote yang sangat banyak sampaikan dapat amaran akan dibanned kalau aku teruskan quote comment orang lain.. salah ke? bukan ke function quote tu untuk digunakan? hahaha.. Selamat berquote lah ye.. ni korang punye rumah, sukahati korang nak quote banyak mane pun.. rules korang, so sukahati kome lah ye.. jangan babitkan aku sudah, bagi credit takpe (^_^)
Share:

0 comments: