Ինչպես պատրաստել գեղեցիկ [մեջբերում] 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/AVvXsEjpnVrNoxZLFjD4qEPbT4W35lhk9GWU0VTTnn4iMJFLmgEjjuTZwvn3zonCcHSPc-hM6IECs6Q1ti2zSToegswnBGmFRqBr2vnJoKIzkw8OPNrJu7xKYvVZ9OTPWNFM8L_a4hc0sPfk0qD0/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/AVvXsEilPUW65ocrs9RQk7vZCRtH_2vzFEJyfDIKpfC4UvqF34L_tLiUiAPRS0DACZ1Ghu9_5CzBytOYreaKXEns7OYHfsZ6QAOrmZ-CIF0zuRRUP-HwF9jtEV6rnwAB7JE_EY-J8jGx4GE8mr0i/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; }

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

]]></b:skin>

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

blockquote { margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIULNcSc72YsTEM-4gqrdu_OGtloDfK5ha829d4HY-LcrkxFBZH6Q8pOWZqMz3eag2iRVIO5p2c8XmGM-CC7dBSoYdtsBRfdtDD_nPIz2wnSjr_uV5Ia27kTqoxZkaeD1uTeQOen0O98d/s1600/code3.gif) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #000;
border-bottom : 5px solid #BFBFBF; }

]]></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, "Times New Roman", Times, serif;
color : #767675;
border: 1px solid #767675; }