News Update :
Showing posts with label blogger tips. Show all posts
Showing posts with label blogger tips. Show all posts

How to add large facebook share button to your blogger

In this post I will show you how to add large share buttons to your blog posts.This includes facebook, twitter, digg, delicious and the whole rest of them.Social networking now plays a major role in getting traffic to a blog and it all becomes better when your readers can easily share or bookmark your blog posts on their favourite social network.






1. Log in to your blogger account, click on design, then edit html.
2. Always remember to back up your template so you can restore it in case something goes wrong.
3. Click on Expand widget template
4. Press CTRL + F and search for this code:
<data:post.body/>
If you’re using a magazine style template or have more than one of this code in your template, locate the one that actually contains the post body on blog post pages. If you’re confused about the right one to use, search for this code instead:
<div class=’post-footer-line post-footer-line-2′/>
5. Just below that, paste this code:

<div style='border: 1px #3b5998; background-color: #eff3fa;'><div align='center'><b:if cond='data:blog.pageType == &quot;item&quot;'><strong>&#9829; CONSIDER SHARING THIS POST WITH YOUR FRIENDS IF YOU LIKE IT &#9829;</strong> <br/> <a class='opacity' expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share this post Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQs9S9reIKo-tIrTYdOfKL-HSB-AZedVLJpryfwvs3JJqrPbEbhkqhsVX5ho-jY15CbwiWfkBXVFwdfz9cyciWku5mjjrZpfGZz2dWRnsECgJf-BhrKMX608ROJlhe_7dlEwUdxUxPDg/s1600/facebook_icn.png'/></a> <a class='opacity' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Tweet About This Post'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl6YIcMgRtMk7nfjFBJwEpD3sYm9AoN4p4WDQ6JbDzbip-DnZFP8CmA_hhJTHx63lSq0zl6vGFHnMccMJkStBcVfmfOj8FU50hHFHRaBT4JSV_QOl_VojDDlQFftrhfN6BEie5YwzrbQ/s1600/twitter_icn.png'/></a> <a class='opacity' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon This Post'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ugCGn7t3wCMq8sSIXghYLvtF0vnvRpdCbcHi-zPWQ_c_K0mSoHTeKYBNSTt6FaehZ0iNGnPi_8BOB7hsZ-rkOwYJPGBisXI3fSCzjaxEdXh2ZTQtLkBj_x-gUPR7_5XXDDpiF9hYww/s1600/stumbleupon_icn.png'/></a> <a class='opacity' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This Post'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWR6dJyjDSU4lLm0c2OYMm_VPKIDlgTkjvbwhyphenhyphenjLlyd5I1GwBZt2C2LUEaIo_gy6sFmsfYlHhQ_z-N60J52VmxYNTtMLRvMYWLfpIgQ1QrovtgGmSbs3YfHyJkygO36GAzCaVEVp6QPg/s1600/digg_icn.png'/></a> <a class='opacity' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Delicious'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQGMLGZPhIELXaq23hBwo-dq6AYM_vAQPKJ92kmry9QW_pyvlWUuIvzGpgeXR63orX9niW078uLyH8bYwY26ZE3_ClwSTOm32LITviyNxToNlSp3qIXHMXi7t0HDmZE0y-jzNP1QKZWg/s1600/delicious_icn.png'/></a> <a class='opacity' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Reddit this post'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK0cnydNrO2grFWIZAjPdiil8__roO-_Rt0x09K8zfjXWm1f2pTDrkSRV4_gI7W6xJrqAoWfeXoI2H3u-4OhF7chTVhhLkQuAJOM8n_IcAU1ycL4OknC2Ly6AhJDxf5zz-T9KQ-YuwIg/s1600/reddit_icn.png'/></a> <a class='opacity' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Add this to Technorati Favs'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF-VJfay5QegimuuvWSqFiLAPjcrcb9HN5ieUydndQaiJO5GT7_L8UXjS8JHe6mgBmAyWhoz-L7WZFiGXNrvkUS4UkxlU6Xwj5KHqW8bAPkAb8e8UY65iQQYdJYidVs8Tuof0sSH9GwQ/s1600/technorati_icn.png'/></a> <a class='opacity' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx it'><img alt='Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4jBkhbOYEYXBZQNcjOWxUTFmogDb-8QrKN9zdnQLRuEzszq_qgPPi2DuA-dAcQtEm_4PH48Gm6orMdxq_vVsmz9UrYAuUfyGXCUPelCc6jlIR-ovfV4Qv8pS-KGAvo78osYsWH8ZqDw/s1600/mixx_icn.png'/></a> <a class='opacity' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Linkedin'><img alt='Linkedin' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKvjQGmPhiGRtVrGMh4TKLoq81dU28PTbxXyaj4ho9s_tRjTdRWBUkoTnekQiALn2tC8muhvhRSXcTMHKsR3YOQyXFsMHQS4ZQUiPSGT-u586tj0am2ZX3WB22cZ3pasIr3qbVS-YRqg/s1600/linkedin_icn.png'/></a><br/><small>[<a href='http://marivicson.blogspot.it/2014/05/how-to-add-large-facebook-share-button.html'>Get this Widget</a>]</small></b:if></div></div>


