Best Design of Blogs Site

Photoshop CSS Color Code Generated Widgets For Blogger blog / blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">
 CSS Color Code Generated Widgets For Blogger blog / blogspot<br />
<br />
<span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;">Bloggers are always customizing and modifying their templates just to keep the blog up to date and Always Up date. It helps to you Design your Blog Very Nice</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9wek_BZ2SNy57sXTZqy8btqKTxOnE4I8w3OzZrwZFI9gf5V5HdUMHJUKb6ga7V4EvlVlcTp1iy1_NeKDbNFs1PrENGd4t0-8Qso0ZFeYLkAIYDzhcnaZYrstpECG7P8VXdeq-5mVmllQ/s1600/13.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9wek_BZ2SNy57sXTZqy8btqKTxOnE4I8w3OzZrwZFI9gf5V5HdUMHJUKb6ga7V4EvlVlcTp1iy1_NeKDbNFs1PrENGd4t0-8Qso0ZFeYLkAIYDzhcnaZYrstpECG7P8VXdeq-5mVmllQ/s1600/13.PNG" /></a></span></div>
<br />
<span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"></span><br />
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
<div style="box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
To install color code generating wheel on blogger/blogspot page or post just copy the following code and paste it in your post's HTML or page HTML mode </div>
<div style="box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<b style="box-sizing: border-box;">Code:</b></div>
</h2>
<span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><br /></span>
<br />
<h2 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
 </h2>
<span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"></span><br />
<div style="background-color: #c2c2c2;">
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
</h4>
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
<span style="font-size: 15.6px;"><br /></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><center><object border="0" classid="clsid:D27CDB6E -AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param name="movie" value="http://www.2createawebsite.com/build/color.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object></center></span></span></h4>
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
<div style="color: black; font-family: 'Times New Roman'; font-size: medium;">
<br /></div>
</h4>
</div>
</div>

Photoshop CSS Color Code Generated Widgets For Blogger blog / blogspot

CSS Color Code Generated Widgets For Blogger blog / blogspot Bloggers are always customizing and modifying their templates just to keep ...

Web Site CSS Color Code Generated Widgets For Blogger blog / blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">
Web Site CSS Color Code Generated Widgets For Blogger blog / blogspot<br />
<br />
<span style="background-color: white; color: #333333; font-family: "verdana" , "geneva" , sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;">Bloggers are always customizing and modifying their templates just to keep the blog up to date and Always Up date. It helps to you Design your Blog Very Nice</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiseWMJimMQje4zpjOjXWj5XqLuNrue2LamMAxOz7ThvN7lZLgroVzJBJQ-64bS_aAW-Av0l277Eb_DnkIqlrkB9VaHAHrjGvsU4xhfcmoviuocw2_ZjeRTA5g2UEocljKIsvPzBFxuMbs/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiseWMJimMQje4zpjOjXWj5XqLuNrue2LamMAxOz7ThvN7lZLgroVzJBJQ-64bS_aAW-Av0l277Eb_DnkIqlrkB9VaHAHrjGvsU4xhfcmoviuocw2_ZjeRTA5g2UEocljKIsvPzBFxuMbs/s1600/Capture.PNG" /></a></div>
<br />
<h2 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
<div style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
To install color code generating wheel on blogger/blogspot page or post just copy the following code and paste it in your post's HTML or page HTML mode </div>
<div style="background-color: white; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<b style="box-sizing: border-box;">Code:</b></div>
</h2>
<h2 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
 </h2>
<div style="background-color: #c2c2c2;">
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
</h4>
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
<span style="font-size: 15.6px;"><br /></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  <center><object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000"    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"  height="480" id="obj1" width="480">            <param name="movie"  value="http://www.2createawebsite.com/build/col.swf"><param name="quality" value="High">  <embed src="http://www.2createawebsite.com/build/col.swf"  pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"  name="obj1" width="485" height="485" quality="High"></embed></object></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
</h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"> </center></span></span></h4>
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
<div style="color: black; font-family: 'Times New Roman'; font-size: medium;">
<br /></div>
</h4>
</div>
</div>

