Blockquote widget blogger 2017

- 12:21:00

blockquote widget blogger 2017



Hoje vamos apresentar Blockquote widget por arlina isso tem um um visual elegante e muito util mas para que usamos isso em nosso template?  Bem quando desejamos fazer algum tipo de citação para que o visitante possa visualizar da melhor maneira isso é elegante e pode ser colocado em qualquer parte do post do blogger se Deseja adicionar isso a seu template siga os passos abaixo:


Como adicionar blockquote no seu template:

Faça login no Blogger vá no menu modelo então editar HTML 
com as teclas combinadas CTRL+F busque por: </head> e acima disso copie e cole o seguinte código:

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

Agora procure por ]]></b:skin> ou </style> e logo acima disso copie e cole o seguinte código:

post-body blockquote{background:#6591c2;position:relative;padding:55px 20px 20px 20px;color:#fff;margin:10px 0;border-radius:3px;}
.post-body blockquote::before {position:absolute;content:'Catatan';background:rgba(255,255,255,1);right:3px;left:3px;top:3px;padding:5px 20px;display:block;font-weight:700;border-radius:3px 3px 0 0;color:#6591c2;}
blockquote::before, blockquote::after, q::before, q::after {background: transparent;}
.post-body blockquote::after {position: absolute;content: '\f027';right: 10px;bottom: 5px;font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 160%;color: rgba(255,255,255,.6);}

Salve isso. 

.


EmoticonEmoticon

 

Start typing and press Enter to search