Image Hover and Preferred Contents Social Sharing Plugin

I have already seen valuable gadgets and also shared lot of beautiful Blogger and WordPress widgets but what I found today, I have never seen any plugin like this. This is the social media sharing widget for Blogger WordPress or any website. Before, I have shared a widget similar to like the coming below widget for Image hover social media sharing widget. But in this plugin has something more from the previous shared plugin to share you contents through social media platforms and get more traffic from the social networks platforms. Check below more information about it and how to install this widget in your WordPress, Blogger or custom hosted website.

hover sharing widget

 

Related:-Top 10 Social Media Widget for Blogger

 

Image Hover and Preferred Contents Social Sharing Plugin

You can so many benefits by applying this valuable widget on your blog or website in the shape of increasing traffic audience from social media website. This plugin help your visitors to share preferred contents over facebook, twitter, google plus, linkedin or by email also there is a great feature of image mouse hover sharing plugin system to share the above mentioned website.

 

Read:- Best Ways to Drive More Visitors and Increase Your Blog Traffic

 

How to Install Sharing Plugin

This is the creating of Markerly and much appreciated work to help bloggers for increase social traffic. Follow the given below instruction.

Simply Go to Markerly

Generate Plugin as your blog layout settings and colours and fill the registration farm below.

Preferred Contents Social Sharing Plugin

Now Copy this Generated Code

Image Hover sharing plugin

And paste it in website, Blogger or WordPress template between the ‹body› [paste code here] ‹⁄ body›tag

imge sharing plugin

Save template and checkout New Preferred Contents Sharing Plugin and Mouse Hover Sharing Button for images.

 

 

Another Related Articles. New Popup JQuery Mashable Social Bookmarking Widget

 

Bottom Lines

For any further assistance in case of any misunderstanding, below is the comment form, you can ask whatever related to above article, Hope This Social Media Sharing Plugin help your increase your Blogger audience and traffic.. Regards.

Add Custom Four Column Footer in Blogger

add custom four columnsWhen I started my blog on blogger few blogger told me that you should choose some SEO Friendly Blogger Template then one of my friend send me link of free and SEO friendly Blogger template but what was the problem with that one is there is no footer in that Blogger Template. As we all blogger wants minimum 3 Columns in Footer Area because we have set so many blogging related this such as Social Media Widget, Categories, Author Bio Detail etc, but I have seen so many widget which are without footer or having just one column in the footer. For that I have decided to share this article how to add Customs Footers or in your blogger Template. In this post I will give you such codes and guide from which you can easily install four column footer in few seconds.

 

 

Related Articles:-

  1. Auto List Creation of Posts by Label
  2. Image Hover Social Media Sharing Plugin for Blogger

 

How to Add Custom Four Column Footer in Blogger Template.

For installation of Custom Four Column widget we have to modify or add some codes in Blogger Template so you must backup your blogger template then start work.

Go to Blogger Dashboard >> Tempalte >> Edit HTML >>

/* --- Starts @ Razlogs--- */
/* --- CSS by: M Ehsan--- */
#lower {
border-top:10px solid #F781F3;
margin:0 0 10px 0;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}

#lower-wrapper {
margin:auto;
padding: 0px 0px 20px 0px;
width: 960px;
background: #FBEFF5;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}

#lowerbar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 25%;
text-align: justify;
font-size:100%;
color:#333;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.lowerbar {
margin: 0;
padding: 0;
}

.lowerbar .widget {
margin: 0;
padding: 10px 20px 0px 20px;
}

.lowerbar h2 {
background:#F781F3;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
margin: -10px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: center;
color:#fff;
font-size:16px;
font-weight:bold;
text-transform:lowercase;
}

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom:1px dotted #<span style="color: #ff0000;">DF0101</span>;
}

.lowerbar a {
color: #<span style="color: #ff0000;">FA58F4</span>;
text-decoration: none;
}

.lowerbar a:hover {
text-decoration: underline;
color: #<span style="color: #ff0000;">F7BE81</span>;
}