Web Site CSS Color Code Generated Widgets For Blogger blog / blogspot

Web Site CSS Color Code Generated Widgets For Blogger blog / blogspot Bloggers are always customizing and modifying their templates just ...

Color Generated

<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<object border="0" classid="clsid:D27CDB6E -AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param name="movie" value="http://www.2createawebsite.com/build/color.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object></center>
<div align="right">
<a href="http://trickofblogging.blogspot.com/2013/05/add-put-embed-color-code-picker-tool-on-blogger-tricks.html"><small>Grab Widget</small></a></div>
</div>

Color Generated

Grab Widget

CSS Web Site Color Chart with Code and Color

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<br />
<br />
<article class="post hentry" id="7586674330578240729" itemscope="" itemtype="http://schema.org/BlogPosting" style="background-color: white; border-radius: 2px; border: 1px solid rgb(192, 192, 192); font-family: verdana, geneva, sans-serif; font-size: 12px; margin: 0px 0px 10px; padding: 10px; position: relative;"><div class="post-body entry-content" id="post-body-7586674330578240729" itemprop="description articleBody" style="line-height: 1.6em; margin: 0px 0px 0.75em;">
<div dir="ltr" trbidi="on">
<center style="color: #333333; font-family: verdana, arial; font-size: 13px; line-height: 20.7969px;">
<h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: 'Open Sans', serif, sans-serif; font-size: 16.9px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px; padding: 3px;">
<div style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; padding: 3px;">
<span style="color: #0080ff;">CSS Web Site Color Chart with Code and Color</span></div>
</h4>
</center>
<center style="color: #333333; font-family: verdana, arial; font-size: 13px; line-height: 20.7969px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgENH4gekYrfjB4Fa1HTIogw_ClIV4Xk66NsupsjtVzWjie0M8291olgadQ_rJCyzj0tcUyAxnx4LwSbwNN0zzQMiKqmxPLYgq772zOQMwhuh6ArealZseCKGkOLbok67uOyqvgf1Tir_o/s1600/12.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgENH4gekYrfjB4Fa1HTIogw_ClIV4Xk66NsupsjtVzWjie0M8291olgadQ_rJCyzj0tcUyAxnx4LwSbwNN0zzQMiKqmxPLYgq772zOQMwhuh6ArealZseCKGkOLbok67uOyqvgf1Tir_o/s1600/12.PNG" /></a></div>
</center>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSjhXgK5TyNVazqtBpLHrfJBu9lpVknC4_6BHg0AQyKo9ge66vpgn4DW7iBJe0_ok3kPq-HAlxtkFUBTTQt11ZHA9XzhEyHK8uxB9zSJYFNL6EjHByBuQs39bqj-IjwOJp7MuzxTRSX4/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSjhXgK5TyNVazqtBpLHrfJBu9lpVknC4_6BHg0AQyKo9ge66vpgn4DW7iBJe0_ok3kPq-HAlxtkFUBTTQt11ZHA9XzhEyHK8uxB9zSJYFNL6EjHByBuQs39bqj-IjwOJp7MuzxTRSX4/s1600/Capture.PNG" /></a></div>
<center style="color: #333333; font-family: verdana, arial; font-size: 13px; line-height: 20.7969px;">
</center>
<center style="font-family: Verdana, arial; font-size: 13px; line-height: 20.7969px;">
</center>
</div>
</div>
</article></div>

CSS Web Site Color Chart with Code and Color

CSS Web Site Color Chart with Code and Color

