Ինչպես պատրաստել գեղեցիկ [մեջբերում] Blogger-ում

BlogSpot-ից օգտվողները հավանաբար տեղյակ են, որ նյութեր գրելուց կարող են օգտվել մի շարք հետաքրքիր ֆունկցիաներից, որոնք առաջարկում է Blogger-ը: Այդպիսի ֆունկցիաներից է նաև <blockquote> [մեջբերում] ֆունկցիան: Այսօր որոշեցի ներկայացնել 4 հետաքրքիր տարբերակ մեջբերումներ կատարելու համար:

Մինչ քայլերը սկսելը նախ պահպանենք մեր բլոգի կրկնօրինակը, հետագայում սխալներից խուսափելու համար: Այդ մասին կարող եք կարդալ այստեղ:

Դիտել փորձնական տարբերակը

Առաջին տարբերակ

ԲացելՓակել

Բացում ենք մեր բլոգի կառվարման էջը՝ --> Изменить HTML-->"Расширить шаблоны виджета": Հետո որոնում ենք ներքևում նշված կոդը (Ctrl+F):

]]></b:skin>

Կոդը գտնելուց հետո նրա վերևում տեղադրում ենք այս կոդը՝

blockquote { line-height:1.3em;

margin : 15px 15px 15px 15px;

padding : 40px 10px 10px 10px;

clear : both;

list-style-type : none;

background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb9Kj1GYARQraN6bbVzIJMIJGoGK4d8HseGvFo0k5F6UEEPMIgLxsRKWjaR6MZX8FsKmfGNHoJ8urWAkhBLdKgMUbu7oArX4BTztnA2ifRxQ967u5fmYv2OcBdQz2L0w38ZfjlqljpBK6W/s1600/code.gif) no-repeat left top;

border : 3px solid #eeeeee;

color : #7D7D7D; }

Բացում ենք մեր բլոգի կառվարման էջը՝ --> Изменить HTML-->"Расширить шаблоны виджета": Հետո որոնում ենք ներքևում նշված կոդը (Ctrl+F):

]]></b:skin>

Կոդը գտնելուց հետո նրա վերևում տեղադրում ենք այս կոդը՝

blockquote { margin : 15px 35px 15px 15px;

padding : 10px;

clear : both;

list-style-type : none;

background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMQ_rmVES_uIblyMkSSGUhDP2ila2ynXcrf9e4M-sNwbCB34dvooGUEoaEf4JU3BLchLMU5YRhuc6AWLwcsgGc7B1cqnYOmoPm-tJaQ099BYIpVYTcFZrEZAQ6X8geuZ2HdO7mR7XjOejO/s1600/code1.gif) no-repeat right bottom;

border-top : 1px solid #eeeeee;

border-right : 2px solid #cccccc;

border-bottom : 2px solid #cccccc;

border-left : 1px solid #eeeeee; }

Երրորդ տարբերակ

ԲացելՓակել

Բացում ենք մեր բլոգի կառվարման էջը՝ --> Изменить HTML-->"Расширить шаблоны виджета": Հետո որոնում ենք ներքևում նշված կոդը (Ctrl+F):

]]></b:skin>

Կոդը գտնելուց հետո նրա վերևում տեղադրում ենք այս կոդը՝

blockquote { margin : 0 20px;

padding: 70px 20px 20px 40px;

background : #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH0kOtlVVxB0wmy5rZo4dhQV36WkPLrx3Xgy4S_RYdwxyjGGRI-chEFZixmEWiF79iQoH1j4qmna27h-uo81KmoCwUH-lY0s8bM6jIlUXeokJ6ht2SZHlC_0kqGC1WTMF6szhHF2PII1WF/s1600/code3.gif) no-repeat top left;

font: bold 1em Helvetica, verdana, Georgia, &quot;Times New Roman&quot;, Times, serif;

color : #000;

border-bottom : 5px solid #BFBFBF; }

Բացում ենք մեր բլոգի կառվարման էջը՝ --> Изменить HTML-->"Расширить шаблоны виджета": Հետո որոնում ենք ներքևում նշված կոդը (Ctrl+F):

]]></b:skin>

Կոդը գտնելուց հետո նրա վերևում տեղադրում ենք այս կոդը՝

blockquote { margin : 10px;

padding: 0px 20px 5px 40px;

background : #fff url(http://i015.radikal.ru/1207/0f/00db3bb5891f.png) no-repeat top left;

font: 0.9em Helvetica, verdana, Georgia, &quot;Times New Roman&quot;, Times, serif;

color : #767675;

border: 1px solid #767675; }