Skip to main content

Create A Button On Article : Blogger

I am given you the simple and easy way and I think you easily add buttons to your blogger blog page. If you want to add the social or any type buttons in your blogger post page so follow the steps given below:-
First make a icon and give a link to it.

How to make a icon and give it link?

create button on page

Ans.(Ex. if you want to add twitter button to your separate page.)Go with the following image given below.

Make a new page into your blogger and import the image in that page.after you import the image just save the page and click view and your page will show in the new tab. (note:- remember that your page should be hide otherwise it show in your website page bar. )

How to take a link of a image from any website or page?

open in a new tab

You have done 50 % complete.


After that you have to copy the following HTML tags in you blog post using HTML . 
blogger edit
<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px; margin-top:-4px}
.social li a img{height:59px;width:59px}
</style>
<div class='social'>
<span class='fade'><ul>

 <li><a href="https://twitter.com/hyperxnow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9y8IhZySF6ViEyL1ZdmAIs5FT-G53Pf5IOhjNmkpw870nOw-Fk3qtNV7ABDcs9IGR-4glZn17u1fpojzY5cRhl4vxAKEyCmBwbT-h7SMtq48dMCbMMfVNR6zmaVpuqABqEwh6LfIJul0/s1600/twitter-bird-white-on-blue.png" /></a></li>

 </ul></span>
</div>

change the following links:


(ex:- 
<li><a href="https://twitter.com/hyperxnow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9y8IhZySF6ViEyL1ZdmAIs5FT-G53Pf5IOhjNmkpw870nOw-Fk3qtNV7ABDcs9IGR-4glZn17u1fpojzY5cRhl4vxAKEyCmBwbT-h7SMtq48dMCbMMfVNR6zmaVpuqABqEwh6LfIJul0/s1600/twitter-bird-white-on-blue.png" /></a></li>
)


blogger code


After adding the html tags then publish your blog post . 


Realated Post





Labels:

Popular posts from this blog

Minified Your Blogger Template For Fast Response ! How to minified CSS.

Minified is also means minimisation or minimization,  In computer programming languages and especially JavaScript and CSS is the process of removing all unnecessary characters from source code without changing its functionality. These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute. If you want to remove these unnecessary character, spaces and more from your blogger template so you should follow these steps given below. 1. First you have to open your blogger template editor . 2. Then find this tag on your template. <b:skin> < ![CDATA[/* 3. Copy entire data written under this tag until the style closing tag was encounter . it is recommended please leave the comment section if exists means a author bio or etc. ]]> </b:skin> 4. After that you have to Minified your your copy data or CS...
2 comments
Read more

Connect CCTV Camara Via PC : Recommended Tips

Connect CCTV Digital Camera Using Personal Computer  Today I discuss about some topics.    Connect CCTV camera to computer.   Connect 4 channel DVR on the PC.   Create connection using BNC port. CCTV camera :   As we know about CCTV camera are various types but we discuss about the normal using camera such as BNC port camera or VGA camera or direct input with 4 wires. In our cameras there are 4 cable wire are use that first-video, second-ground, third- DC+ and fourth for DC-. these are connected by many type of connector like BNC or VGA . so if your camera have BNC connector on it so make a external socket and directly connect to the computer.  If your camera have VGA, PS2 or other type of connectivity socket so you just want a connector or converter VGA to BNC or any. 4 Channel PC DVR : This is the best option to connect your BNC or other VGA camera to the compute the main thing is this to too reasonable and it result was be...
3 comments
Read more

Organic Search & Paid Search - SEO

Paid Search -  is related to AdWords its look like a search advertising program by google. In the paid search google adwords show the related ads on the google search query (top and bottom) at the page. When user search any thing at the google search the AdWords scheme show the related ads and take money from the company. this is one of the income source of google. We know that the Search Engine paid search is related to Ad Words so "Search engine optimisation" are not work there. when we are using SEO tips and tricks on our website that was not effects on the paid search result that was same as show. Organic search SEO - Organic search is related to our Search engine optimisation this is deepening on our SEO, Indexing of our site content, meta description etc. when we search any word or any topic in the google search so the engine find out the related content of the word it may be any site name or any people, place or things. google highlighter is the tool that h...
3 comments
Read more