How to change mouse cursor in blogger blog / Blogspot to animated cursors

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
How to change mouse cursor in blogger blog / Blogspot to animated cursors.</h2>
<h3 style="text-align: left;">
Design your blog with Styles Mouse Cursor</h3>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhLaBe2Zp2ce3YAsXOZB2lHSO6QTgralbpzCEoAaRnxYMlchYgwb2yDGKuJ8L3IUJiORA7IzYq_yllz896qQhqcWpBKI3xkqO31eG1kWlhrNRU8hGZTbJVSthNavLgsqFsBBWtZtiSsRM/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhLaBe2Zp2ce3YAsXOZB2lHSO6QTgralbpzCEoAaRnxYMlchYgwb2yDGKuJ8L3IUJiORA7IzYq_yllz896qQhqcWpBKI3xkqO31eG1kWlhrNRU8hGZTbJVSthNavLgsqFsBBWtZtiSsRM/s1600/Capture.PNG" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h2 style="clear: both; text-align: center;">
<a href="http://www.kisabuj.tk/" target="_blank"><span style="color: lime;">Demo View</span></a></h2>
<h2 style="clear: both; text-align: center;">
<span style="color: blue;"><a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank">Click here for Generated and ADD your Blog </a></span></h2>
</div>

How to change mouse cursor in blogger blog / Blogspot to animated cursors

How to change mouse cursor in blogger blog / Blogspot to animated cursors. Design your blog with Styles Mouse Cursor Demo View ...

Top 3D Styles Recent Comments Widget For Blogger with 3D hover Style For Blogger Blog / Blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Top 3D Styles Recent Comments Widget For Blogger with 3D hover Style  For Blogger Blog / Blogspot</h2>
<div>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
<span style="font-size: 16.8px;">Top  Recent Comments Widget For Blogger with Avatars To Blogger & Commentators</span></h2>
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 16.8px;"><br /></span></span></div>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
It's very helpful and useful. It also very Attractive . Some people request me for nice recent post widgets for their Blog Site , so that today I Share It widgets</h3>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7R03M75qjoeq0FYaeAcHd38cEosJ1jFlPc6vHbb_G9n92-4wQ4EQFwYxou_dcjoJ8Bav06ToWFZHEMs2NZ01EhDh1ZnWlMwbI9IoJTtrCbYl0k_5LZIOtB3gam5IuBdQbvgrJxsw97gg/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7R03M75qjoeq0FYaeAcHd38cEosJ1jFlPc6vHbb_G9n92-4wQ4EQFwYxou_dcjoJ8Bav06ToWFZHEMs2NZ01EhDh1ZnWlMwbI9IoJTtrCbYl0k_5LZIOtB3gam5IuBdQbvgrJxsw97gg/s1600/Capture.PNG" /></a></div>
<div>
<br /></div>
<br />
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
<b>Now</b> Follow this instruction :</h3>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;">
<span style="font-weight: normal;">Step 1:   Go to your blogger Dashboard  and Click  </span>Layout</h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;">
<span style="font-weight: normal;">Step 2:  Now  Add a  new Widget Like  </span> HTML/JavaScript </h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;">
<span style="font-weight: normal;">Step 3: Now </span>Copy<span style="font-weight: normal;"> this </span>Below Code<span style="font-weight: normal;"> and </span>Pasted<span style="font-weight: normal;"> this Code  on       </span></h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
                    this  Widget</h2>
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<br /></div>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 4: Then save and enjoy yourself .......</h2>
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<div style="color: #333333; line-height: 19.2px;">
<br /></div>
<h2 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
Note: Please Replace <span style="background-color: #c2c2c2; color: red;">www.kisabuj.tk</span> this with your Blog URL</h2>
<h2 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
 </h2>
<div style="background-color: #c2c2c2;">
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
</h4>
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
<span style="font-size: 15.6px;"><br /></span></h4>
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
<span style="font-size: 15.6px;"><br /></span></h4>
<h4 style="font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; line-height: normal; margin: 0px;">
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
<script type="text/javascript"></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
//<![CDATA[    </div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
// Recent Comments Settings    </div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
 var<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
<br /></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
umComments <span class="Apple-tab-span" style="white-space: pre;"> </span>= 10,<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
showAvatar <span class="Apple-tab-span" style="white-space: pre;"> </span>= true,<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
avatarSize <span class="Apple-tab-span" style="white-space: pre;"> </span>= 70,<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
 roundAvatar<span class="Apple-tab-span" style="white-space: pre;"> </span>= false,<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
