2016 | Bloggerdaddy - A guide for new blogger

Create a Custom Flash Video Player For Your Blogs

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: center;">
<img alt="" height="199" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTzHjacFakWmmE_wSc4j9X0yI6FUHFLNj7wlj8WM5Y5Y_Z5Y5fT" title="" width="320" /></div>
<div style="text-align: center;">
<br />
<div style="background: white; line-height: 18.0pt; margin-bottom: .0001pt; margin: 0in; text-align: justify;">
<span style="font-family: Helvetica, sans-serif; font-size: 11.5pt;">A Custom video Player to let you feel more confident while
sharing your videos with visitors. You don't need youtube, dailymotion,
metacafe or any other video player with Brand name on it because now you can
create a video player which can be all yours for free thanks to <a href="http://www.alsacreations.fr/dewtube.html" style="outline: none;" target="_blank"><span style="text-decoration: none;">Dewtube</span></a>.
After sharing the music player created by alsacreations its now time
to learn how to embed the video player created by them in blogs and websites.
The steps this time are far more easy. You just need to upload the flash file
and flv file on a free hosting site  and there you get a beautiful flash
video player.<span style="color: #666666;"><o:p></o:p></span></span></div>
<div style="background: white; line-height: 18.0pt; margin-bottom: .0001pt; margin: 0in; text-align: justify;">
<br /></div>
<div style="text-align: left;">

</div>
<div style="background: white; line-height: 18.0pt; margin-bottom: .0001pt; margin: 0in; text-align: justify;">
<span style="font-family: Helvetica, sans-serif; font-size: 11.5pt;">Paste the following code anywhere you want for the player to
appear:<span style="color: #666666;"><o:p></o:p></span></span></div>
<blockquote class="tr_bq">
<object type="application/x-shockwave-flash" data="dewtube.swf?movie=video.flv" width="512" height="384"><br /><param name="movie" value="dewtube.swf?movie=video.flv" /><br /></object></blockquote>
<div style="background: white; line-height: 18.0pt; margin-bottom: .0001pt; margin: 0in; text-align: justify;">

</div>
<div style="background: white; line-height: 18.0pt; margin-bottom: .0001pt; margin: 0in; text-align: justify;">
<span style="background: #F1EFE2; color: #336699; font-family: "Courier New"; font-size: 8.5pt;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0in; text-align: justify;">
<span style="font-family: Helvetica, sans-serif; font-size: 11.5pt;">The
file format SWF downloaded here:<o:p></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; text-align: justify;">
<br /></div>
<div style="background: white; line-height: 18.0pt; margin-bottom: .0001pt; margin: 0in; text-align: justify;">
<span style="background: rgb(241, 239, 226); font-family: "Courier New"; font-size: 8.5pt;">

<span style="font-family: Helvetica, sans-serif; font-size: 11.5pt; line-height: 107%;">Version
1.0 beta:<span class="apple-converted-space"> </span></span></span><span style="background-color: transparent; font-family: Helvetica, sans-serif; font-size: 11.5pt; text-align: center;"><a href="http://www.alsacreations.fr/mediaflash/dewtube.zip" target="_blank">dewtube.zip</a></span></div>
</div>
</div>

Widgets Create a Custom Flash Video Player For Your Blogs

A Custom video Player to let you feel more confident while sharing your videos with visitors. You don't need youtube, dailymotion...

How To Add Google Custom Search Engine in Blogger?

12:17:00 PM Bloggerdaddy 11

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<img alt="Image result for Custom search engine" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTJgI8beYUicFXLkvvRKmRRPBFaH733NT0HEZTGP32iYw_FQW44Ow" /></div>
<h2 style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 25.2px; font-stretch: inherit; font-variant-numeric: inherit; margin: 0px 0px 0.6em; padding: 0px; position: relative; vertical-align: baseline;">
What is Google Custom Search Engine?</h2>
<div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
Just like YouTube, Blogger and Gmail Google products, custom search engine is also a product developed by Google to let sites display the search box for inner site search only. If you run a website that has tons of pages with huge data and its really difficult to set the perfect navigation than you could use search engine that will help your visitors to navigate easily just by searching the thing that they in search box and search box will automatically give them the path of the content that they want. It's totally easy. </div>
<div>
<br /></div>
<div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
Do you know how Google custom search engine works? You'll be amazed by knowing it. You know how much powerful Google is and it's whole search engine. Google uses various natural factors to bring up the exact and correct search results and in custom search engine, Google uses same formula. That's why we're recommending to implement this in your blog and enjoy its facilities. </div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
Google custom search engine also allows you to monetize the search result pages but for that you'll need to have normally approved Google AdSense account. You can easily sign in to custom search engine with your AdSense account and enable monetization in monetize page. It might take time to activate but later it will start working. Google displays ads in the search result pages and ads are also relevant to the every keyword that user may search and you're easily paid for clicks on ads and also impressions.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
Other than this, Google custom search engine has functions to customize the theme of search box, enable voice search, image search and many more options. Even you can change the layout style of search box and search results or use your own search box and display custom search engine's result somewhere else. There is a lot you can do with this. It's simply amazing.</div>
</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="data:image/jpeg;base64,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" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Image result for Custom search engine" border="0" src="data:image/jpeg;base64,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" /></a></div>
<h3 style="border: 0px; font-size: 22.4px; font-stretch: inherit; font-variant-numeric: inherit; line-height: normal; margin: 0px 0px 0.6em; padding: 0px; position: relative; vertical-align: baseline;">
How To Add Google Custom Search Engine in Blogger?</h3>
<div style="border: 0px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
<ul style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 1.5; list-style: none; margin: 0.5em 0px; padding: 0px 2.5em; vertical-align: baseline;"></ul>
</div>
</div>
<div>
<ul style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.5; list-style: none; margin: 0.5em 0px; padding: 0px 2.5em; vertical-align: baseline;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Go To https://www.google.com/cse/</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Click on "Create a search engine"</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Insert your blog URL in "Sites to search"</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Choose Language, Pick up engine name and click "Create"</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vRqo-yM9d4fmE2weN7rQkjNsA515hvLgNqhdzV3kBQybq_4mak8i9oGQXVSBtlzOpS_cY1Td__msUVfMWSRDz5bnxrvbn-xqh6by1j3a5PeVyo3-T_HhMA14GtLL8BAAidXUZtO3u_I/s1600/Custom.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vRqo-yM9d4fmE2weN7rQkjNsA515hvLgNqhdzV3kBQybq_4mak8i9oGQXVSBtlzOpS_cY1Td__msUVfMWSRDz5bnxrvbn-xqh6by1j3a5PeVyo3-T_HhMA14GtLL8BAAidXUZtO3u_I/s320/Custom.jpg" width="288" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-aSys_YI4MMFwZMhzrKaMRqBE1r2T_VMdbe2DEa3b75zcelcWlFxP612sp34uMLdHlL8Fjh6FG9hb_QjduhNl6-ldEqvYS9r5qLovxCKb0XYOUftaqFisgV1whOJByZ3_nJ_iKEF1qlF7/s1600/Successfully+created.png" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<ul style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.5; list-style: none; margin: 0.5em 0px; padding: 0px 2.5em; vertical-align: baseline;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">You'll see the message like above which means you've successfully created custom search engine.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Now click on "Get code"</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Copy the code </li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Go To Blogger >> Layout >> Add a Gadget</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Choose "HTML/JavaScript"</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Paste the copied code in "Content Box"</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Save It</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px 0.25em; transition: color 0.2s; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #38761d; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 10px; padding: 5px 8px; position: relative; transition: all 0.3s ease-out; vertical-align: baseline;">Congratulations!</span></b>You've successfully added custom search engine in your blog.</li>
<li></li>
</ul>
<div style="text-align: center;">
<br /></div>
<ul style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.5; list-style: none; margin: 0.5em 0px; padding: 0px 2.5em; vertical-align: baseline;">
<li></li>
</ul>
</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: "Droid Sans"; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 22.4px; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
</div>

