Add Ribbon Effect Widget To Blogger For Special Custom Posts

Add ribbon effect widget to blogger for special announcement, Custom posts or to promote anything special. Normally this gadgets are used to promote or giveaways based on pure CSS.


Add Ribbon Effect Widget To Blogger For Special Custom Posts
Add Ribbon Effect Widget To Blogger For Special Custom Posts

VIEW DEMO


3 Chat Widget For Blogger

3 online tools to add chat widget to blogger blog. Awesome chat and messaging application widget for blogger to interact with your audience.

3 Chat Widget For Blogger
3 Chat Widget For Blogger

4 Blogging Tips To Get Backlinks From Social Media Users

4 Blogging tips to get backlinks from social media sharing users. Best Practical tricks to earn links from social media sharing websites.

4 Blogging Tips To Get Backlinks From Social Media Users
4 Blogging Tips To Get Backlinks From Social Media Users 

2 Online Tools To Create Android Apps Of Your Blogger Blog

2 online tools to create android apps of blogger blog, a new widget for blogger blog. Solution for  how to make android apps of blogspot blogs or any website.

2 Online Tools To Create Android Apps Of Your Blogger Blog
2 Online Tools To Create Android Apps Of Your Blogger Blog

Animated Image Galley Widget For Blogger With CSS Hover Effect

Animated CSS Image gallery widget for blogger that shows a description and link on image hover. Very beautiful and awesome CSS hover effect to add it to blogspot blogs.


CSS Image Galley Widget For Blogger That Shows Description on Hover
CSS Image Galley Widget For Blogger That Shows Description on Hover


VIEW DEMO



This is a beautiful image gallery widget for blogger. Very beautiful and attractive. It is the CSS hover effect which gave it animation. This image gallery widget is fast in loading and maintains quality of images. In this widget Description, link and title slide to upwards when you hover your mouse cursor on images. In our last post we discussed email subscription widget for blogger about 10 types. Now we are discussing image gallery widget and we will continue to give you more awesome and beautiful gallery widget for a few days so that you can choose the best for your blog.

What is specialty of image gallery widget for blogger



It is the CSS hover effect that makes it special. There are many types of image gallery widget but there is something special that makes it unique. When you hover your mouse on the images then a sliding description with three option appears as.

Title
Description
Read More link


It looks like they are sliding upwards. And, when you hover your mouse on the read more link it changes color. This is all done by the CSS coding which is called hover effect. There are few more qualities of this widget.

Maintains quality of images.
Loads very fast.
Makes template attractive because text no more appears in the image.


CODE


<style type="text/css">
/*DO NOT EDIT THE BELOW CODE OR IT WOULD NOT WORK.Code from http://www.avdhootblogger.com */
* {
margin:0;
padding:0;
}

