Flag widget for 16th December Bangladesh Victory Day

Bangladesh

Being Bangladeshi we feel proud because we are brave nation. Every year in 16th December we celebrate our national victory day. And all Bangladeshi web developer and blogger should raise national flag on their blog. From this point of view I have created a simple floating flag widget that will able to display our national flag. Actually total widget coding based on simple CSS and JavaScript but to make it more attractive I have added 4 style animated Bangladeshi flag. You have freedom to select your desire one. So for adding this widget you can simply go through below steps.

Step 1 First Go to ->Blogger Dashboard -> Layout

Step 2 Now Click On Add a gadget link and add an HTMl widget

Step 3
 Now Copy the Code Given Below and Paste it to there.

This code blog will help you to place Bangladeshi Flag at the top right of the site


<style>
#bijoy-dibosh {
position:fixed;
top:50px;
right:10px;
z-index:999;
}
#BloggerSpice.com img {background:transparent;padding:4px;width:100px;
}
</style>
<div id="bijoy-dibosh">
<img src=" http://3.bp.blogspot.com/-VGPtyzeT_H0/VIiFF3sG2VI/AAAAAAAAIjU/z51ZfXGMHvA/s1600/BloggerSpice%2BStyle1.gif"/>
</div>

Bangladeshi flag

This code blog will help you to place Bangladeshi Flag at the bottom right of the site

<style>
#bijoy-dibosh {
position:fixed;
bottom:50px;
right:10px;
z-index:999;
}
#BloggerSpice.com img {background:transparent;padding:4px;width:100px;
}
</style>
<div id="bijoy-dibosh">
<img src=" http://3.bp.blogspot.com/-VGPtyzeT_H0/VIiFF3sG2VI/AAAAAAAAIjU/z51ZfXGMHvA/s1600/BloggerSpice%2BStyle1.gif"/>
</div>

Customization

Replace http://3.bp.blogspot.com/-VGPtyzeT_H0/VIiFF3sG2VI/AAAAAAAAIjU/z51ZfXGMHvA/s1600/BloggerSpice%2BStyle1.gifwith different style flying flag by adding Image link from below.

Style 2


national flag


  • http://4.bp.blogspot.com/-FBsoKrx1iUE/VIiFFy-94KI/AAAAAAAAIjQ/f6FYgeMAosI/s1600/BloggerSpice%2BStyle2.gif

Style 3


flying flag

  • http://2.bp.blogspot.com/-YKTds7iicjo/VIiFF3igdsI/AAAAAAAAIjM/AdQIqAQ5c0k/s1600/BloggerSpice%2BStyle3.gif

Style 4


animated flag

  • http://2.bp.blogspot.com/-X75URYx4jX0/VIiFGiQNNhI/AAAAAAAAIjg/I007jK5uLOc/s1600/BloggerSpice%2BStyle4.gif

Hope you have successful added the flag in your blogger site. Check your blog now that is showing flying Bangladeshi Flag. If you have any query regard this then feel free to write us. I will be happy to answer you. Thanks. 

No comments: