Skip to main content

Posts

Showing posts with the label Blogspot

How To Make A Button In Blogger

Today, in this post  i am going to share you the method of making a button in blogger this is very important for those blogger that place videos on blog and want a download button on blogger it is very simple to make


1) Now first of all go toy our blogger dashboard click on new post and then HTML
2) Now paste this code in HTML window and then click on compose

<button>seomethodes</button>
3) IF you want put a link in button then paste this link in HTML


<a href="http://seomethodes.blogspot.com" target="blank"><button>seomethodes</button></a> Finnaly Publish It !

Output Demo

Test Buttons

How To Add JS-Kit Rating To Your Blogger blog

Today in this tutorial i am going to explain you how to add JS-Kit rating to blogger. with this kit you and your visitors can easily know that whats post of your blog have more votes and most famous. and post that unlike by most people. 
1) First of all go to your blogger dashboard click on template and then edit html
2) Click on explain widget template
3) Use Ctrl+F and find <data:post.body/>

4) Copy the code given below and paste this code just after it <data:post.body/>



Code 1
<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div> <div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div> 
Output
Code 2 <div style="float:left; margin-right:3px;"></div><div …

How to Add Beautiful CSS Buttons for Your Blogger Blog

How to add this buttons to your blog
These buttons are very easy to use. Now I would like to divide the instalation of this widgets into two parts, that's CSS part as well as HTML part. At first we can add the CSS code. Please follow the below steps.


Go to Blogger Dashboard > TemplateBackup your Template before making any changes to your blogClick on Edit HTMLTick Expand Widget TemplatesPress Ctrl + F and search the code shown below ▼

? 1 ]]></b:skin>
Now add the below ▼ code just Above/Before ]]></b:skin> (use Ctrl+F to find the code)
.button { -moz-border-radius:5px5px5px5px; -webkit-border-radius:5px5px5px5px; border-radius:5px5px5px5px; -moz-box-shadow:01px3pxrgba(0, 0, 0, 0.25); -webkit-box-shadow:01px3pxrgba(0, 0, 0, 0.25); box-shadow:01px3pxrgba(0, 0, 0, 0.25); background:scroll00#222222; border-bottom:1pxsolidrgba(0, 0, 0, 0.25); color:#FFFFFF!important; cursor:pointer; font-weight:bold; line-height:1; overflow:visible; font-size:17px; padding:8px19px9px; position:relative…

How to Add Download, Nest, Previous, & Demo Button in Blogger Post

HOW TO ADD DOWNLOAD AND DEMO BUTTON WITH MOUSE HOVER EFFECT.

Guys, In this post we are going to show you how to add stylish demo and download buttons to your blog. You can use these CSS buttons instead of demo and download links.

You can find the demo below. Move your cursor on the button for hover effects:


FOLLOW THESE INSTRACTIONS:

Go To Blogger Dashboard > Template > Edit HTMLBackup your template before editing.Search for this, ]]></b:skin> . before it paste the following CSS Code
.button {
-moz-border-radius:5px 5px 5px 5px;
Save your template. Now whenever you want to add the demo or download button you only need to add the following code in the "EDIT HTML" section of your Blogger Editor

FOR DEMO BUTTON

<a class="demobutton button" href="YOUR DEMO LINK HERE" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">Live Demo</span></a>  FOR …