CSS3 Buttons For Blogger

How To Add It

  • First login to blogger dashboard--->Templates---->Edit HTML
  • Then Press CTRL+F and find for </head>
  • Now paste this code just above it 
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B4zcNjwo-rgsQ1NUdzJqcTd5cjg/techfurk-buttons.css" />
  • Save Template 

How To Add It To A Post

 
  • Go to post new post
  • Open Post HTML mode
  • Now paste this code
<a href="#" class="techfurkbutton big blue">TEXT HERE</a>
  •  Replace your link with #
  • Relace your button text with TEXT HERE
  • You can get button with 3 sizes change big to small / medium

Now View a preview and check your CSS button.

Comments

Post a Comment

Popular posts from this blog

How To Add Recent Comment Widget With Avatar in Blogger

Image
1 . Go to Blogger > Template > Edit HTML. 2 . Find   ]]></b:skin>   and add one of the following CSS code before it. .sg_recent_comments li {      -webkit-transition: . 5 s;      -moz-transition: . 5 s;      -ms-transition: . 5 s;      -o-transition: . 5 s;      transition: . 5 s;      border : 2px solid transparent ; } .sg_recent_comments li:hover {      -webkit-transform: scale( 1.2 ) translate( 15px );      -moz-transform: scale( 1.2 ) translate( 15px );      -ms-transform: scale( 1.2 ) translate( 15px );      -o-transform: scale( 1.2 ) translate( 15px );      transform: scale( 1.2 ) translate( 15px );      box-shadow: 0 0 20px 1px #aaa ; } I hope you like this widget....
Read more

How To Add Social Sharing Widget In Blogger?

Image
Go to Blogger > Template > Edit HTML In Edit HTML got to Jump Break > Blog1 Now Find <data:post.body/>  using ctrl+f Paste the below code after <data:post.body/ Save your template and you are done ! <b:if cond='data:blog.pageType == "item"'> <table border='0'> <tr> <td><div style='margin-right:5px;'> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td> <td><div style='padding-top:6px;'> <script type='text/javascript'> tweetmeme_style = &quot;compact&quot;; </script> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div></td> <td><div style='margin-right:25px;'> <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> ...
Read more

Free Copyblogger-V2 Blogger Template

Image
Download     Live Preview The Main Features Of  Copyblogger  Blogger Template Nice and Simple Design Responsive theme SEO Optimized Fast loading Theme Low Errors In W3C Validation 2 Drop down Navigation Menus Custom Search bar Custom Designed Follow by Email Widget Custom About me widget Page navigation Widget Stunning Threaded Comments Section Custom Email subscription widget Customized heading tags (h1 to h6) How To Upload The Blogger Template Go to  Blogger Dashboard  > Locate your Blog if you have more then one blog. Click on  More Options  Drop Down and choose Template Click on the  Backup/Restore  button on Top Right Corner Click on  Download Full Template  button to backup your Old template for safety  Click the  Browse  button and locate Copyblogger-V2 blogger template. Click on the  Upload  Button. And you are Done! Customization ...
Read more