Well being a Professional Blogger you have to write many blogger Tutorials Tips Tricks and widgets, And for hose you have to show coding in your blogger posts which many of blogger show in Blockquote box. I have added a Professional Paper style Blockquote in my blogger Paklinkz.blogspot which yopu people can also add in your blogger. This Simple Professional style blockquote will give awesome look to your blogger posts e.g blogger tips and tricks tutorials and blogger widgets posts.
Become a professional blogger by giving awesome professional look to your blogger and earn more money by working online.
HOW TO ADD PAKLINKZ STYLE PAPER BLOCKQUOTE IN BLOGGER
- Open Your Blogger Dashboard
- Go To Template > Edit HTML to add the code in your blogger Template
- Find The ]]></b:skin> and add below code right above/before of this code
.post-body blockquote {
line-height: 1.3em;
}
.post blockquote {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgkbk-7Sly3lEaj4XCByBetz5J3oCY6-ufS72LqyWHCNHiVgaLWcbTpFNjwcaF2Ht9svJ5jmpibWVcgqyn7GsCKmYW26pST99kBSb17hy9mCPO66IDtONdxYC-7ruKHWNApQ0r7sumY4/s986/note.png);
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
padding: 20px 20px 20px 50px;
color:#000000;
font: normal 0.9em "Consolas", "Courier New", Courier, mono, serif;;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.post blockquote:hover {
background: #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgkbk-7Sly3lEaj4XCByBetz5J3oCY6-ufS72LqyWHCNHiVgaLWcbTpFNjwcaF2Ht9svJ5jmpibWVcgqyn7GsCKmYW26pST99kBSb17hy9mCPO66IDtONdxYC-7ruKHWNApQ0r7sumY4/s986/note.png);
background-repeat:repeat-y;
color:#000000;
box-shadow: -1px -1px 12px 2px gainsboro;
border-radius: 15px;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}
- Now Click on save button to save your blogger dashboard.
HOW TO USE THIS BLOCKQUOTE ?
Write what you want in your blog post and simple click the Blockquote button.
To Learn More Blogger Tips Tricks Tutorial and Blogger Widgets keep visiting to my blog .If You need any kind of help please make the comments below. I will reply you as soon as i get time. Happy Blogging !
No comments:
Post a Comment
1 ♂ If you're asking a question click the Subscribe By Email link, below the comment form, to be notified of replies.
2 ♂Do NOT add links to the body of your comment as they will not be published.
3 ♂ Only the comments posted in ENGLISH will be approved.
4 ♂ If you have a problem check first the comments , maybe you will find the solution there.