Blockquote keren 2017 widget for blogger

blockquote keren 2017 widget for blogger

Demo  

Hoje vamos apresentar esse widger keren blockquote 2017 isso tem um layout bonito perfeito para quando precisar utilizar no seu template, para que serve um blockquote? bem isso é uma citação para dar enfase a algo que deseja citar para adicionar no seu template siga os passos abaixo:



Adicionando blockquote keren 2017 widget 

Faça login no blogger então va no menu tema editar/HTML com as teclas combinadas CTRL+F busque por ]]></b:skin> então acima disso copie e cole o seguinte código: 

/* CSS blockquote 2 */
.blockquote2 {position: relative;display: block;padding: 10px 12px 12px 68px;color: #f5f6e8;background: #415471;line-height: 1.4;}
.blockquote2::before {content: "\201C";background-color: #83a2d1;border-radius: 50%;width: 40px;height: 40px;font-size: 60px;font-family: FontAwesome;color: #415471;text-align: center;line-height: 68px;position: absolute;left: 16px;top: 10px;}
.quote2 {position: relative;padding: 5px 0;border-bottom: 2px solid #ddd;}
.quote2:before {content: '';position: absolute;bottom: -2px;left: 0;right: 0;background: #30cc91;width: 75px;height: 3px;}


Então para adicionar o widget no post basta clicar na aba HTML ao lado de escrever no post e colar o seguinte código:


<div id='risalahku'>
<div class="blockquote2">
<div class='quote2'>
Catatan :</div>
<br />
aqui voce pode escrever o texto que deseja que apareça no corpo do texto da blockquote</div>
</div>


Salve e pronto.



Click to comment