မိမိ Blog၏ Blockquoteကို ေျပာင္းလိုက

Blockquoteဆိုတာကို သိပါသလား? ၀တၳဳစာအုပ္မွာ မ်ားေသာအားျဖင့္ လူေတြစကားေျပားတဲ့အခါ စကားေျပာတဲ့စာသားကို "Quotation Mark"နဲ႔ အဖြင့္ အပိတ္လုုပ္ထားပါတယ္။ Bloggerမွာလည္း ထည့္ထားၿပီးသားပါ။ ဒါေပမယ့္ သံုးတဲ့ Bloggerရွိသလို မသံုးတဲ့ Bloggerေတြလည္းရွိတယ္။ တခ်ိဳ႔ အေၾကာင္းအရာနဲ႔ မသက္ဆိုင္လို႔ မသံုးျဖစ္တာပါ။ Blockquoteဟာ HTMLမွ Tag တစ္ခုျဖစ္ပါတယ္။ HTMLအေၾကာင္း သိတဲ့ Webmasterသမားမ်ားကေတာ့ ဒါကို သိထားၿပီးသားပါ။ Bloggerမွာ ေပးထားတဲ့ Blockquoteက ရိုးရွင္းလြန္းပါတယ္။ ဒီထက္ပိုလွတဲ့ Blockquoteကို ယခုတင္ျပသြားမွာပါ။ မခက္ပါဘူး။

ဦးစြာ

• ေအာက္ပါ Code ကိုရွာပါ။
  
  

  .post blockquote {

  
  
  

  .post blockquote { ..... ..... ..... }

  
  
  
  

  .post blockquote { margin: 5px; padding: 0px 20px 0 15px; border-left: 4px solid #DDD; color:#777; }

ယင္း Code၏ { ......} အၾကားတြင္ ေအာက္ပါ styleမ်ား၏ Codeမ်ားကို ထည့္သြင္းပါ။

Style 1

အထက္ပါ style 1အတြက္ ေအာက္ပါ codeကို သံုးပါ။

blockquote { font: 14px normal helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #ccc; }

..................................................................................................................................

Style 2



အထက္ပါ Style 2အတြက္ ေအာက္ပါ Codeကို သံုးပါ။

blockquote { font: 14px/20px italic Times, serif; padding: 8px; background-color: #faebbc; border-top: 1px solid #e1cc89; border-bottom: 1px solid #e1cc89; margin: 5px; background-image: url(http://i41.tinypic.com/3162czl.jpg); background-position: top left; background-repeat: no-repeat; text-indent: 23px; } blockquote span { display: block; background-image: url(http://i41.tinypic.com/3162czl.jpg); background-repeat: no-repeat; background-position: bottom right; }

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

ထည့္ၿပီးပါက Save Templateလုပ္ပါ။ ဒါဆိုရင္ Installation ၿပီးပါၿပီ။