.lowerbar a:visited {
text-decoration: none;
color: #<span style="color: #ff0000;">5858FA</span>;
}
/* --- CSS by: M Ehsan tipstricksisland.com--- */
/* --- End @ Razlogs--- */

 

Below is the CSS code and Paste this code just above the ]]></b:skin> closing tag

 

 

All Red Highlighted text are color codes for this footer colounms, you can you your own colour scheme.

Now find <div id=’footer-wrapper’> and paste  the below HTML code Before <div id=’footer-wrapper’>

 

 

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar4' preferred='yes'>
</b:section>
</div>

<div style='clear: both;'/>
</div> </div>

 

Save your template and go to layout section of your blogger template.

Hope you have easily installed custom four columns in your blogger template.

 

Social Popup Widget with Email Subscription For WordPress

After Sharing of such beautiful and SEO friendly widgets for blogger, today it’s my first widget for wordpress. Its not my creation I have discovered it for my blog but for better provision to my entire visitors I have modified this widget with Email Subscription below the Social Media Like and Follow buttons. Before I have also shared so many widget for blogger.com you should check in the category of widget. This widget will force your visitors to follow your blog via Facebook, Twitter and Google Plus and after modification you can insert Email Subscription widget below the follow buttons.

wordpress social popup email subscription

Check out More Widget:-

  1. Mouse Hover Cool Social Media Widget 
  2. WordPress Style Email Subscription Social Media Follower Box
  3. New Popup JQuery Mashable Social Bookmarking Widget

How to Install Social Media Popup Widget For WordPress

As I have mentioned above this is not my creation I have just modified and integrated it Email Subscription so first of install or download this widget from WordPress Plugin Directory.

Click here to Download it from WordPress Plugin Directory.

Install it in unzip the folder and install it in /wp-content/plugins/‘ or you may search it In plugin section and click on install to direct install it inside your blog. Check below screenshot.

how to install wordpress plugin

 How to Customize Social Media Popup Widget For WordPress

For customization you can check the installation tab on the installation page or you may check the following screenshot for and fill all the fields as per widgets requirement.

wordpress social popup widget

Save it and checkout your blog homepage.

social popup widget for wordpress

You will find there is a Popup Social media Widget now what I have done.

How Add Email Subscription in Social Media Popup Widget

Wordpress Social Popup with Email Subscription

Check above screenshot if you want this widget like this. Follow the give given below instructions.

copy the given below code and Go to Social Popup Section >> Styling >> and Paste the Code as per Screenshot shown below.

Social Popup with Email Subscription
Insert Email here as Per ScreenShots

Now check your homepage you will find new Social PoPup Widget with Email Subscription.

Also Check This:-

  1. TTI Bio Author Box with Hover Social Media Subscription

Bottom Lines

Feel free to ask any further query, Keep Enjoying TipTircksIsland.Com, waiting for your positive feedback. Follow Our Social Media Networks for always uptodate with RazBlogs.

Mouse Hover Cool Social Media Subscription Widget

A cool and beautiful Social Media Subscription widget with the mouse hover effect in the series of most beautiful blogger widgets. As before I have share another post for Social Sharing Mouse Hover On Image was about when you cross over the mouse pointer over the image immediately after 5 Social Sharing button will appear and you share post to 3 different most valuable social media network also this is has five different and top traffic generator social media networks i.e. Facebook, Twitter, Pinterest Google Plus and RSS Subscription with cool mouse hover effects. As we have discussed before about how can we get benefits by sharing our post to social media networks.

Best Blogger Plugins for You:-

How to Install Cool Mouse Hover Social Media Subscription Widget to Blogger

I have made a Widget Generator for this as always I used to made for saving my visitors precious time for copying script and changing such links bla.. blaa..

Just Insert Your Ids and URLs as per Required by widget Generator and Click on the Generate Button

Now copy the Generated Script and Go to Blogger Dashboard > Layout >> Inset A Gadget

Important : Before any edition in template you must backup your blogger template.

Select HTML/JavaScript Gadget and paste the Generated Widget in it.

Save your template and you have all done..