characters <span class="Apple-tab-span" style="white-space: pre;"> </span>= 50,<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
showMorelink<span class="Apple-tab-span" style="white-space: pre;"> </span>= true,<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
moreLinktext<span class="Apple-tab-span" style="white-space: pre;"> </span>= "More »",<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
defaultAvatar <span class="Apple-tab-span" style="white-space: pre;"> </span>= "http://www.gravatar.com/avatar/?d=mm",<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
hideCredits<span class="Apple-tab-span" style="white-space: pre;"> </span>= false;</div>
<div style="font-family: 'Times New Roman'; font-size: medium; text-align: left;">
<span style="color: black; font-weight: normal;">//]]></script><style type="text/css">    ul.bdlab_recent_comments{list-style:none;margin:0;padding:0;}    .bdlab_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}    .bdlab_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}    .bdlab_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .bdlab_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/bdlab-recent-comments-with-avtar-ycode.js"></script><script type="text/javascript" src="http://</span><span style="color: red;">www.kisabuj.tk</span><span style="font-weight: normal;">//feeds/comments/default?alt=json&callback=bdlab_recent_comments&max-results=10"></script></span></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
<br /></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal;">
<br /></div>
</h4>
</div>
</div>
<br />
<br /></div>

Top 3D Styles Recent Comments Widget For Blogger with 3D hover Style For Blogger Blog / Blogspot

Top 3D Styles Recent Comments Widget For Blogger with 3D hover Style For Blogger Blog / Blogspot Top Recent Comments Widget For Blogg...

Top Recent Comments Widget For Blogger with Avatars To Blogger & Commentators

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="background-color: white; font-stretch: normal; margin: 0px; text-align: left;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 16.8px;">Top  Recent Comments Widget For Blogger with Avatars To Blogger & Commentators</span></span></h2>
<div>
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 16.8px;"><br /></span></span></div>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
It's very helpful and useful. It also very Attractive . Some people request me for nice recent post widgets for their Blog Site , so that today I Share It widgets</h3>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd_CJUAnshNfdaNgvo3-GGmc_3NWkAT9z8YB-cfkGulwWDTvU6DwAYxkr54zQwyh45jLPU0pfZAlvNLwzZtWHs3AlaTWJvE0b73xAzE0dmUJRKjwJPkCl2EET4d0D9X5w744ddh-NwVQk/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd_CJUAnshNfdaNgvo3-GGmc_3NWkAT9z8YB-cfkGulwWDTvU6DwAYxkr54zQwyh45jLPU0pfZAlvNLwzZtWHs3AlaTWJvE0b73xAzE0dmUJRKjwJPkCl2EET4d0D9X5w744ddh-NwVQk/s1600/Capture.PNG" /></a></div>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
<b><br /></b></h3>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
<b><br /></b></h3>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
<b>Now</b> Follow this instruction :</h3>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 1:   Go to your blogger Dashboard  and Click  Layout</h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 2:  Now  Add a  new Widget Like   HTML/JavaScript </h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 3: Now Copy this Below Code and Pasted this Code  on       </h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
                    this  Widget</h2>
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<br /></div>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 4: Then save and enjoy yourself .......</h2>
<div>
<br /></div>
<div>
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<br /></div>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Note: Please Replace <span style="background-color: #c2c2c2; color: red;">www.kisabuj.tk</span> this with your Blog URL </h2>
<div style="background-color: #c2c2c2;">
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
</h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><script type="text/javascript"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">//<![CDATA[    </span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">// Recent Comments Settings    </span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"> var<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">umComments <span class="Apple-tab-span" style="white-space: pre;"> </span>= 10,<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">showAvatar <span class="Apple-tab-span" style="white-space: pre;"> </span>= true,<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">avatarSize <span class="Apple-tab-span" style="white-space: pre;"> </span>= 70,<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"> roundAvatar<span class="Apple-tab-span" style="white-space: pre;"> </span>= false,<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">characters <span class="Apple-tab-span" style="white-space: pre;"> </span>= 50,<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">showMorelink<span class="Apple-tab-span" style="white-space: pre;"> </span>= true,<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">moreLinktext<span class="Apple-tab-span" style="white-space: pre;"> </span>= "More »",<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">defaultAvatar <span class="Apple-tab-span" style="white-space: pre;"> </span>= "http://www.gravatar.com/avatar/?d=mm",<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">hideCredits<span class="Apple-tab-span" style="white-space: pre;"> </span>= false;</span></span></h4>
<h2 style="font-stretch: normal; margin: 0px; text-align: left;">
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: #333333;">//]]></script><style type="text/css">    ul.bdlab_recent_comments{list-style:none;margin:0;padding:0;}    .bdlab_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}    .bdlab_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}    .bdlab_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .bdlab_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/bdlab-recent-comments-with-avtar-ycode.js"></script><script type="text/javascript" src="http://</span><span style="color: red;">www.kisabuj.tk</span><span style="color: #333333;">//feeds/comments/default?alt=json&callback=bdlab_recent_comments&max-results=10"></script></span></span></span></h2>
<div>
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: #333333;"><br /></span></span></span></div>
<div>
<span style="font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><span style="color: #333333;"><br /></span></span></span></div>
</div>
</div>
</div>

