Welcome To "Softway RKO" !

What You Can Get in Softway RKO?

We provide the tutorials, guides, articles, tricks and tips about Blogger, Blogging, SEO Tips, Basic Tips For New Bloggers, Making Money Online, Widgets, Templates and many more resources. All this is just for free! You can Sign Up to get updated for Latest Posts.

Tuesday, June 3, 2014

Filled Under:

Add Stylish Facebook Like Box in Blogger


HTML tutorial

Click Below Ad for Leaning Blogging Tricks.

Next Blogger Tricks


Add This stylish Colorful  dark facebook like box for blogger blog This is great widget for blogger because blogger visitor easily subscribe you with their accounts via Facebook without leaving your blog.You can add some old widget like Add Facebook Recommend Bar widget for Blogger and some like floating slider widget such as Add Facebook Sliding Like box for Blogger/Blogspot .After subscribing  by pressing on Like Button visitors receive your most latest updates on their facebook account .This Widget also display your Facbook Fans with their profile picture and your blog Name. This widget include color full theme was created by  .
This widget Created by   so , all credits goes to them.
To add this widget on your blogger blog follow my instruction given below first you check the live demo of this widget:-
on top image
How to add Stylish Facebook Like Box in Blogger:-

  • Go To Blogger Dashboard>>Layout>>Add Gadget
  • Choose HTML/JavaScript Widget from Popup Window
  • Copy the given below code in this widget
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkEagfJt0zHVr8ScLnyrZ_uyXKvurULOj_AGuRV8YgvjdiJOfEF52KYkisbEg97tNCMlE0pbc7I2ZQ4MCuaOWq5KhsfdMQcXNlvIY2v0WFTFw-TMMUXTI3xgCCHrrDArLqJdKSSUYw3vDc/s1600/sfd.JPG');
overflow:hidden;
border-radius: 110px;
.height:250px;
width: 238px;
border-radius: 0px 13px 0px 0px;
overflow: hidden;">
<div style="height: 250px;
overflow: hidden;">
<a href="http://trickstoo.com/" rel="dofollow" target="_blank" title="Blogging Tricks">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_F9u5PFXzMmGiLvJw06GzXkUTo4_Tux6gxTVTS_qK1EEFrEnyqkT4zUgK3lMeOPi4ZpmOwRuTkiF9B_e7SC4xUMkHY9B1KsASKDJVtJSWv59VL8B5MVOVLwx2F03faEcFrq_EdN88cO5/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;
bottom: 10%;
right: 0%;
top: 0px;" />
</a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_F9u5PFXzMmGiLvJw06GzXkUTo4_Tux6gxTVTS_qK1EEFrEnyqkT4zUgK3lMeOPi4ZpmOwRuTkiF9B_e7SC4xUMkHY9B1KsASKDJVtJSWv59VL8B5MVOVLwx2F03faEcFrq_EdN88cO5/h120/blank.gif" alt="Latest Tips For Bloggers" border="0" style="position: fixed;
bottom: 10%;
right: 0%;" />
</a><a href="http://softwayrko.blogspot.com/" rel="dofollow" target="_blank" title="Blogging Tricks">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_F9u5PFXzMmGiLvJw06GzXkUTo4_Tux6gxTVTS_qK1EEFrEnyqkT4zUgK3lMeOPi4ZpmOwRuTkiF9B_e7SC4xUMkHY9B1KsASKDJVtJSWv59VL8B5MVOVLwx2F03faEcFrq_EdN88cO5/h120/blank.gif" alt="Blogging Tricks" border="0" style="position: fixed;
bottom: 10%; left: 0%;" /></a>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoftwayrko&amp;width=250&amp;height=260&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none;
overflow:hidden;width:250px;
height:258px;" allowtransparency="true"></iframe>
</div>
</div>
  • Replace softwayrko with your Facebook Page username
  • Like this image

  • Click on Save Button
  • Finish
Final Words
I hope you are add this widget on your blogger blog successfully if not? you are getting error during this process  so please write your problem in comment box for his problem's solutions and don't forget to like our facebook page..
Happy Blogging!


0 blogger-facebook:

Comment here

 
  • Home
  • About Us
  • Contact Us
  • Sitemap
  • Privacy Policy
  • Back To Top