body {background-color:#f5f5f5}

.avdhoot-image-gallery {
width:642px;
margin:50px auto;
}

.avdhoot-pack {
width:210px;
height:160px;
overflow:hidden;
background-color:white;
border:1px solid #ccc;
float:left;
margin:1px 1px;
font:normal normal 12px/1.4 Segoe,"Segoe UI",Arial,Sans-Serif;
color:#333;
}

.avdhoot-ctr,
.avdhoot-des {
height:150px;
border:5px solid white;
background-color:#ffc;
transition:margin-top .4s ease-out .4s;
}

.avdhoot-ctr img {
width:200px;
height:150px;
padding:0 0;
margin:0 0;
border:none;
outline:none;
max-width:none;
max-height:none;
background-color:black;
}

.avdhoot-des h4,
.avdhoot-des p {
margin:0 0 .2em;
padding:0 0;
height:70px;
}

.avdhoot-des h4 {
font-size:120%;
height:auto;
}

.avdhoot-des .des {
padding:10px 12px;
overflow:hidden;
}

.avdhoot-des .more {
color:white;
text-decoration:none;
display:block;
text-align:center;
font-weight:bold;
background-color:#f9a;
height:26px;
line-height:26px;
margin:10px 0 0;
}

.avdhoot-pack:hover {border-color:#bbb}
.avdhoot-pack:hover .avdhoot-ctr {margin-top:-160px}
.avdhoot-des .more:hover {background-color:#b50b42}



</style>


<div class="avdhoot-image-gallery" id="avdhoot-image-gallery">

<div class="avdhoot-pack">
<div class="avdhoot-ctr">
<img width="200" height="150" src="http://3.bp.blogspot.com/-byMVZ9p5iC8/Ud582YB0qFI/AAAAAAAABII/0N-_0z5KgaY/s1600/00+(7).jpg+(680%C3%971024).png" alt="beauty">
</div>
<div class="avdhoot-des">
<div class="des">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
<p><a class="more" href="#">More</a></p>
</div>
</div>
</div>

<div class="avdhoot-pack">
<div class="avdhoot-ctr">
<img width="200" height="150" src="http://4.bp.blogspot.com/-Edak-e7HVNA/Ud583G0nwCI/AAAAAAAABIQ/3rq_y4X7OqE/s1600/00+(8).jpg+(800%C3%971200).png" alt="beauty">
</div>
<div class="avdhoot-des">
<div class="des">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
<p><a class="more" href="#">More</a></p>
</div>
</div>
</div>

<div class="avdhoot-pack">
<div class="avdhoot-ctr">
<img width="200" height="150" src="http://4.bp.blogspot.com/-8VX1I9GU5c8/Ud585aKgGZI/AAAAAAAABIY/Ud3eiTQ6YDw/s1600/4.jpg+(800%C3%971200).png" alt="beauty">
</div>
<div class="avdhoot-des">
<div class="des">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
<p><a class="more" href="#">More</a></p>
</div>
</div>
</div>

<div class="avdhoot-pack">
<div class="avdhoot-ctr">
<img width="200" height="150" src="http://1.bp.blogspot.com/-Mbxn1n8cSdE/Ud580LDmrFI/AAAAAAAABIA/F7_a0-T9x7Q/s1600/000000125270-raluca_negrea-fullsize.jpg" alt="beauty">
</div>
<div class="avdhoot-des">
<div class="des">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
<p><a class="more" href="#">More</a></p>
</div>
</div>
</div>

<div class="avdhoot-pack">
<div class="avdhoot-ctr">
<img width="200" height="150" src="http://2.bp.blogspot.com/-onS0IP3Bh2g/Ud59hs95UrI/AAAAAAAABIs/0xdPWESxmsM/s1600/01+(2).jpg+(680%C3%971024).png" alt="beauty">
</div>
<div class="avdhoot-des">
<div class="des">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
<p><a class="more" href="#">More</a></p>
</div>
</div>
</div>

<div class="avdhoot-pack">
<div class="avdhoot-ctr">
<img width="200" height="150" src="http://4.bp.blogspot.com/-vj-Pqh30B2U/Ud59fikjGTI/AAAAAAAABIg/dNJH0C3HkqM/s1600/little_too_big_by_pure_insomnia-d2zqnwc.jpg" alt="beauty">
</div>
<div class="avdhoot-des">
<div class="des">
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
<p><a class="more" href="#">More</a></p>
</div>
</div>
</div>

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

</div>


Customization

..... Color represents the URL of the image. Insert your images here.
..... Color represents the title of your post.
..... Color represents a description of your post.
..... Color represents the URL of your post.

Well we have shared another widget related to image like:-

(1) Image accordion widget for blogger

Here we used to represent custom posts with awesome images you can use this widget to promote a few of your best posts.

Another widget that you can use to promote your featured posts is putting them in a tabbed content box so if you want to do this then read this post:-

(2) Tabbed content box widget for blogger.

In this widget you can put your most favorite post with social media sharing icons.

Well if you want to use this code then below is the download button for you to download the html and css code.

Download code



Blogger Widgets


Popular posts widget for blogger
Related posts widget for blogger
Email Subscription Widget for blogger
Social media sharing widget for blogger
Navigation menu widget for blogger
Comments widget for blogger

10 Types of Email Subscription Box Widget For Blogger

10 types of email subscription widget for blogger that are fast loading, stylish, professional and like WordPress. These beautiful gadgets are made after customizing feed burner email for blogspot blogs.

10 Type of Email Subscription Box Widget For Blogger
10 Type of Email Subscription Box Widget For Blogger

10 types of email subscription widget for blogger that are attractive and professional and will help you to get more loyal readers and targeted traffic for your blogger blog. In my previous posts I have shared around 10 widgets for blogger so in this post I am describing all the 10 email subscription widgets in one place, few of them are good for entertainment websites and few are professional one that can be used for any kind of blog. Hope you like it. Below I am providing the thumbnails of every widget so that it will be easy for you to choose the best one for you. All email subscription widgets are customized with your feed burner id.

Coca cola email subscription widget for blogger


Coca cola email subscription widget for blogger
Coca cola email subscription widget for blogger

These email subscription box is good for professional websites. It will attract the users to get subscribed. Based on pure html and css and without any Java script. Get This Email subscription Widget.

Cross rainbow email subscription widget for blogger


Cross rainbow email subscription widget for blogger
Cross rainbow email subscription widget for blogger

This email subscription widget is good for entertainment and professional websites. We have customized feed burner id and gave it a decent look. Used light colors in this widget. It loads faster and eye catchy. Must use widget. Get This Email subscription Widget.

Professional purple strip email subscription widget for blogger


Professional purple strip email subscription widget for blogger
Professional purple strip email subscription widget for blogger

This is totally for professional blogs and websites because of its color combination. Using dark color like purple but with stripes which will get the attention of your blog user and hence will help to get more page views in the future if subscribed. Get This Email subscription Widget.

Multicolor curtain email subscription box widget for blogger


Multicolor curtain email subscription box widget for blogger
Multicolor curtain email subscription box widget for blogger

These widgets can be used for all types of websites as it has a light background. We attached a yellow image in this widget and then used CSS effects for the sign up box. So it is appropriate for both professional and entertainment websites and blog. Get This Email subscription Widget.

Professional black wood email subscription box widget for blogger


Professional black wood email subscription box widget for blogger
Professional black wood email subscription box widget for blogger

This widget is enriched with black wood image looks beautiful when added into the sidebar. I have seen such widget in any famous websites. It is completely customizable you can edit this widget according to your own choices of colors and images. It is perfect for professional and serious bloggers. Get This Email subscription Widget.

Romantic email subscription widget for blogger


Romantic email subscription widget for blogger
Romantic email subscription widget for blogger

This email subscription widget is for only dating and entertainment websites and blogs. Because it is customized according to those websites and blogs. It has fallen hearts in the background and the sign up box is also customized with dark red color with hover effects. So it justifies to such type of websites and blogs. Get This Email subscription Widget.

51 Heart email subscription box widget for blogger


51 Heart email subscription box widget for blogger
51 Heart email subscription box widget for blogger

This email subscription widget is also in the previous category as the name also tells the story it is for dating and entertainment websites and blogs. The background of this widget is with dark red color with hearts on it and sign up button is made according to that one. Fast loading and very stylish. Get This Email subscription Widget.

Colorful Diamond email subscription widget for blogger


Colorful Diamond email subscription widget for blogger
Colorful Diamond email subscription widget for blogger

This widget is also for fun and entertainment websites which wants a different type of widget for their blog in terms of looks as you know being different in right ways always leads you to success. So use this widget. It will increase your subscribed users. Get This Email subscription Widget.

Rich Purple Customized Feedburner Email Subscription Widget For Blogger


Rich Purple Customized Feedburner Email Subscription Widget For Blogger
Rich Purple Customized Feedburner Email Subscription Widget For Blogger

It is a pure css based subscription widget for blogger and handy too. You can customize this widget with your own colors. It is suitable for both professional and entertainment types of websites and blogs. It's color combination suits to all. Get This Email subscription Widget.

Colorful Raining Email subscription Box Widget For Blogger


Colorful Raining Email subscription Box Widget For Blogger
Colorful Raining Email subscription Box Widget For Blogger

This blogger widget is awesome for musical websites because it is in many colors and will suit to colored websites. Based on html and css hover effect. Get This Email subscription Widget.

These were the 10 types of email subscription box widget for blogger that are professional and attractive and for entertainment, dating and professional blogs and websites.
Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS