15 янв. 2012 г.

Как оформить цитату (blockquote) в blogspot.

Мой blogger. Seo оптимизация

tweetn
Как оформить цитату (blockquote) в blogspot.

Есть различные варианты оформления цитат. Я выбрала следующий способ  оформления цитаты. Код вводим в Blogger Template Designer=> Add Css  и потом естественно ждем на применить (Apply to Blog) или традиционным способом в HTML блога.

На моем блоге цитата офомляется вот так:
blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #F7E7CE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgFK8t1v7GPPb7TVpFQHqFkXxSiddBZ80n4XXsnWbCQbAZ-rv4L5R0Dn71I47fPRY09g6LMf9olwdxyXivS89Z8z2k7vI-vYdBiCHECQz81iqob_nkPGmdH81s0uwrZTX5LMQtyzXtd-B6/s200/TEXTblockquote.png) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #795438; border: 5px dashed #FFFFFF; } .post blockquote p { margin: 0; padding-top:10px; }
 Еще один вариант оформления цитаты:

blockquote { background: #F3F3F1 ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }

Выглядит это примерно вот так:




Перелинковка blogspot
http://uwblogger.blogspot.com/