Check Out our these posts. 

Hope you will like my this blogger plugin. Keep visiting and share our post with your friends and don’t forget to follow our social media pages and ids for stay connected with us always and get free Tips and Tricks. Waiting for you feedback.

Top 10 Social Media Widget for Blogger

In this post I am going to inform and recommend my entire visitors and user of blogger blog or blogspot platform that what types of Social Media Bookmarking Subscription and Sharing Widget are mostly liked from other blogger. Below I want to share very useful and helpful blogger widget which will help your visitors to connect with your every blogger post.

top ten social media widgets for blogger

Other Ralated Articles for Blogging

1- Social Media Sharing Widget Below Every Post Footer

Social Media Below Post Footer

After installing this widget you will find that all your posts have Social Media Icons for sharing concerned post to top eight Social media Site from Where you can easily get huge traffic for your Blog.

2- Floating Horizontal Social Media Bookmarking Widget

Floating Horizontal Social Media

This one also very beautifull and attractive widget while reading Blogger post and scroll down the window immediate after a Sharing or Like Button Bar will appear from the top from visitors can like and share your post.

3- 4 in 1 Social Media Side Popout Widget.

4 in 1 Social Media Side Popout

In this widget you can see as per picture shown above, that visitors can follow your social media pages such as Facebook, Twitter and and GooglePlus one button for bookmarking on the Googleplus. Also having a slide for Email Subsciption.

4- Beautiful Author Box Widget with Social Media Subscription

Beautiful Author Box

This one I will most recommend for my entire visitors because I have got bundle of visitors on my this post. May you have find this widget on so many websites. This widget having also Social Media Following Option with RSS Feed and Email Subcription.

5- Smooth Breakable Floating Social Media Bookmarking Widget

Smooth Breakable Floating Social Media

Before you have seen such floating social media widget in so many website but what in this post is something different. After installing this Floating widget you will find difference in other Floating Social media Widget and in this one that how floating Social Media Widget is working when you scroll the page.

6- Mashable Style Social Media Bookmarking Widget V2

Mashable Style Social Media

This one also great widget for your Blog because in this widget almost all top and best social media website are included as while visitors like your post and try to submit feedback or like your post easily then can bookmarking your Blog on Facebook twitter google plus Pinterest youtube email subscription etc.

7- Mashable Style Social Media Bookmarking Widget with JQuery V3

JQuery Mashable Style Social Media

Above I have mentioned all the great features of this widget. But what is different here is JQuery Features. Yes! This one is the Popup Mashable Style Social Media Bookmarking widget. When visitors come on your site immediate during page loading you will find this widget as Popup window on your Blog.

8- Image Hover Social Media Sharing Widget

Image Hover Social Media Sharing

May be you have seen on somewhere that when your mouse pointer on the image immediately Pinterest icon appear on the image but this one has more features. When you come across on the image you will find on the image mouse hover, Facebook twitter and Pinterest sharing button on the image from where you and your visitors can easily share your post on the these three Social Media Websites.

9- Popup Email Subscription Widget with Social Media Bookmarking

Popup Email Subscription Widget

Another Popup Widget with JQuery features for your Blog. May I have also installed this widget on my Blog. But if not you can visit it for more features.

10- Metro Style Social Media Subscription Widget V2

Metro Style Social Media Widget

Beautiful widget which attract your visitors to subscribe you on the Social Media website. This is look like windows 8 start screen hope you will like this widget.

Hope all above plugins will help you for better blogging. I will wait for your feedback for my this post. For tips and tricks more you can follow and subscribe us on the following Social Media Networks for stay connected with us.

Metro Style Social Media Subscription Widget V2

After receiving bundles of beautiful feedback and emails from my visitors for my previous post of Metro Style Social Media Subscription Widget V1 today I am going to announce V2 for the same beautiful widget but having such more Social Media Connection Button just like Linkedin and Pinterest. In my previous post I have also share auto post list generator for the label hope you like to read that one. In today’s widget you can find six different type of social media networks and we can say the most usable networks in social media. Before I have also share benefits of social media that why we should share our blog or website post to Social Media Sites.

