Today
I going to tel you about how to Adding Pinterest “Pin It” Buttons To Blogger ,it
is necessary to add a pinterest pin button on blog it give nice amount of
traffic on your blog The Beginner must add Pinterest button blog First you must
create a Account in Pinterest , Pinterest is the Fastest growing Social
Media It gave many platform to blogger
,Blogger must utilize this Amazing Social Network
Pinterest is the
fastest growing Social Network Today According
to official source, Pinterest is becoming the latest trend in social
media. Pinterest have attracted millions of audience just under the nose of top
rated social networking websites like Facebook, Google Plus, Twitter and etc. And just
like other social networking platform, everyone is rushing
towards registering there account on Pinterest to discover what the buzz is all
about. The biggest reason behind the success of Pinterest is its uniqueness.
Instead of writing boring content it uses images and videos. It allows users to
Pin any featured image or video to their virtual pinboard. Users who are your
friends or followers can like or even repin your shared content to their
Pinboard. You can arrange your pins under specific pinboards (categorize)
according to your need.
Adding Pinterest“Pin It” Buttons To Blogger:
So to insert a follow me button you don’t need any extra
working like adding CSS to template. All you need to do is to place simple HTML
coding any where in your blog i.e. In your Sidebar, Header, Below post and etc.
Just paste the following code where you want to display Pinterest Follow me
Button.
Style No: 1
|
a
href="http://pinterest.com/abin007/"><img
src="http://passets-cdn.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png"
width="169" height="28" alt="Follow Me on
Pinterest" /></a>
|
Style No: 2
|
<a
href="http://pinterest.com/abin007/"><img
src="http://passets-cdn.pinterest.com/images/about/buttons/pinterest-button.png"
width="80" height="28" alt="Follow Me on
Pinterest" /></a>
|
Style No: 3
|
<a
href="http://pinterest.com/abin007/"><img
src="http://passets-cdn.pinterest.com/images/about/buttons/big-p-button.png"
width="60" height="60" alt="Follow Me on
Pinterest" /></a>
|
Style No: 4
|
<a
href="http://pinterest.com/abin007/"><img
src="http://passets-cdn.pinterest.com/images/about/buttons/small-p-button.png"
width="16" height="16" alt="Follow Me on
Pinterest" /></a>
|
Remember: Don’t forgot to replace abin007
with your Pinterest Username
Adding Pinterest “Pin
It” Buttons To Blogger:
Remember: As I
have mentioned above don’t try to edit the coding just do as directed. If you
try to do some change then the scripts will not work. So to insert Pinterest
“Pin It” Buttons to Blogger .
1. Simply Go To Blogger.com >> Your
Blog >>
2. Now Go To Template >> (Your Can
Backup Your Template, in case any thing went wrong)
3. Now Click on Edit HTML >> Proceed
4. Click the box named “Expend the Widget”
(It is on the top left of your template coding)
5. Now Search for the Following Code in
your template
<data:post.body/>
Now it’s up to you where you want to place your
widget. If you want to place Pin It button just under your post title then just
paste the following code before <data:post.body/> (above)
But if you want to place it
at the end of your post then paste the following code after <data:post.body/>
(below)
6.Now Paste the Following Codes below or above
<data:post.body/> (according to your choice)
Code For Horizontal Buttons:
|
<a class='pin-it-button' count-layout='horizontal'
expr:href='"http://pinterest.com/pin/create/button/?url=" +
data:post.url'>Pin It Now!</a> <a
href='javascript:void(run_pinmarklet())' style='margin-left:-93px;
width:43px; height:20px; display:inline-block;'/> <script
src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script
type='text/javascript'>
function
run_pinmarklet() {
var
e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='
+ Math.random()*99999999);
document.body.appendChild(e);
}
</script>
|
Code For Vertical Buttons:
|
<a class='pin-it-button'
count-layout='vertical'
expr:href='"http://pinterest.com/pin/create/button/?url=" +
data:post.url'>Pin It now!</a>
<a
href='javascript:void(run_pinmarklet())' style='margin-left:-46px;
width:43px; height:20px; display:inline-block;'/>
<script
src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script
type='text/javascript'>
function run_pinmarklet() {
var
e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='
+ Math.random()*99999999);
document.body.appendChild(e);
}
</script>
|
How Pin it button
Works:
When you will click on any Pin it button a new window
will pop'd out. Now from here you can select any post that you want to pin. The
visitor can pin one image at a time. If the visitor don't want to pin any image
then he can click the Blue Cancel Bar at the top to cancel pinning.
If history proofs itself true again, we might see a down
fall in the active users at Pinterest. But we don't need to worry about it
until we are receiving traffic from Pinterest. So that's how you can insert
Pinterest "PIN IT" and "Follow Me" button in blogger.
Follows these Simple Steps and happy pining,
if you want some
suggestion comment it right now, Stay tuned by subscribing our email feed
or follow me on social networks. thanks for reading our post. happy
bloggin........!!!!!!