Tips How To Add Google Custom Search Engine in Blogger?

What is Google Custom Search Engine? Just like YouTube, Blogger and Gmail Google products, custom search engine is also a product d...

New Floating Facebook Like Box Widget For Blogger

12:35:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: "Source Sans Pro", sans-serif; font-size: 19px; line-height: 30.875px; margin-bottom: 30px; padding: 0px;">
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPEyZR9gV-lomHKluaZnBis8qLE9rfEjKLyUEgNKF-hdrT4y2N-ipgeeYOXxO9Z6iwT02roTKfFlh2QO0lqx9JrbCrHw7Ss6H0KkJY8ZiZUjYqKPPUHC8yuQtEqMtuCGGJNYvWPBzap04/s1600/ff2.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPEyZR9gV-lomHKluaZnBis8qLE9rfEjKLyUEgNKF-hdrT4y2N-ipgeeYOXxO9Z6iwT02roTKfFlh2QO0lqx9JrbCrHw7Ss6H0KkJY8ZiZUjYqKPPUHC8yuQtEqMtuCGGJNYvWPBzap04/s400/ff2.png" /></a></div>
Recently we shared simple yet stylish floating facebook like box widget. Now we came with Another New Floating Facebook Like Box Widget For Blogger ! This will Floating Facebook Button when to move your cursor on it it pop out with stylish floating facebook like box. This will help you to increase facebook likes. You just need to put small code to your blogger blog.  Currently this widget is only for Bloggeer/Blogspot blogs. We will soon share about WordPress in our next post. Now lets move to how you can add this in blogger I will show you How You Can Add Another New Floating Facebook Like Box Widget For Blogger?</div>
<div>
<h3 class="mystyle" style="background-color: white; box-sizing: border-box; color: #444444; font-family: "Source Sans Pro", sans-serif; font-size: 28px; line-height: 1.2; margin: 0px 0px 20px;">
Add Floating Facebook Like Box Widget To Blogger !</h3>
<ol style="background-color: white; box-sizing: border-box; color: #666666; font-family: "Source Sans Pro", sans-serif; font-size: 19px; line-height: 30.875px; margin: 0px 0px 30px 40px; padding: 0px;">
<li style="box-sizing: border-box; list-style-type: decimal;">Go to Design > Page Elements.</li>
<li style="box-sizing: border-box; list-style-type: decimal;">Click Add A Gadget.</li>
<li style="box-sizing: border-box; list-style-type: decimal;">In Add A Gadget window, select the HTML/Javascript .</li>
<li style="box-sizing: border-box; list-style-type: decimal;">Paste the following code inside it,</li>
</ol>
<div>
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"></span></span><br />
<blockquote class="tr_bq">
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"><script type="text/javascript"></span></span></span><br />
<blockquote>
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> /*<![CDATA[*/</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> /*]]>*/</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> </script></span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> <style type="text/css"></span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAmuT2mRo-_KRr-_lzWfUQssHWH4HierYmS1jwQ-bNthzBMpQsCqKWx6aNEfFodK0ryLAKnm6WH9VAW1c-h4sQ1nFqGosJxwBlrSduZELJ7B1ZAs-KysMB9zW8zau4NcVrNKJwdk0WXoU/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;}</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;">.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;}</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;">.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> .abtlikebox span a{color: gray;text-decoration:none;}</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> .abtlikebox span a:hover{text-decoration:underline;}</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;">}</span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"></style></span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> <div class="abtlikebox" style=""></span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;">     <div></span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;">     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F</span><span style="color: magenta;">Bloggerdaddy</span><span style="color: #666666;">&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span></span></span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;">     </div></span></span></span><br />
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;"><span style="color: #666666;"> </div></span></span></span></blockquote>
</blockquote>
<span style="font-family: "source sans pro" , sans-serif;"><span style="font-size: 19px; line-height: 30.875px;">
<div style="color: #666666;">
<br /></div>
</span></span><br />
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: "Source Sans Pro", sans-serif; font-size: 19px; line-height: 30.875px; margin-bottom: 30px; padding: 0px;">
5. Click on Save button and done !</div>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: "Source Sans Pro", sans-serif; font-size: 19px; line-height: 30.875px; margin-bottom: 30px; padding: 0px;">
<span style="box-sizing: border-box; font-weight: 700;">Note:-</span></div>
<div style="background-color: white; box-sizing: border-box; font-family: "Source Sans Pro", sans-serif; font-size: 19px; line-height: 30.875px; margin-bottom: 30px; padding: 0px;">
<span style="color: #666666;">Replace </span><span style="font-family: "source sans pro" , sans-serif;"><span style="color: magenta;">Bloggerdaddy</span><span style="color: #666666;"> </span></span><span style="color: #666666;">With Your Facebook Page URL or User name.</span></div>
</div>
<div>
</div>
</div>
</div>