Metro Style Social Subscription Widget

Check another beautiful blogger widgets

How to Install Metro Style Social Media Subscription Widget V2

You don’t have to copy or replaced links just insert you page or profile ids as desired by widget generator.

Click on the Generate Button and Copy the Generator Script into Blogger

Go to Blogger Dashboard

Layout

Add a Gadget >> install HTML/JavaScript Gadget and paste the Above Generator Script and Setup that one in sidebar.

Another recommendations:-

 

Hope you will find this tricks useful. For getting more tips and tricks from us you have to subscribe our daily updates and follow our social media network

Auto List Creation of Posts by Label

Are you being tired from making manual list of post by label. So now don’t worry, what I am going to share with you this is very wonderful trick for those who want to make complete lists of posts as per label or category in Blogger or Blog. Somewhere I have also found such Bloggers are using Linklist gadget for the subjected purpose and that will take long time to Adding a Post in the Gadget of Label. For saving our time for blogging and do the same working in a just a click I am going to Introduce a Script from which you the concerned label will generated automatically.

Auto List Creation of Posts by Label

Recommendations

How to Create Auto List of Posts by Label.

I have made it for you very simple checkout below the widget generator for Posts List Generator by Label. You can make it

In the Widget Generator insert your Blog or website URL in the first coloum.
Then insert your lable category in the second column.
In the third column you to insert the total number of post that you want to shown by widget. Remember it must not be more than 500.
The click on the Generate Button then Copy the Generated Script and
Go to Blogger Dashboard >> Layout >> Add a Gadget
Install a HTML/JavaScript Gadget and Paste the Generated Script and Label Give it name as per you label of Post which you have inserted in the second column of Label Field.
Save Your template and checkout your Blog.

You may also like this>>

Any further assistance you may ask by replying in this post. As soon as possible I will reply. Follow our Social Media Networks or Subscribe us our Daily updates.

Image Hover Social Media Sharing Plugin for Blogger

A brand new and very beautiful thing for all Blogger, After receiving great response for all my widget from my entire visitors today I have also another beautiful thing from which you visitor can share post on Facebook Twitter and Pinterest when across the mouse over the image immediate social media sharing button will appear on the image from which the coming visitors can share your post. You should also check my previous I have shared two Popup Email Subscription Box with Facebook Twitter and Google Plus following.

Social Media Sharing Image hover

Checkout Widget for Blogger

 

How to install Image Hover Social Media Sharing Plugin for Blogger.

Before installing this widget you must logon in Blogger.
After that you don’t have to do anything for installing this widget just click on the below Add to Blogger Button for installing this widget

Blogger Tips

Hope you will find this widget helpful for your Blog.
For Further assistance you can contact me by replying in this post as soon as possible I will reply you.

Metro Style Social Media Widget with Email Subscription Box

In the serious of Best and Attractive Blogger Widget, one again I am going to share another new and very beautiful blogger Widget with Email Subscription Box. As before I have shared with you Popup Email Subscription Widget Having Facebook Twitter & Google Plus Follow Options with JQuery Features, but this one has zooming effect on mouse hover when as per image shown below. In this widget there is five different social media networks where visitors can follow your pages or profiles or videos channel of Youtube.

 

 

Metro Style Social Media Widget

 

Recommendations.

How to Install Metro Style Social Media Widget with Email Subscription Box

It is very simple to install I will guide you step by step how can you install this widget to you blogger blog. Follow the given below steps..
Fist of all Backup Your blogger Template
Step-1 = Go to Blogger Dashboard >> Template >> EDIT Html>>
Now find this code in Edit HTML ]]></b:skin> and paste give below code before/above the ]]></b:skin>

 

.rnhckr-bubblewrap{list-style-type:none;margin:0;padding:0;}.rnhckr-bubblewrap li{display:inline;width: 60px;height:60px;}.rnhckr-bubblewrap li img{width: 40px;height: 40px;border:0;margin-right: 4px;-webkit-transition:-webkit-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in}.rnhckr-bubblewrap li img:hover{-moz-transform:scale(1.8);-webkit-transform:scale(1.8);-o-transform:scale(1.8);}