Top Recent Comments Widget For Blogger with Avatars To Blogger & Commentators

Top Recent Comments Widget For Blogger with Avatars To Blogger & Commentators It's very helpful and useful. It also very Attr...

Online Music Player Widgets for Blogger blog / blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="clear: both; text-align: left;">
Online Music Player Widgets for Blogger blog / blogspot</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWU2xDsVNJpCipPoDKC-6b7qb_utwd0WQOnxWmt46dub9mYBZGZIrlSlVjzYjIhE1po6GqsraPje_QSTByY10ap1RthUHK4znOUHdaxwB49-RHFAMBraSP4WmfdWym2tEskwB1FR2krDw/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWU2xDsVNJpCipPoDKC-6b7qb_utwd0WQOnxWmt46dub9mYBZGZIrlSlVjzYjIhE1po6GqsraPje_QSTByY10ap1RthUHK4znOUHdaxwB49-RHFAMBraSP4WmfdWym2tEskwB1FR2krDw/s320/Capture.PNG" width="297" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;">
<b>Now</b> Follow this instruction :</h3>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 1:   Go to your blogger Dashboard  and Click  Layout</h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 2:  Now  Add a  new Widget Like   HTML/JavaScript </h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 3: Now Copy this Below Code and Pasted this Code  on       </h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
                    this  Widget</h2>
<div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;">
<br /></div>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
Step 4: Then save and enjoy yourself .......</h2>
<h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">
<br /></h2>
<div style="background-color: #c2c2c2;">
<h4 style="color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 0px;">
</h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'/></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><link href="https://googledrive.com/host/0B0WJjcJEFNziLXFVNjE1Mms2VkU" rel="stylesheet" /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><script src="https://googledrive.com/host/0B0WJjcJEFNziYXRYUFZEVkRNaTA" type="text/javascript"></script></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mbl"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"> <div class="mbl_player" id="mnplp"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  <div class="mbl_art_bg"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><img class="mbl_cover" src="" alt=""/></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  <span class="mnpl_title"></span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  <span class="mnpl_author"></span></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  </span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  <div class="mnpl_volume_min"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mnpl_volume"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mbl_volume_max"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mnpl_toolbar"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">   <div class="mnpl_tlb_prev"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mnpl_tlb_stop"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mnpl_tlb_next"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mnpl_current"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mnpl_long"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mnpl_all"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><div class="mbl_playlist"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  </div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></div></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><script type="text/javascript"></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">$(function(){</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">$('#mnplp').mnplp({</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">'volume': 80,</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">'playlist':[</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">{"title":"Track-Name", "author":"Sabuj-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"}</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    ]</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">   });</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  });</span></span></h4>
<h4 style="font-stretch: normal; margin: 0px;">
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"> </script></span></span></h4>
<div>
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></div>
<div>
<span style="color: #333333; font-family: Open Sans, serif, sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></div>
</div>
</div>

Online Music Player Widgets for Blogger blog / blogspot

Online Music Player Widgets for Blogger blog / blogspot Now Follow this instruction : Step 1: Go to your blogger Dashboard a...