Widgets New Floating Facebook Like Box Widget For Blogger

Recently we shared simple yet stylish floating facebook like box widget. Now we came with Another New Floating Facebook Like Box Widget...

OLIVIA BLOGGER TEMPLATE

5:30:00 AM Bloggerdaddy 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRquvz3iFBIs59Gx086SiFBkgTul-Dj3TGLh4tgyOZMEW8qhFk1kFxcWAkO6kHy6o6frBBLRJStwidxUyf3W6ZbDSqM6QNP_ybSV5UBVXJ57EIKKQTFPXrob55xe4vdVutUxrz3bc0iy8n/s320/Olivia+Blogger+Template.png" title="" width="320" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>Olivia</b><span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"> is a light & minimalistic Blogger Template perfect for lifestyle bloggers & magazines. It has so many amazing features that will make your blog or magazine stand out among others. It is a Perfect choice for your Lifestyle blog layout, Personal blog, Niche blog, Fashion blog, authority blog or any type of creative blog or simple magazine. It has a responsive design meaning your content will be displayed beautifully on all mobile devices. If you are looking for </span><b style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;">Minimalist blogger template</b><span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"> then this is best option for you.</span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"><br /></span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;">Author : </span><a href="http://www.mybloggerthemes.com/search?q=ThemeXpose" style="background-color: white; color: #0e5196; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px; text-decoration: none;">ThemeXpose</a><span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"> - </span><a href="http://themexpose.com/" style="background-color: white; color: #0e5196; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px; text-decoration: none;" target="_blank">http://themexpose.com</a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</div>
<br />
<div style="orphans: 2; text-align: center; text-indent: 0px; widows: 2;">
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<a href="http://demo.mybloggerthemes.com/2016/08/olivia-blogger-templates.html" style="font-family: "times new roman"; font-size: x-large;" target="_blank">Demo</a><span style="font-family: "times new roman"; font-size: large;"> | </span><a href="http://download.mybloggerthemes.com/2016/08/olivia-blogger-templates.html" style="font-family: "times new roman"; font-size: x-large;" target="_blank">Download</a></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<br /></div>
<h3 style="margin: 0px; text-align: left;">
<a href="http://www.bloggerdaddy.tk/2016/08/improve-blog-search-ranking-on-google.html" target="_blank">Improve blog search ranking on Google</a></h3>
</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
</div>

Blogger Template Template OLIVIA BLOGGER TEMPLATE

Olivia is a light & minimalistic Blogger Template perfect for lifestyle bloggers & magazines. It has so many amazing featur...

BLOGARI MINIMAL BLOGGER TEMPLATE

11:25:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXt3GRdgpLsRlsCaKVyZrL_StWPQBsfPGhtgjJbS2UY2tJ4dVlFm1nJ8uOByh91ZUim2EAk4GE5He66RGKnfPBMBprfouXsd7IeZGtSqIvRGBuX4dCt_Kfbt-uktNuwNeIEkIplvEFgtA/s320/Blogari+Blogger+Template.png" title="" width="320" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<b>Blogari</b><span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"> is a very simplistic yet professional high quality theme for Blogger. It offers a highly optimized design for faster browsing, better search engine rankings, and super easy customization. Blogari is a Blogger theme meant for the needs of every passionate blogger. The quality images, clean design and subtle color scheme is chosen with the purpose of making the content really stand out. If you’re looking for a beautiful looking Minimalistic or </span><b style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"><a href="http://www.bloggerdaddy.tk/2016/01/seo-search-engine-optimization-tools.html" target="_blank">Seo Friendly</a> <a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Blogger theme</a></b><span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"> then you’ve just found it.</span></div>
<div>
<span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"><br /></span></div>
<div>
<span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;">Author : </span><a href="http://www.mybloggerthemes.com/search?q=SoraTemplates" style="background-color: white; color: #0e5196; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px; text-decoration: none;">SoraTemplates</a><span style="background-color: white; color: #424242; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px;"> - </span><a href="http://soratemplates.com/" style="background-color: white; color: #0e5196; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px; text-decoration: none;" target="_blank">http://soratemplates.com</a><a href="http://soratemplates.com/" style="background-color: white; color: #0e5196; font-family: "Open Sans", verdana, arial, georgia; font-size: 13px; line-height: 20.8px; text-decoration: none;" target="_blank"></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: left;">
                                                                <a href="http://demo.mybloggerthemes.com/2015/12/blogari-blogger-templates.html" style="font-family: "times new roman"; font-size: x-large; text-align: center;" target="_blank">Demo</a><span style="font-family: "times new roman"; font-size: large; text-align: center;"> | </span><a href="http://download.mybloggerthemes.com/2015/12/blogari-blogger-templates.html" style="font-family: "times new roman"; font-size: x-large; text-align: center;" target="_blank">Download</a></div>
</div>

Blogger Template Template BLOGARI MINIMAL BLOGGER TEMPLATE

Blogari is a very simplistic yet professional high quality theme for Blogger. It offers a highly optimized design for faster browsing...

Improve blog search ranking on Google