Now check any of your blog template and you can now see the large share buttons with facebook, twitter, digg, delicious, reddit, technorati, linkedin, mixx and stumbleupon.

Join our Team and Become Unstoppable!!!

(TEAM UNSTOPPABLE ONE GOAL )

Thanks and Godbless!!

    Your Partner in Sucess


✿ Follow Me on Twitter Click Here
✿ Add Me In Facebook ➥Click Here
✿ Like this FAN PAGE to be Updated➥ Click Here

Create your own banner at mybannermaker.com!

comments (1) | | Read More...

Step by step guide to make fb pop up like button

Today I want to share with you something I learn about how to put pop up like facebook button in blogger. This is important widget for blogger to increase more facebook likes of your facebook fan page. This facebook like box appear after your site or page load.


facebook like bo widget

Follow below steps to Add Facebook Like Popup Box widget for Blogger:

Step 1

Log in into Blogger Dashboard.

Step 2

Go to Template and Click on Edit HTML Button as shown in below picture.

Step 3

Find below Code With the help of CTRL+F
</body>

Step 4

Copy and Paste below code before </body>:
<style type='text/css'>
#haakblogFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#haakblogFBpop a.haakblogclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).bind(&quot;load&quot;, function() {
// Animate Top
$(&#39;#haakblogFBpop&#39;).animate({top:&quot;150px&quot;}, 1000);
// Widget by www.haakblog.com
$(&#39;a.haakblogclose&#39;).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='haakblogFBpop'>
<!-- Widget by www.haakblog.com Start -->
<center>
<b>Don&#39;t Forget To Join US Our Community</b></center>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FSWADollarAtHome&amp;width=300&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>
</center>
<!-- Widget by www.haakblog.com End -->
<a class='haakblogclose' href='#'>&#215;</a>
<center style='float:right; margin-right:10px;'>
<span style='font-size:xx-small; color:#000; text-decoration:none;'></span>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href='http://www.marivicson.com/2014/03/step-by-step-guide-to-make-fb-pop-up.html' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Widget</a></center>
</div>
Tips: Change SWADollarAtHome to your Facebook Page Name
To get your facebook page name go to your facebook page, then the url above the word or number right after .com/
Like this one in the picture


Step 5

You can click preview if it's working .
then Click on Save Button.

That's it I hope this help.


.(TEAM UNSTOPPABLE INTERNET ENTREPRENEURS)
 

 See You at the Top of Your Dreams!













 ✿ Follow Me on Twitter Click Here
 ✿ Add Me In Facebook ➥Click Here

 ✿ Like this FAN PAGE to be Updated➥ Click Here


SHARE AND COMMENTS BELOW ARE VERY MUCH APPRECIATED!!
Share this on your facebook,,see the share facebook icon above. 
Create your own banner at mybannermaker.com!
comments | | Read More...

Blog Archive

Followers

 
Like Us | Contact Us
Copyright © 2011. Effective Online Marketing Strategies . All Rights Reserved.
Own by Marivic Son | Powered by Blogger