Step-2 = Now copy this code and change the highlighted text with your ID Page or links and Paste in HTML/JavaScript in Blogger Layout

<ul class=”rnhckr-bubblewrap”><li><a href=”https://www.facebook.com/RazBlogs“><img src=”http://i.imgur.com/6AI7jNU.png” title=”Follow Us on Facebook”/></a></li><li><a href=”http://www.twitter/RazBlogs“><img src=”http://i.imgur.com/qWbojzO.png” title=”Follow Us on Twitter”/></a></li><li><a href=”https://plus.google.com/101599591590694433398“><img src=”http://i.imgur.com/g8dACcy.png” title=”Follow Us on G+”/></a></li><li><a href=”http://www.youtube.com/thzzahsan“><img src=”http://i.imgur.com/WOWCE5P.png” title=”Subscribe Us on Youtube”/></a></li><li><a href=”http://feeds.feedburner.com/RazHackingTricks“><img src=”http://i.imgur.com/SgONHEw.png” title=”Subscribe Us on RSS Feed”/></a></li></ul>
<style>
.mbt-email{
background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class=”mbt-email”>
Subscribe via Email
<form action=”http://feedburner.google.com/fb/a/mailverify” id=”feedform” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=RazHackingTricks‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”>
<input gtbfieldid=”3″ class=”textarea” name=”email” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}” onfocus=”if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}” value=”Enter email address here” type=”text” />
<input type=”hidden” value=”RazHackingTricks” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/>
<input class=”mbt-emailsubmit” value=”Submit” type=”submit” />
</form>
</div>
<div dir=”ltr” style=”text-align: left;” trbidi=”on”>
<div style=”text-align: right;”>
<span style=”font-size: xx-small;”><a
href=”http://www.tipstricksisland.com/2013/06/metro-style-social-media-widget-with-email-subscription.html”
target=”_blank”>Get this Widget</a></span></div>
</div>

Save Your Template
and Check Blogger Home Page..Must Insert this widget in Sidebar right or left
Hope You all will like my Blog and Whatever I am posting for my Visitors. Keep in Touch Stay Connected With use and Follow our Social Media Networks for Get Free Updates and New Tips & Tricks From RAZBlogs

Popup Email Subscription Box with Facebook Twitter Google Plus Widget

Another JQuery Widget with beautiful look, as before I have also share another Email Subscription Widget having WordPress style with Pinterest Following button for sidebar but today I bring in this post another beautiful widget with JQuery features. In this widget visitors can subscribe you blog’s daily updates via RSS, Like You facebook Fan Page, Follow Twitter ID, Google Plus One for your website and also visitors can follow you on Google Plus as per you choice whethere its Your ID or Google Plus Page. So here below complete instructions for how to Install this Beautiful Widget to Blogger.

Popup Email Subscription Box

Check Like Demo Here

You may also like to read this>>

How to Install Popup Email Subscription Box with Facebook Twitter & Google Plus Widget

Before installing this widget you must have to installed JQuery Script into your blogger because this is one is JQuery Based widget so you have to install this latest JQuery Code into your blogger. If you have already installed JQuery Plugin you can change with this one or leave this step just install widget from below widget generator.
Copy JQuery Plugin and Paste inside You Blogger before/above the closing </head> tag

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

 

And now follow the instructions as desired by widget Generator

After filling the concerned fields Click on the Generate Button and Click on the Add to Blogger Button or You my copy the Generated Code and Paste that in HTML/JavaScript Gadget in you Blogger Layout Section.

Another Recommendations

Now Save your blogger template and Checkout your blog homepage. You will there New Popup Email Subscription Widget with Facebook Like Box, Twitter Follow Button with Google Plus one and Follow.
Hope you will this widget. For any further assistance you can ask by replying in this post I will give you feedback as soon as possible and also like our social media community and Subscribe for stay connected with New Tips and Tricks from RAZBlogs.