10:50:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="" height="229" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR_0uPXuUv0B3BU0B112WlPI3TiBfqXL6mUeow2thVPicA6BuIyew" title="" width="320" /></div>
<div style="text-align: center;">
<br /></div>
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">To generate search traffic, Search ranking is a must. If your blog isn't within the top 5 in the first page of search result for you targeted keyword, you're loosing about 80% of possible visitors in the search results.</span><br />
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">Means most of </span><span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">search visitors goes to the top 5 links in the google search results</span><span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">. Thus it's important to improve your blog search ranking</span><span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">.</span><br />
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;"><br /></span>
<br />
<h3>
<ol style="text-align: left;">
<li><span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">Build Relevant Backlink only.</span></li>
</ol>
</h3>
<br />
<span style="background-color: white; text-align: justify;"><span style="color: #333333; font-family: "open sans" , sans-serif;"><span style="font-size: 15px; line-height: 25px;"> </span></span></span><span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">Just because google deemed it's trust indicator as social media share doesn't mean backlinks are useless. Still Building backlinks is really one of the best way to improve your search ranking. It has it's uses, However it's no longer the same as before.</span><span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;"> </span><br />
<br style="background-color: white; color: #333333; font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 25px; text-align: justify;" />
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">Quality Matters.</span><span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;"> Whatever it is content or backlinks, quality is the deciding factor. After the launch of Google’s web spam algorithm, Penguin on 2012, it is penalizing the blogs which buys links to improve search results. So, The more links the better is no longer true, </span><span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">it's better to get few quality links than building lot of low quality links.</span><br />
<div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: "open sans" , sans-serif;"><span style="font-size: 15px; line-height: 25px;">Click to <a href="http://www.bloggerdaddy.tk/2015/11/education-site-backlinks_22.html" rel="nofollow" target="_blank">generate Backlinks</a>.</span></span></div>
<div>
<span style="color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;"><span style="background-color: white;">    </span></span></div>
<h3 style="text-align: left;">
<span style="color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;"><span style="background-color: white;">    2.</span> Blog template should be SEO optimized.</span></h3>
<div>
<div style="text-align: justify;">
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px;"><a href="http://www.bloggerdaddy.tk/2016/01/seo-search-engine-optimization-tools.html" target="_blank">SEO</a> Optimized theme helps google to crawl and understand your site better. An well designed theme also help in building brand. Thus just like quality content, quality theme also plays an important role in search engine and readers.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px;">Click for <a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">SEO template</a>.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px;"><br /></span></div>
<h3 style="text-align: justify;">
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px;">   3. Choose correct Keywords.</span></h3>
<div style="text-align: justify;">
<span style="font-family: "times new roman" , serif; font-size: 12pt; text-align: left;">Think about the subject of your website. Write down all the keywords that you think people are most likely to use when searching for the information that you have. Get the opinion of other people such as friends, family and customers. Ask them what keywords they have used or think they would use to find your website.</span></div>
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: "times new roman" , serif;"><br /></span></div>
<span style="font-family: "times new roman" , serif; font-size: 12pt; text-align: left;">Get a keyword tool that can give you more suggestions. Many free ones are available online. They will be able to tell you the keywords or phrases that are the most popular and likely to bring you the traffic you want.</span></div>
<div style="text-align: justify;">
<span style="font-family: "times new roman" , serif; font-size: 12pt; text-align: left;">Click for <a href="http://www.bloggerdaddy.tk/2015/11/suggest-keywords.html" target="_blank">Keyword </a></span><span style="text-align: left;"><span style="font-family: "times new roman" , serif;"><a href="http://www.bloggerdaddy.tk/2015/11/suggest-keywords.html" target="_blank">suggestion</a></span></span></div>
<div style="text-align: justify;">
<span style="text-align: left;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-align: left;"><span style="font-size: large;"><a href="http://blogerdaddy.blogspot.com/2015/11/try_22.html" target="_blank">Check Google page Rank</a></span></span></div>
<div>
<div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: "open sans" , sans-serif;"><span style="font-size: 15px; line-height: 25px;"><br /></span></span></div>
<div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: "open sans" , sans-serif;"><span style="font-size: 15px; line-height: 25px;"><br /></span></span></div>
<div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: "open sans" , sans-serif;"><span style="font-size: 15px; line-height: 25px;"><br /></span></span></div>
<div style="text-align: justify;">
<br /></div>
<div>
<span style="background-color: white; color: #333333; font-family: "open sans" , sans-serif; font-size: 15px; line-height: 25px; text-align: justify;"><br /></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Tips Improve blog search ranking on Google

To generate search traffic, Search ranking is a must. If your blog isn't within the top 5 in the first page of search result for yo...

TopGames- A wordpress template

9:55:00 PM Bloggerdaddy 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="live demo" class="preview" height="285" src="https://i2.wp.com/btemplates.com/wp-content/uploads/2016/04/topgames-blogger-template.jpg?ssl=1" width="500" /></div>
<div style="text-align: center;">
<br /></div>
<table id="details" summary="Template's details"><tbody class="clearfix">
<tr><td class="litlerow"><br /></td><td class="summary"><strong><br /></strong>
<br />
<table id="details" summary="Template's details"><tbody class="clearfix">
<tr><td class="litlerow">Description:</td></tr>
</tbody></table>
<strong>TopGames</strong> is a free blogger <a href="http://blogerdaddy.blogspot.in/search/label/Template">template</a> adapted from WordPress with 3 columns, <strong>responsive design</strong>,
 magazine-styled, right sidebar, ads ready, footer columns, slider, 
social bookmarking icons, posts thumbnails, breadcrumbs, a background 
pattern, related posts support and 3D effect.<br />
 Excellent template for blogs about games, kids or news.<br />
<br />
Ref: btemplates<br />
<br />
<div style="text-align: center;">
<a href="http://btemplates.com/2016/blogger-template-topgames/demo/" style="font-family: "times new roman"; font-size: x-large;" target="_blank">Demo</a><span style="font-family: "times new roman"; font-size: large;"> | </span><a href="https://btemplates.com/2016/blogger-template-topgames/download/" style="font-family: "times new roman"; font-size: x-large;" target="_blank">Download</a></div>
<div style="text-align: center;">
<br /></div>
<h3 style="text-align: left;">
<a href="http://www.bloggerdaddy.tk/2016/06/famemag-free-minimalist-blogger.html">FameMag – Free Minimalist Blogger Template for News & Magazine</a></h3>
<br />
<br /><br /></td></tr>
</tbody></table>
</div>

Template WordPress Template TopGames- A wordpress template

Description: TopGames is a free blogger template adapted from WordPress with 3 columns, responsive design , magazine-styled, r...

FameMag – Free Minimalist Blogger Template for News & Magazine

9:25:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="Banner FameMag – Free Minimalist Blogger Template for News & Magazine" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLLwMt6K44MxNdXdZ1Rn_SgzCts7U9nNG6oYlVmQZf0mV-_8xBXpxQJrvDz0eT_Q4rOTPQ4XzfCZPqQwrV-6QeO1qR4_c6MF68Yl-mhSUaCvMIz4LJjW9_tMFM2UrCmkBaNsUQ1vDraX5b/s1600/famemag_preview_banner.jpg" title="Banner FameMag – Free Minimalist Blogger Template for News & Magazine" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
FameMag is a minimalist Blogger template for multi-purposes. You can use
 this blogspot <a href="http://blogerdaddy.blogspot.in/search/label/Template">template</a> for writing a personal blog or invite your 
friend to write as a magazine website (tech, travel, fashion, ... all 
are ok).</div>
<div style="text-align: left;">
<br /></div>
<h2>
 Features</h2>
<ol>
<li>Fully responsive (included IE)</li>
<li>Auto split columns for post content</li>
<li>First cap css for magazine effect</li>
<li>Easy slider by add, drag, drop Image widgets</li>
<li>Easy drop-down menu, add sub-menu by add LinkList widget</li>
<li>Separate Section (with name) in Admin Panel</li>
<li>Support change color scheme by use Advance Editor</li>
<li>Support Social icons</li>
</ol>
<div>
Ref: famemag-free-minimalist-blogger-magazine-template</div>
<div>
<br /></div>
<div>
<div style="margin: 0px; text-align: center;">
<div style="font-family: "times new roman";">
<a href="http://famemagdemo.blogspot.com/" style="font-size: x-large;" target="_blank">Demo</a><span style="font-family: "times new roman"; font-size: large;"> | </span><a href="http://www.sneeit.com/2014/05/famemag-free-minimalist-blogger-magazine-template.html#template-code-result" style="font-size: x-large;" target="_blank">Download</a></div>
<div style="font-family: "times new roman";">
<br /></div>
<h3 style="text-align: left;">
<span style="font-family: "times new roman";"><a href="http://www.bloggerdaddy.tk/2016/05/how-to-make-all-links-in-blog-to-open.html">How to make all Links in Blog to Open in Another Tab</a></span></h3>
</div>
<div style="font-family: "times new roman"; margin: 0px; text-align: center;">
</div>
</div>
</div>

Blogger Template Template FameMag – Free Minimalist Blogger Template for News & Magazine

FameMag is a minimalist Blogger template for multi-purposes. You can use this blogspot template for writing a personal blog or invit...

How to make all Links in Blog to Open in Another Tab

3:16:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Many <a href="http://www.bloggerdaddy.tk/search/label/Widgets" target="_blank">Blogger Tricks and Widgets</a>
 have been shared on this blog recently. So today, I want to share a 
trick with you on how you can make all the links on your blog to show in
 a new tab. This trick can help increase blog page view and decrease 
your bounce rate.</b><br />
<b><br /></b>
<div style="text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiuMNHOq4neQSkbxs3Pzn4bifnG3ZQj_tb1PO72v49jOXvTbgwzTDphT8HLq_sl3wLb9G2Z_6jIuQ4u4Dw6KXAvjqV8zD7lkAf-IREoLSMi15Vmprc41RQA8vKxGrOrK14rjjz3Q3M50/s1600/45+%25282%2529.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiuMNHOq4neQSkbxs3Pzn4bifnG3ZQj_tb1PO72v49jOXvTbgwzTDphT8HLq_sl3wLb9G2Z_6jIuQ4u4Dw6KXAvjqV8zD7lkAf-IREoLSMi15Vmprc41RQA8vKxGrOrK14rjjz3Q3M50/s400/45+%25282%2529.png" /></a></b></div>
<b><br /></b>
<b><br /></b>
<b>This trick is simple and easy to install on blogger blogs to make the
 entire link on your blog to open in another tab as default. Follow the 
process below to install it on your blog by adding a code to your 
template.</b><br />
<b><br /></b>
<b>==> Sign in to your blogger blog >> Template</b><br />
<b>==> Search for<span style="color: blue; font-size: large;"> <code><head></code></span> in your template by using <span style="color: blue;">CTRL+F</span> and then after it add below code</b><br />
<b><u><code><br /></code></u></b>
<blockquote class="tr_bq">
<b><code><base target='_blank' /></code></b></blockquote>
<b><code><br /></code></b>
<b><br /></b>
<b>==>Finally save your template.</b><br />
<b><br /></b>

<br />
<b>By now all the link on your blog will automatically open in another tab whenever it is clicked on.</b></div>

Tips Tricks Widgets How to make all Links in Blog to Open in Another Tab

Many Blogger Tricks and Widgets have been shared on this blog recently. So today, I want to share a trick with you on how you can make a...

How to Create a Sitemap or Table Of Contents Page For Blogger

2:53:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Sitemap </b> is a page on your blog where all 
posts are arranged in accordance to their type, and it shows the links 
to all posts published on your blog so far. Sitemap (Table of Contents) 
is important for all bloggers to have on their blog. This make blog look
 professional, and it helps your blog visitors and readers to navigate 
through your blog post.<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKPo3Im1yv8KkwbXNszOU-0GNR0miHUNMo1x94TPyht5ZRUfTwJ7UnuPBuSBWp9SN8jQdxPzY_JTaGjjGL67vNXM39ZTYzF6JbRkyVS7UIZ5PS9ApRw49f4Ovp-jTENIBNYTSnLhvPJb4/s1600/20160529144225362.png" imageanchor="1"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKPo3Im1yv8KkwbXNszOU-0GNR0miHUNMo1x94TPyht5ZRUfTwJ7UnuPBuSBWp9SN8jQdxPzY_JTaGjjGL67vNXM39ZTYzF6JbRkyVS7UIZ5PS9ApRw49f4Ovp-jTENIBNYTSnLhvPJb4/s320/20160529144225362.png" width="320" /></a><br />
<br /></div>
<br />
Here is a script that saves time and helps to update all new posts 
made on your blog to your sitemap (Table of Contents) page 
automatically. This script will display all posts made on your blog 
under their specified categories (Labels). This widget also comes with a
 CSS & Jquery to make it attractive. <br />
<h4>
<span style="background-color: black; color: lime;">
Steps To Add Automatic Sitemap (Table of Contents) Generator</span></h4>
<br />
1. <u>Add the CSS code below to your template</u>. This can be done by going to <span style="color: purple;"><b>Blogger </b>>>> <b>Template</b>, use <b>(CTRL+F)</b></span> to search for<b> <span style="color: blue;">]]></b:skin></span></b><span style="color: blue;"> </span>in your template and finally paste the CSS code below above <code><b><span style="color: blue;">]]></b:skin></span></b></code> tag.<br />
<br />
<blockquote class="tr_bq">
<code>/*--------bloggerdaddy.tk TOC-----*/</code><code>
.judul-label{</code><code>
background-color:#E5ECF9;</code><code>
font-weight:bold;</code><code>
line-height:1.4em;</code><code>
margin-bottom:5px;</code><code>
overflow:hidden;</code><code>
white-space:nowrap;</code><code>
vertical-align: baseline;</code><code>
margin: 0 2px;</code><code>
outline: none;</code><code>
cursor: pointer;</code><code>
text-decoration: none;</code><code>
font: 14px/100% Arial, Helvetica, sans-serif;</code><code>
padding: .5em 2em .55em;</code><code>
text-shadow: 0 1px 1px rgba(0,0,0,.3);</code><code>
-webkit-border-radius: .5em;</code><code>
-moz-border-radius: .5em;</code><code>
border-radius: .5em;</code><code>
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);</code><code>
-moz-box-shadow: 1px 1px 4px #AAAAAA;</code><code>
box-shadow: 0 1px 2px rgba(0,0,0,.2);</code><code>
color: #e9e9e9;</code><code>
border: 2px solid white !important;</code><code>
background: #6e6e6e;</code><code>
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));</code><code>
background: -moz-linear-gradient(top,  #888,  #575757);</code><code>
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');</code><code>
}</code><code>
.data-list{</code><code>
line-height:1.5em;</code><code>
margin-left:5px;</code><code>
margin-right:5px;</code><code>
padding-left:15px;</code><code>
padding-right:5px;</code><code>
white-space:nowrap;</code><code>
text-align:left;</code><code>
font-family:"Arial",sans-serif;</code><code>
font-size:12px;</code><code>
}</code><code>
.list-ganjil{</code><code>
background-color:#F6F6F6;</code><code>
}</code><code>
.headactive{</code><code>
    color: #fef4e9;</code><code>
    border: 2px solid white !important;</code><code>
    background: #1C8DFF;</code><code>
    background: -webkit-gradient(linear, left top, left bottom, from(<span style="color: magenta;">#9dc2e7</span>), to(<span style="color: magenta;">#438cd2</span>));</code><code>
    background: -moz-linear-gradient(top,  <span style="color: magenta;">#9dc2e7,  #438cd2</span>);</code><code>
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='<span style="color: magenta;">#9dc2e7</span><span style="color: red;">'</span>, endColorstr='<span style="color: magenta;">#438cd2</span>');</code><code>
} </code></blockquote>
<br />
<br />
<b>Save your Template</b> after inserting the CSS<br />
<br />
2.    <b><span style="color: #660000;"><u>Create a Page</u>:</span></b> to create a new page, go to<span style="color: #4c1130;"> <b>Blogger</b> >>> <b>Pages </b>>>> <b>New Page</b>.</span> Now give the page a title such as “Table of Contents” “Site Maps” or any title you wish. Click <b><span style="color: purple;">EDIT HTML</span></b> button on the compose mode screen, now paste the code below in it.<br />
<br />
<br />
<blockquote class="tr_bq">
<script src="https://www.dropbox.com/s/20wu2kszj4droq8/Justnaira-tos-file.js?dl=1"></script><br />
<script src="<span style="color: red;"><b>http://www.bloggerdaddy.tk</b></span>/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script><br />
<script type="text/javascript"><br />
var accToc=true;<br />
</script><script src="https://www.dropbox.com/s/5m7gwnjqm4w5rft/oncordian-tos.js?dl=1" type="text/javascript"></script></blockquote>
<br />
Make sure you change <b style="color: red;">http://www.bloggerdaddy.tk</b> to your own blog URL and then publish the page. Visit the page link to view your awesome blog sitemap (Table of Contents).<br />
<h4>
<span style="background-color: black; color: lime;">
Sitemap (Table of Contents) Customization</span></h4>
The color of the category when in active mode is blue while when it is inactive it appears as dark gray.<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisqCX7IRfbqzr2BEt5rJrW08Hxc63f15HQ-pXu0d-CVtIXnjb6HKDOWTuospVTQWLaUmdeqYAdG014VEPxD2kgIMl4BjkBB5O7dSoCWjQED1g1XxPqfvmrQqvfFHg6ppb1YVPMDEergc0/s1600/20160529144239952.png" imageanchor="1"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisqCX7IRfbqzr2BEt5rJrW08Hxc63f15HQ-pXu0d-CVtIXnjb6HKDOWTuospVTQWLaUmdeqYAdG014VEPxD2kgIMl4BjkBB5O7dSoCWjQED1g1XxPqfvmrQqvfFHg6ppb1YVPMDEergc0/s400/20160529144239952.png" width="400" /></a></div>
<br />
So to change the active mode, simply change <b><span style="color: magenta;">#9dc2e7</span></b> and <b><span style="color: magenta;">#438cd2</span></b>. Here is a <a href="http://www.bloggerdaddy.tk/2015/11/color-code-generator.html" target="_blank"><b>color generator tool</b></a> that will aid you to select the best color code that you love.<br />
If you encounter any difficulties in the process of setting up your blog Sitemap, don’t hesitate to use the comment box below.</div>

Tricks Widgets How to Create a Sitemap or Table Of Contents Page For Blogger

Sitemap is a page on your blog where all posts are arranged in accordance to their type, and it shows the links to all posts published o...

Animated Colour changing Background for Blogger

6:47:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimw-3ELh0LDL-mgjwX4IosPR2WgIUtg3FzB15rxYmMafb89_zju647Qz8pZ3VRegKGFmqiL2HrjdJD5RVH031kSnh0XodvubmOPDijVn3-WAzNTLFA-qm2mK_QcXrWHnRUDJjxH09cApM/s1600/Animated+color+background.jpg" imageanchor="1"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimw-3ELh0LDL-mgjwX4IosPR2WgIUtg3FzB15rxYmMafb89_zju647Qz8pZ3VRegKGFmqiL2HrjdJD5RVH031kSnh0XodvubmOPDijVn3-WAzNTLFA-qm2mK_QcXrWHnRUDJjxH09cApM/s400/Animated+color+background.jpg" width="400" /></a></div>
<br />
<div style="text-align: justify;">
This post will tell you that how you 
can make your background change to different colours with animation 
using keyframes CSS. Inspite of using big images you can use these CSS 
codes which load extremely fast and you the user too gets too see some 
interaction on the background.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<h3>
Removing existing code:</h3>
<div>
First of all you have to remove the existing background code to avoid 
any conflict in between and minimize excessive code. For this search the<b> <span style="background-color: #d9ead3;">body</span> </b>selector from the CSS codes in your blog. Under that search for <b style="background-color: #d9ead3;">background</b> property and remove the property with the value (Do Not Remove the Selector). </div>
<div>
<br /></div>
<div>
<h3 style="text-align: left;">
Adding the code:</h3>
</div>
<div>
Now we have to add the animation codes in the blog template. For this paste the below given code just above <b><span style="background-color: #d9ead3;">]]></b:skin> </span></b><span style="background-color: #d9ead3;"><</span></div>
<div>
<span style="background-color: #d9ead3;"><br /></span></div>
<blockquote class="tr_bq">
body {<br />
    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */<br />
     -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */<br />
      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */<br />
        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */<br />
}<br />
@keyframes colorBackground {<br />
      0% { background-color: #fbcf61; color: #fbcf61; }<br />
     20% { background-color: #6bd57e; color: #6bd57e; }<br />
     40% { background-color: #ff6f6f; color: #ff6f6f; }<br />
     60% { background-color: #57cff4; color: #57cff4; }<br />
     80% { background-color: #0ed4c8; color: #0ed4c8; }<br />
    100% { background-color: #fbcf61; color: #fbcf61; }<br />
}<br />
@-webkit-keyframes colorBackground {<br />
      0% { background-color: #fbcf61; color: #fbcf61; }<br />
     20% { background-color: #6bd57e; color: #6bd57e; }<br />
     40% { background-color: #ff6f6f; color: #ff6f6f; }<br />
     60% { background-color: #57cff4; color: #57cff4; }<br />
     80% { background-color: #0ed4c8; color: #0ed4c8; }<br />
    100% { background-color: #fbcf61; color: #fbcf61; }<br />
}<br />
@-moz-keyframes colorBackground {<br />
      0% { background-color: #fbcf61; color: #fbcf61; }<br />
     20% { background-color: #6bd57e; color: #6bd57e; }<br />
     40% { background-color: #ff6f6f; color: #ff6f6f; }<br />
     60% { background-color: #57cff4; color: #57cff4; }<br />
     80% { background-color: #0ed4c8; color: #0ed4c8; }<br />
    100% { background-color: #fbcf61; color: #fbcf61; }<br />
}<br />
@-o-keyframes colorBackground {<br />
      0% { background-color: #fbcf61; color: #fbcf61; }<br />
     20% { background-color: #6bd57e; color: #6bd57e; }<br />
     40% { background-color: #ff6f6f; color: #ff6f6f; }<br />
     60% { background-color: #57cff4; color: #57cff4; }<br />
     80% { background-color: #0ed4c8; color: #0ed4c8; }<br />
    100% { background-color: #fbcf61; color: #fbcf61; }<br />
}<br />
}</blockquote>
Code Source - Immam Vel<br />
<br />
<div class="content section" id="content">
<div class="widget Blog" data-version="1" id="Blog1">
<div class="blog-posts hfeed masonry">
<div class="date-outer">
<div class="date-posts">
<div class="post-outer">
<div class="post hentry">
<div class="post-body entry-content" id="post-body-4898190721721462044">
<div dir="ltr" style="text-align: left;" trbidi="on">
After
 adding the code, save the template. You are done now. Now you and your 
visitors can see this animated colour changing background in your 
blogger blog.
<br />
<h3 style="text-align: left;">
<a href="http://www.bloggerdaddy.tk/2016/05/facebook-popup-like-box-widget-for.html" target="_blank">Facebook Popup Like Box Widget For Blogger</a></h3>
</div>
<div style="margin-top: 5px; margin: 0 auto;">
<ins class="adsbygoogle" data-ad-client="ca-pub-2958296951649807" data-ad-slot="2165359970" data-adsbygoogle-status="done" style="display: inline-block; height: 60px; width: 468px;"><br /></ins></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Tips Tricks Animated Colour changing Background for Blogger

This post will tell you that how you can make your background change to different colours with animation using keyframes CSS. Inspite...

Facebook Popup Like Box Widget For Blogger

11:33:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3ewfF0fsUHk5wms5HIXPtNU37rYzma2dzuU78D24xx53_5kw8qLuRinYtJDGdyEPG922w78UMgGvU0PrrqFrawHcSN61DQBA9-KknkKpbGKW9rRT_d4Mve_GFtXrPdOAmQMc3Lft_fU/s1600/20160524113002664.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3ewfF0fsUHk5wms5HIXPtNU37rYzma2dzuU78D24xx53_5kw8qLuRinYtJDGdyEPG922w78UMgGvU0PrrqFrawHcSN61DQBA9-KknkKpbGKW9rRT_d4Mve_GFtXrPdOAmQMc3Lft_fU/s400/20160524113002664.png" /></a></div>
<h2 class="tr_bq" style="text-align: left;">
<div style="text-align: left;">
<br /></div>
<span style="background-color: #ead1dc;"><span style="color: blue;">How to Add the Facebook popup Like Box Widget</span></span></h2>
<b> 1. Log into your Blogger account and select your blog > go to 'Layout' & click the 'Add a Gadget' link on the right side<br /> 2. Once the popup window is open, select the HTML/JavaScript gadget from the list:</b><br />
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJB1tfzLojNjsMNYv_jwndGoa2X6CruVWrVmrYBdJ-yuMAGsAr930VqQ7tmR_XL5eMcRW24S3HmB7A1NgUyMxhaoklD9BUHRK0i22iHjC_15QNu2Io2jo5-8xDgMdEte_hTdHBJUopOzM/s1600/add-html-javascript-gadget-blogger.png" imageanchor="1"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJB1tfzLojNjsMNYv_jwndGoa2X6CruVWrVmrYBdJ-yuMAGsAr930VqQ7tmR_XL5eMcRW24S3HmB7A1NgUyMxhaoklD9BUHRK0i22iHjC_15QNu2Io2jo5-8xDgMdEte_hTdHBJUopOzM/s400/add-html-javascript-gadget-blogger.png" width="400" /></a></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: left;">
<span style="font-family: monospace; white-space: pre-wrap;"><b>3. Copy and paste the following code inside the empty box:</b></span></div>
<blockquote style="text-align: left;">
<span style="font-family: monospace; white-space: pre-wrap;"><b><br /></b></span><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><style></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">#fbox-background {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    display: none;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    background: rgba(0,0,0,0.8);</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    width: 100%;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    height: 100%;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    position: fixed;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    top: 0;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    left: 0;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    z-index: 99999;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><br style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; line-height: 20px;" /></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">#fbox-close {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    width: 100%;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    height: 100%;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><br style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; line-height: 20px;" /></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">#fbox-display {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    background: #eaeaea;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    border: 5px solid #828282;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    width: 340px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    height: 230px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    position: absolute;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    top: 32%;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    left: 37%;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    -webkit-border-radius: 5px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    -moz-border-radius: 5px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    border-radius: 5px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><br style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; line-height: 20px;" /></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">#fbox-button {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    float: right;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    cursor: pointer;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    position: absolute;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    right: 0px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    top: 0px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><br style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; line-height: 20px;" /></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">#fbox-button:before {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    content: "CLOSE";</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    padding: 5px 8px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    background: #828282;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    color: #eaeaea;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    font-weight: bold;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    font-size: 10px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    font-family: Tahoma;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><br style="color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; line-height: 20px;" /></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    color: #aaaaaa;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    font-size: 9px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    text-decoration: none;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    text-align: center;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">    padding: 5px;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"></style></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><script type='text/javascript'></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">//<![CDATA[</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">jQuery.cookie = function (key, value, options) {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">// key and at least value given, set cookie...</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">if (arguments.length > 1 && String(value) !== "[object Object]") {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">options = jQuery.extend({}, options);</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">if (value === null || value === undefined) {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">options.expires = -1;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">if (typeof options.expires === 'number') {</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">var days = options.expires, t = options.expires = new Date();</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">t.setDate(t.getDate() + days);</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">value = String(value);</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">return (document.cookie = [</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">encodeURIComponent(key), '=',</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">options.raw ? value : encodeURIComponent(value),</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">options.path ? '; path=' + options.path : '',</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">options.domain ? '; domain=' + options.domain : '',</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">options.secure ? '; secure' : ''</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">].join(''));</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">// key and possibly options given, get cookie...</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">options = value || {};</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">};</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">//]]></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"></script></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><script type='text/javascript'></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">jQuery(document).ready(function($){</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">if($.cookie('popup_facebook_box') != 'yes'){</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">$('#fbox-background')</span><span style="border: none; color: red; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">.delay(5000)</span><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">.fadeIn('medium');</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">$('#fbox-button, #fbox-close').click(function(){</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">$('#fbox-background').stop().fadeOut('medium');</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">});</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">}</span></b><b><span style="border: none; color: #6aa84f; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">});</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"></script></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><div id='fbox-background'></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><div id='fbox-close'></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"></div></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><div id='fbox-display'></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><div id='fbox-button'></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"></div></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">href=</span><span style="border: none; color: blue; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">https://www.facebook.com/pages/Bloggerdaddy/1234567890</span><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'</span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;">style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"><div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://blogerdaddy.blogspot.in/" rel="nofollow">Bloggerdaddy</a></div></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"></div></span></b><b><span style="background-color: #f7f7f7; color: #666666; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; line-height: 20px;"></div></span></b></blockquote>
<b><span style="font-family: monospace; white-space: pre-wrap;">4. Press the 'Save' button to add the widget to your blog. That's it!</span> </b><br />
<h2 style="text-align: left;">
<b><br /></b><span style="background-color: black; font-family: monospace; white-space: pre-wrap;"><span style="color: yellow; font-size: large;"><b>Customization</b></span></span></h2>
<div>
<span style="white-space: pre-wrap;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;">After adding the code, replace the address in blue</span></b></span></div>
<div>
<span style="white-space: pre-wrap;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div>
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="border: none; color: blue; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">https://www.facebook.com/pages/Bloggerdaddy/1234567890 </span><span style="white-space: pre-wrap;">with your site's facebook page URL.</span></span></b></div>
<div>
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><br /></span></span></b></div>
<div>
<span style="white-space: pre-wrap;"><span style="font-family: "arial" , "helvetica" , sans-serif;">The widget will appear 5 seconds after the page finishes loading. If you want to change this delay, change the number 5000 to a greater or lesser number in this part:</span></span></div>
<blockquote class="tr_bq">
<span style="white-space: pre-wrap;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></span><span style="background-color: #f7f7f7; color: red; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; font-style: italic; line-height: 20px;"><b>.delay(5000)</b></span></blockquote>
</div>
<br />
<br />
<li>By default, the like box only shows up the first time the user visits your page.  If you would like the Facebook box to popup every time the page loads, then remove this line of code:</li>
<br />
<blockquote class="tr_bq">
<span style="color: #6aa84f;">$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });</span></blockquote>
<ul>
<li>If you want to display only when user visits your homepage, go to 'Template' > hit the 'Edit HTML' button on the right side and search by clicking anywhere inside the code area and pressing the CTRL + F keys for this tag:</li>
</ul>
<style>.post-body ul li{list-style-type: square;}</style>

<br />
<blockquote class="tr_bq">
</body> </blockquote>
Paste the facebook popup widget right above the body tag and make sure to include the conditional tags below:<br />
<blockquote class="tr_bq">
&lt;b:if cond='data:page.type == "index"'&gt;<span style="color: #3d85c6;">ADD THE FACEBOOK WIDGET CODE HERE </span>&lt;/b:if&gt;</blockquote>
After saving your work, you can test out your new feature by returning to one of your old posts which should bring up a little popup widget asking if you'd like to join the site's facebook page. <br />
<br />
If you don't see the Facebook Like Box on the page, you may need to delete your cookies or check out the 'Customization' section above in order to display the widget every time a user visits your site. Once this widget is added to your site, all your hard work should start to translate into an increase in web traffic and number of Facebook fans.</div>

Widgets Facebook Popup Like Box Widget For Blogger

How to Add the Facebook popup Like Box Widget 1. Log into your Blogger account and select your blog > go to 'Layout' &a...