Blog Tricks Center

Add Automatic "Read More" Button Blogger Tricks

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: x-large;"><b><i>Add Automatic "Read More" Button Blogger Tricks</i></b></span></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<div style="text-align: left;">
<span style="font-size: large;"><i>Add Automatic Read More Button in Blogger: Although it's not a Big Deal that How To Add Read More Button in Blogger but some new bloggers can't fix this Problem and they are randomly searching for this hack. Let me elaborate it for you People , this is not as hard as "mesothelioma trial attorney " this word .This Hack just add "read more" option in every post. Actually you may have seen in some Blogger Templates that when you post some contents , it just show the whole contents i.e article from Start to the end but this Hack will wind up the article and will not show the whole article but read more button will be present there.So let's add this read more button in blogger.</i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_10fDvG2rMghbkjAMKBWfW3QfMG87NRAdPxi3umFLC1wTwkyzh-3Qt-5PtVY5JbTO6xWeGgLRZ-NAdshMOWjZaB1b7CjeTwA7FlG1wZ8QCfMJh9HIj-3Q4_elG1va0ixuISeGkZT5zXT/s1600/thatsblogging-readmore.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_10fDvG2rMghbkjAMKBWfW3QfMG87NRAdPxi3umFLC1wTwkyzh-3Qt-5PtVY5JbTO6xWeGgLRZ-NAdshMOWjZaB1b7CjeTwA7FlG1wZ8QCfMJh9HIj-3Q4_elG1va0ixuISeGkZT5zXT/s1600/thatsblogging-readmore.jpg" /></a></div>
<span style="font-size: large;"><i><b>How To Add Automatic "Read More" Button/Hack In Blogger</b></i></span><br />
<br />
<ul style="text-align: left;">
<li><i style="font-size: x-large;">Go To Blogger Dashboard</i></li>
<li><i style="font-size: x-large;">EDIT HTML</i></li>
<li><i style="font-size: x-large;">Now Press CTRL+F and Search for </head></i></li>
<li><i style="font-size: x-large;">Now Copy the below Script and paste it above </head> tag.</i></li>
</ul>
<div>
<span style="font-size: large;"><i><b> CODES ARE UPDATED WORKING 100%</b></i></span></div>
<br />
<div>
<span style="font-size: large;"><b><i><script type='text/javascript'></i></b></span></div>
<div>
<span style="font-size: large;"><i></i></span><br />
<div style="font-weight: bold;">
<span style="font-size: large;"><i>var thumbnail_mode = "no-float" ;</i></span></div>
<span style="font-size: large;"><i>
<div style="font-weight: bold;">
summary_noimg = 400;  /* Summary length if no image*/</div>
<div style="font-weight: bold;">
summary_img = 300; /* Summary length with image*/</div>
<div style="font-weight: bold;">
img_thumb_height = 200; /*Image Height*/</div>
<div style="font-weight: bold;">
img_thumb_width = 200; /*Image Width*/</div>
<div style="font-weight: bold;">
</script></div>
<div style="font-weight: bold;">
<script type='text/javascript' src='http://iamifti.com/readmore_thatsblogging.js' ></script></div>
<div style="font-weight: bold;">
<br /></div>
<div>
<div>
<ul style="text-align: left;">
<li><i><div style="display: inline !important;">
<div style="display: inline !important;">
You can change the number in red to your desire number. If a post doesn't have images then the length of the summary will be surely 500. If a post contains image, then of course the text length will be 450, And the 1st image that will be displayed will have these dimensions: width= 120, and height= 100.</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="6839278135" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>
</i></li>
<li><i><div style="display: inline !important;">
<div style="display: inline !important;">
Now Search for <data:post.body/></div>
</div>
</i></li>
<li><i><div style="display: inline !important;">
<div style="display: inline !important;">
Now Copy the Below Script and replace the above mentioned script with the below Script</div>
</div>
</i></li>
</ul>
<div>
<div>
<b><b:if cond='data:blog.pageType == &quot;item&quot;'></b></div>
<div>
<b><data:post.body/></b></div>
<div>
<b><b:else/></b></div>
<div>
<b><b:if cond='data:blog.pageType == &quot;static_page&quot;'></b></div>
<div>
<b><data:post.body/></b></div>
<div>
<b><b:else/></b></div>
<div>
<b><div expr:id='&quot;summary&quot; + data:post.id'></b></div>
<div>
<b><data:post.body/></b></div>
<div>
<b></div></b></div>
<div>
<b><script type='text/javascript'></b></div>
<div>
<b>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</b></div>
<div>
<b></script></b></div>
<div>
<b><div style='clear: both;'/></b></div>
<div>
<b><span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more...</a></span><a href="http://thatsblogging.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVYIWd7kVfw4AN44SJOudxI81HYTatf-3Wywi3OlPJzSnvBequyumsVS4mhkOj_sabqQucD9y5liJoLZd4LB9FJwo3Sty5yrnBW0elaRaeCVkWOMroel16pqKTkphhKhBjsM_aipAkZvY/s1600/1x1juice.png"></a></b></div>
<div>
<b></b:if></b></div>
<div>
<b></b:if></b></div>
</div>
</div>
</div>
<div>
<ul style="text-align: left;">
<li><i><div style="display: inline !important;">
<div style="display: inline !important;">
Now Save template and that's it ;)</div>
</div>
</i></li>
</ul>
</div>
<div>
<br /></div>
</i></span></div>
<span style="font-size: large;"><i></i></span></div>

Add Automatic "Read More" Button Blogger Tricks Add Automatic Read More Button in Blogger: Although it's not a Big De...

AdSense Ads Not Showing On my Website (blog) - Problem Solved

22:13 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: x-large;"><b><i>AdSense Ads Not Showing On my Website (blog) - Problem Solved</i></b></span></div>
<div style="text-align: left;">
<span style="font-size: large;"><i>AdSense Ads Not Showing On HomePage: It happens when you are new to Blogging and  AdSense world.The Problem is your AdSense ads will not be displayed on the home page of your blog or website.Actually it's not a big problem but you have to set your blog preferences.And that's all the secret behind fixing this Problem.</i></span></div><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-8616135883183169"
     data-ad-slot="6839278135"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQg1lFfiZpcTeRn1XqiEvTzYJ-lfKT3CEW6b1pBoe6weyLfwpuJEN_9i_JzAPiIh1DwUV0ejMFsdrvQZObr_YOtiT3ACtIEy6GmDWg7ykncCJgu0hDThSrcOfYE6Bjk386JBi6_g3-0vXv/s1600/ad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQg1lFfiZpcTeRn1XqiEvTzYJ-lfKT3CEW6b1pBoe6weyLfwpuJEN_9i_JzAPiIh1DwUV0ejMFsdrvQZObr_YOtiT3ACtIEy6GmDWg7ykncCJgu0hDThSrcOfYE6Bjk386JBi6_g3-0vXv/s1600/ad.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<b><span style="font-size: large;">How To Fix This Problem</span></b></div>
<div class="separator" style="clear: both;">
</div>
<ul style="text-align: left;">
<li><span style="font-size: large;">Go To Blogger Dashboard </span></li>
<li><span style="font-size: large;">Click On Settings</span></li>
<li><span style="font-size: large;">Click On Preferences</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo8JurNOTLXDex1_hs-cZjao2FnsOfGySlbXS2Q11n4OtGEwzF8DiXkFpSWGuL56kTfEILuC7e6k3J0dlx04853eLJv_0uKydwtwPEtmL6mjXc9C760uAZuQpoh9twAelUa8GxReD2CibA/s1600/CliCK.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo8JurNOTLXDex1_hs-cZjao2FnsOfGySlbXS2Q11n4OtGEwzF8DiXkFpSWGuL56kTfEILuC7e6k3J0dlx04853eLJv_0uKydwtwPEtmL6mjXc9C760uAZuQpoh9twAelUa8GxReD2CibA/s1600/CliCK.PNG" width="400" /></a></div><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-8616135883183169"
     data-ad-slot="7224714538"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div>
<span style="font-size: large;"><br /></span></div>
<br />
<br />
<ul style="text-align: left;">
<li><i style="font-size: x-large;"> Now Just Scroll Down little below</i></li>
<li><i style="font-size: x-large;">You will see the below area called Meta Tags as shown</i></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3HW9608GOlzwywvtTi90PC4OM4yaIYvwTLwnIgu7f0b8EB4HVnCJs1c38juhbtgDD2-7JOruFMB_VK7nO7bk-ZzP36Mhp1Csoe6FSo0gRh3Ax9rqTiyi36yBwzPSX7_hwquG9fmVhuPis/s1600/YeS.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3HW9608GOlzwywvtTi90PC4OM4yaIYvwTLwnIgu7f0b8EB4HVnCJs1c38juhbtgDD2-7JOruFMB_VK7nO7bk-ZzP36Mhp1Csoe6FSo0gRh3Ax9rqTiyi36yBwzPSX7_hwquG9fmVhuPis/s1600/YeS.PNG" width="640" /></a></div>
<br />
<div>
<ul style="text-align: left;">
<li><i style="font-size: x-large;">Now Enable Search Description (click on yes) and give a little description about your blog.</i></li>
<li><i style="font-size: x-large;"><div style="display: inline !important;">
That's it</div>
</i></li>
</ul>
</div>
<div>
<span style="font-size: large;"><i><div>
So What's Up : You may have search alot about this problem ,every one is explaining it in it's own way but the solution is here.Stay Blessed , Happy Blogging!</div>
</i></span></div>
<span style="font-size: large;"><i></i></span></div>

Ads Not Showing Adsense Ads not appearing on my Website Adsense ads not showing Adsense Ads Not Showing in Blogger Blogger Tricks Can't see my AdSense FIXED! Adsense Ads not Showing AdSense Ads Not Showing On my Website (blog) - Problem Solved

AdSense Ads Not Showing On my Website (blog) - Problem Solved AdSense Ads Not Showing On HomePage: It happens when you are new to Bloggi...

Blogger Secrets - Create Sitemap For Blogger

06:56 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: x-large;"><i><b>Blogger Secrets - Create Sitemap For Blogger</b></i></span></div>
<div style="text-align: center;">
<span style="font-size: x-large;"><i><b><br /></b></i></span></div>
<span style="font-size: large;"><i>Sitemap is a list of pages Of a Blog or Website which enables the Search Engine Crawlers to crawl the blog/website pages.Actually there are two types of Sitemap.</i></span><br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<span style="font-size: large;"><i><br /></i></span>
<span style="font-size: large;"><i><b>XML Sitemap</b></i></span><br />
<span style="font-size: large;"><i><b>HTML Sitemap</b></i></span><br />
<span style="font-size: large;"><i><b><br /></b></i></span>
<br />
<span style="font-size: large;"><i>XML Sitemap is actually a structured format which a user can't see i.e it may be in the coding of Template or hidden. But the bonus point of this Sitemap is they tell the search Engines for crawling the web pages while on the other side HTML Site-Map are specially designed for the users to enable them to find content on your Blog/website,this visitors and Search Engine Bots find the pages of such Site-mapped blog.</i></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgafJYuiiS6WKdA84Q2Cypb4hsrESdOVyBjAK8UKoSX4sdal6pGMiEWbcT8r83yB8OuFlqZhr7a1RGvv_CAiASotY0p7lTd4lqT1j-RU4jeEeUSIjS6hnM-yHVKpEEghP9CnpSIJdq3XSVu/s1600/sitemap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgafJYuiiS6WKdA84Q2Cypb4hsrESdOVyBjAK8UKoSX4sdal6pGMiEWbcT8r83yB8OuFlqZhr7a1RGvv_CAiASotY0p7lTd4lqT1j-RU4jeEeUSIjS6hnM-yHVKpEEghP9CnpSIJdq3XSVu/s1600/sitemap.png" width="640" /></a></div>
<span style="font-size: large;"><i><b>How To Create Sitemap For Blogger</b></i></span><br />
<br />
<ul style="text-align: left;">
<li><i style="font-size: x-large;">All you have to do is making a new page in your Blog</i></li>
<li><i style="font-size: x-large;">After Creating a Page Click On The Pages</i></li>
<li><i style="font-size: x-large;">And Then Click On The Page you have Created</i></li>
<li><i style="font-size: x-large;">Now There will be two Option at the left-most side i.e Compose/HTML</i></li>
<li><i style="font-size: x-large;">Simply Click On HTML</i></li>
<li><i style="font-size: x-large;">Now Copy the Below Script and paste it there</i></li>
</ul>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="6839278135" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<br />
<div>
<span style="font-family: Verdana, sans-serif; font-size: large;"><i><div dir="ltr" style="text-align: left;" trbidi="on"></i></span></div>
<div>
<span style="font-size: large;"><i></i></span><br />
<div style="font-family: Verdana, sans-serif;">
<span style="font-size: large;"><i><script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js"></script><script src="http://blogtrickscenter.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></i></span></div>
<span style="font-size: large;"><i>
<div style="font-family: Verdana, sans-serif;">
</div></div>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<div>
<div>
<span style="font-family: Georgia, Times New Roman, serif;">Change "http://blogtrickscenter.blogspot.com" with your Blog Name!</span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif;">Now Save The Pages Section</span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif;">And That's it.</span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif;">So What's Up:- Adding Sitemap to Blog which certainly enable the Search Engine Crawlers to crawl  your Blog Contents as a result you may get high rank and traffic,Share your beautiful ideas with us,Stay Blessed,Happy Bloggging!</span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif;">Easy Way To Create Sitemap For Blogger</span></div>
</div>
</i></span></div>
<span style="font-size: large;"><i></i></span></div>

Blogger Tricks Generate Blogger Sitemap How to create sitemap for Blogger blog How To Submit Blogger Sitemap improve crawling rate Sitemap Generator Blogger Secrets - Create Sitemap For Blogger

Blogger Secrets - Create Sitemap For Blogger Sitemap is a list of pages Of a Blog or Website which enables the Search Engine Crawlers t...

Cool Advertise Here Text with Hover Effect - Blog Widgets

06:41 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: x-large;"><b>Cool Advertise Here Text with Hover Effect - Blog Widgets</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRgHHm00L0VQWyIqSKVxbN1m2DmzHdfhMI6OlwNyS3W8Wk9hXgGtBI-qKntdsThO4v-TkegLdD2hkxRuMkHc-1w9_zxADni-bFZneodumu7Ctdp9RV4w1y3Ow5WNinu5V3WstcXeD2YCMd/s1600/baw.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="361" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRgHHm00L0VQWyIqSKVxbN1m2DmzHdfhMI6OlwNyS3W8Wk9hXgGtBI-qKntdsThO4v-TkegLdD2hkxRuMkHc-1w9_zxADni-bFZneodumu7Ctdp9RV4w1y3Ow5WNinu5V3WstcXeD2YCMd/s1600/baw.PNG" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-size: x-large;"><b><br /></b></span></div>
<div style="text-align: left;">
<span style="font-size: large;"><i>Keeping Affiliate and Link Selling in view the Ad which will be placed on your site should be an attractive One.Visitors really like creativity and awesomeness of any thing in Your Web Log,it is a common problem these days that every Blogger who Place ads in his/her blog is really a dull One.In This regards,we gonna help you to add a significant Style Advertise Banner which will surely help you to get some bounty from visitors and you will get alot of chances to get advertisement from different Companies.</i></span></div>
<span style="font-size: large;"><i><b>How To Add Cool Advertise Here Text With Hover Effect</b></i></span><br /><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-8616135883183169"
     data-ad-slot="7224714538"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<br />
<ul style="text-align: left;">
<li><i style="font-size: x-large;">Go To Blogger Dashboard.</i></li>
<li><i style="font-size: x-large;">Click On Layout</i></li>
<li><i style="font-size: x-large;">Click On Add a Widget at the Right Side-bar</i></li>
<li><i style="font-size: x-large;">A Box will Pops-up</i></li>
<li><i style="font-size: x-large;">Select HTML/JavaScript</i></li>
<li><i style="font-size: x-large;">Copy the Below Script and paste it over there</i></li>
</ul>
<div>
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><i><style>#text{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);color:#FFF!important;font-family:arial;font-size:60px;font-weight:300;letter-spacing:-5.5px;line-height:45px;text-align:center;margin:20px 10px}#text a{color:#333;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 7px #AAAAAA, -1px -1px #000;text-transform:lowercase;-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0}#text a:hover{-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 100px transparent, -1px -100px transparent;color:transparent}inf{color:#d2a}#text a:focus,#text a:active{color:#eee!important;-moz-transition:all 0 ease-in-out!important;-o-transition:all 0 ease-in-out!important;-kmoz-transition:all 0 ease-in-out!important;-webkit-transition:all 0 ease-in-out!important}</style><div id="text" class="rent"><a href="URL" target="blank"><blink>&#8669;</blink> Here is a free space.<br />Contact <inf>α&#8574;мїη for more information</inf><blink>&#8668;</blink></a></div></i></span></div>
<div>
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><i><br /></i></span></div>
<br />
<div>
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><i><b>Note: </b>Change "URL" to the link of the Page where you want to redirect the visitors when they click the ad.Now Just hit Save and that's it ! Ask any Question freely ;) We are here to Solve Your Problems,Happy Blogging!</i></span></div>
<div>
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><div>
<i>Cool Advertise Here Text with Hover Effect</i></div>
<div>
<i>Last Reviewed by Iftikhar on July 31 2013</i></div>
<div>
<i>Rating: 4.5</i></div>
<div style="font-style: italic;">
<br /></div>
</span></div>
<br />
<div>
<span style="font-size: large;"><i><br /></i></span></div>
<br />
<span style="font-size: large;"><i></i></span></div>

Add Mouseover Animated Advertise Here Add Stylish Social Sharing Widget Best Advertise Here Text Blogger Widgets Floating Social Media Widget With Mouse Hover Effect Cool Advertise Here Text with Hover Effect - Blog Widgets

Cool Advertise Here Text with Hover Effect - Blog Widgets Keeping Affiliate and Link Selling in view the Ad which will be placed on ...

Add Cool Drop Down Menu in Blogger Widget Collection

06:29 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b><span style="font-size: x-large;">Add Cool Drop Down Menu in Blogger Widget Collection</span></b></div>
<div style="text-align: left;">
<i><span style="font-size: large;">Drop Down Navigation Menu For Blogger : You may have seen many drop-down menus but today "ThatsBlogging" will present you an incredible Drop Down menu , which is really a magnificent drop down menu.Actually it is developed by the combination of CSS with HTML . Beautiful Colors combinations are used which makes it more significant drop down menu.Actually , drop down menu makes your blog navigative and easy to expand.This drop down menu is very stylish which means your Blog Beauty will increase by adding this menu.Moreover this menu will not slow your blog loading speed. </span></i></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq3s5eY_uSH7mIHES6dPIF8KkSRYLN5utIFfJcDcPvq-CIQyiJDBQaC30CAfdV_rEtMNaFx6SWcMmBTl5cCDII41ZZT9RPoxUzi6id8qs9vT1wSc__9OUHRoMjtJ70DKNah5VDDquL5Tpc/s1600/drop-down-thatsblogging-menu.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq3s5eY_uSH7mIHES6dPIF8KkSRYLN5utIFfJcDcPvq-CIQyiJDBQaC30CAfdV_rEtMNaFx6SWcMmBTl5cCDII41ZZT9RPoxUzi6id8qs9vT1wSc__9OUHRoMjtJ70DKNah5VDDquL5Tpc/s1600/drop-down-thatsblogging-menu.PNG" width="640" /></a></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="9792744538" style="display: inline-block; height: 90px; width: 120px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span style="font-size: large;"><i><b>How To Add Cool Drop Down Menu In Blogger</b></i></span><br />
<br />
<ul style="text-align: left;">
<li><i style="font-size: x-large;">Go To Blogger Dashboard</i></li>
<li><i style="font-size: x-large;">Click On Template</i></li>
<li><i style="font-size: x-large;">Edit HTML</i></li>
<li><i style="font-size: x-large;">Search For </header></i></li>
<li><i style="font-size: x-large;">Copy the Below Script and Add it below the Closing Header tag ( </header>)</i></li>
</ul>
<br />
<span style="font-size: large;"><i><br /></i></span>
<span style="font-size: large;"><i><div id='menubor'></div><center><ul id='menu'></i></span><br />
<span style="font-size: large;"><i><li><a class='hmlink' href='#'>Home</a></li></i></span><br />
<span style="font-size: large;"><i><li><a class='winlink' href='#'>Blogger Templates</a></li></i></span><br />
<span style="font-size: large;"><i><li><a class='maclink' href='#'>Blogger Widgets</a></li></i></span><br />
<span style="font-size: large;"><i><li><a class='andlink' href='#'>How To Tuts</a></li></i></span><br />
<span style="font-size: large;"><i><li><a class='gamlink' href='#'>Privacy Policy</a></li></i></span><br />
<span style="font-size: large;"><i><li><a class='seclink' href='#'>Guest Post</a></li></i></span><br />
<span style="font-size: large;"><i><li><a class='linlink' href='#'>About</a></li></i></span><br />
<span style="font-size: large;"><i></ul></center></i></span><br />
<span style="font-size: large;"><i><style></i></span><br />
<span style="font-size: large;"><i>#menu li {               </i></span><br />
<span style="font-size: large;"><i> display: inline;               </i></span><br />
<span style="font-size: large;"><i> list-style: none;               </i></span><br />
<span style="font-size: large;"><i> padding: 0;           </i></span><br />
<span style="font-size: large;"><i> }                   </i></span><br />
<span style="font-size: large;"><i><br /></i></span>
<span style="font-size: large;"><i> #menu li a {                                 </i></span><br />
<span style="font-size: large;"><i> padding: 15px 20px 15px 20px;               </i></span><br />
<span style="font-size: large;"><i> text-decoration: none;               </i></span><br />
<span style="font-size: large;"><i>  color:white;</i></span><br />
<span style="font-size: large;"><i>  font-family: 'Noto Serif', serif;</i></span><br />
<span style="font-size: large;"><i>-moz-box-shadow: inset 0 0 13px -2px #000;</i></span><br />
<span style="font-size: large;"><i>-webkit-box-shadow: inset 0 0 13px -2px #000;</i></span><br />
<span style="font-size: large;"><i>box-shadow: inset 0 0 13px -2px #000;</i></span><br />
<span style="font-size: large;"><i>  font-size:18px;</i></span><br />
<span style="font-size: large;"><i>  -webkit-border-bottom-right-radius: 10px;</i></span><br />
<span style="font-size: large;"><i>-webkit-border-bottom-left-radius: 10px;</i></span><br />
<span style="font-size: large;"><i>-moz-border-radius-bottomright: 10px;</i></span><br />
<span style="font-size: large;"><i>-moz-border-radius-bottomleft: 10px;</i></span><br />
<span style="font-size: large;"><i>border-bottom-right-radius: 10px;</i></span><br />
<span style="font-size: large;"><i>border-bottom-left-radius: 10px;</i></span><br />
<span style="font-size: large;"><i>  transition: padding-bottom .666s;</i></span><br />
<span style="font-size: large;"><i>-webkit-transition: padding-bottom .666s;</i></span><br />
<span style="font-size: large;"><i>-moz-transition: padding-bottom .666s;</i></span><br />
<span style="font-size: large;"><i>-o-transition: padding-bottom .666s;</i></span><br />
<span style="font-size: large;"><i>-ms-transition: padding-bottom .666s;</i></span><br />
<span style="font-size: large;"><i>  </i></span><br />
<span style="font-size: large;"><i>  </i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i> #menu li a:hover {                                 </i></span><br />
<span style="font-size: large;"><i><br /></i></span>
<span style="font-size: large;"><i>  padding-bottom:20px;</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>.hmlink{</i></span><br />
<span style="font-size: large;"><i>  background:#24459A;</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>.winlink{</i></span><br />
<span style="font-size: large;"><i>  background-color: rgba(9,173,217,1);</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>.maclink{</i></span><br />
<span style="font-size: large;"><i>  background-color: rgba(108,109,112,1);</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>  .weblink{</i></span><br />
<span style="font-size: large;"><i>    background:#EEEE00;</i></span><br />
<span style="font-size: large;"><i>    color:black;</i></span><br />
<span style="font-size: large;"><i>  }</i></span><br />
<span style="font-size: large;"><i>.andlink{</i></span><br />
<span style="font-size: large;"><i>  background-color: rgba(149,191,43,1);</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>.gamlink{</i></span><br />
<span style="font-size: large;"><i>  background-color: rgba(212,2,43,1);</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>.seclink{</i></span><br />
<span style="font-size: large;"><i>  background-color: rgba(0,158,62,1);</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>.linlink{</i></span><br />
<span style="font-size: large;"><i>  background-color: rgb(123, 82, 138);</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>#menubor{</i></span><br />
<span style="font-size: large;"><i>  border-top:1px solid black;</i></span><br />
<span style="font-size: large;"><i>  margin-bottom:-1px;</i></span><br />
<span style="font-size: large;"><i>}</i></span><br />
<span style="font-size: large;"><i>  .header-outer{</i></span><br />
<span style="font-size: large;"><i>    padding-bottom:20px;</i></span><br />
<span style="font-size: large;"><i>  }</i></span><br />
<span style="font-size: large;"><i></style></i></span><br />
<span style="font-size: large;"><i><br /></i></span>
<span style="font-size: large;"><i><b>Changes</b></i></span><br />
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<br />
<ul style="text-align: left;">
<li><i style="font-size: x-large;">For Changing the Links Replace # with your Own Links and the Anchor text with your desired text</i></li>
<li><i style="font-size: x-large;">That's it , Save Your template and have fun !</i></li>
<li><i style="font-size: x-large;">If you are interested in adding extra <li> options for that add  <li><a class='desiredword' href='#'>text</a></li> between <ul> and </ul> tags.</i></li>
<li><i style="font-size: x-large;">After implementing the above step ,  you have to define the class in CSS for that define the class between the style container and hit save.</i></li>
<li><i style="font-size: x-large;">If you have any Question ask it freely !! Stay Blessed , Happy Blogging !</i></li>
</ul>
<br />
<i><span style="font-size: large;"></span></i></div>

Add Dropdown Menus to Blogger Blogger Drop Down Menu tips Blogger Tricks Blogger Widgets Create a Drop Down Menu In Blogger How to add Menu Bars to Blogger Add Cool Drop Down Menu in Blogger Widget Collection

Add Cool Drop Down Menu in Blogger Widget Collection Drop Down Navigation Menu For Blogger : You may have seen many drop-down menus but ...

Avada - Responsive Multi-Purpose WordPress Templates

06:21 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<i><b><span style="font-size: x-large;">Avada - Responsive Multi-Purpose WordPress Templates</span></b></i></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<br />
<div style="text-align: center;">
<span style="font-size: large;"><i><br /></i></span></div>
<span style="font-size: large;"><i>Avada - Responsive Multi-Purpose WordPress Theme : IF you want to start or you are running a website in WordPress  and you haven't checked this theme out ! Then you are at the dark age .... Yes Dark age , Actually avada theme is developed for multi-purpose websites niche i.e you can use it for your commerce website.If not interested in the mentioned niche you can start another niche website , Avada never force you to just stick to a specific niche and specific design. Avada Provides you alot of opportunities to customize the outlook of your theme , you can customize the background section.You can also play with the Advanced Options , Mega Menus , Unlimited colors , Page Parallax , Page Builders and visual effects of this theme.Due to it's Clean design and well documentation it has become the number one selling WordPress theme.More then One lac users are using this theme for different type of websites. Ranging from design and functionality Avada present SEO ready package for the users which will surely help you in getting a massive number of traffic to your website. There are many incredible features of Avada , the most important and cool thing is that it is fully responsive template . Moreover this theme comes with Premium Sliders , 5 header designs , A visual Page Builder , WooCommerce Compatibility , and SEO optimized scripts.This theme provides you option to customize the width of your site to your desired pixels , so you are not compelled to just a fixed width.There are beautiful two option one is dark and another is light skin , you can change to your desire one very easily.At the Contact section amazing contact form is present via which your customers or clients can contact you very smoothly easily.There are 500+ Google fonts present in this theme , you can also apply and upload custom fonts. Avada theme is Built with HTML5 & CSS3, a lot of thought and care went into this theme making it a pleasure to use. Avada has a ton of incredible user reviews and lots of awesome features.You can get the live demo and download link below in the download section.</i></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw5hWW4Dmnwtj3VZnwRr1LeDhySu9x9Kv5MEWg4ZV2mII3AEDZeAOe5cKBeZH6KW0CWRK3cwxcYywcFZg3LAvniPXrix8s5-RwMyfJCMDY14QFrvV86W-iAtX3X-i2TZecIwxJOyxyM2FZ/s1600/AvadaThemeWP.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw5hWW4Dmnwtj3VZnwRr1LeDhySu9x9Kv5MEWg4ZV2mII3AEDZeAOe5cKBeZH6KW0CWRK3cwxcYywcFZg3LAvniPXrix8s5-RwMyfJCMDY14QFrvV86W-iAtX3X-i2TZecIwxJOyxyM2FZ/s1600/AvadaThemeWP.jpg" width="640" /></a></div>
<span style="font-size: large;"><i><br /></i></span>
<span style="font-size: large;"><i>Avada - Responsive Multi-Purpose WordPress Theme Features</i></span><br />
<span style="font-size: large;"><i>Fusion Core Plugin</i></span><br />
<span style="font-size: large;"><i>Mega Menu Built-in</i></span><br />
<span style="font-size: large;"><i>Full Control of Site Width</i></span><br />
<span style="font-size: large;"><i>Custom Backgrounds</i></span><br />
<span style="font-size: large;"><i>WooCommerce Compatible</i></span><br />
<span style="font-size: large;"><i>CSS3 Animations</i></span><br />
<span style="font-size: large;"><i>Dark and Light Skins</i></span><br />
<span style="font-size: large;"><i>Unlimited Colors / Skins</i></span><br />
<span style="font-size: large;"><i>Advanced Header Options</i></span><br />
<span style="font-size: large;"><i>Crips Vector Font icons</i></span><br />
<span style="font-size: large;"><i>Form Plugin Options</i></span><br />
<span style="font-size: large;"><i>SEO Base Built-In</i></span><br />
<span style="font-size: large;"><i>Clean, modern, multi-purpose design can be used for any type of website</i></span><br />
<span style="font-size: large;"><i>The Ultimate Multi-Purpose WordPress Theme</i></span><br />
<span style="font-size: large;"><i>WordPress 4.0 Tested and Approved, and compatible with WP 3.2+</i></span><br />
<span style="font-size: large;"><i>WordPress Multi-Site (WPMU) Tested and Approved</i></span><br />
<span style="font-size: large;"><i>Built with HTML5 and CSS3</i></span><br />
<span style="font-size: large;"><i>SEO Optimized, Great SEO base already built-in (compatible with SEO Plugins like Yoast)</i></span><br />
<span style="font-size: large;"><i>Well organized, commented & clean code</i></span><br />
<span style="font-size: large;"><i>Cross-Browser Compatibility: FireFox, Safari, Chrome, IE8, IE9, IE10, IE11</i></span><br />
<span style="font-size: large;"><i>100% Responsive Theme – and you can easily turn it on or off</i></span><br />
<span style="font-size: large;"><i>Easy to use Fusion Builder, a visual page builder</i></span><br />
<span style="font-size: large;"><i>Full control over site width; content area and sidebars</i></span><br />
<span style="font-size: large;"><i>Retina Ready, Ultra-High Resolution Graphics</i></span><br />
<span style="font-size: large;"><i>Social Icons and Theme Icons are Font Icons, no Images</i></span><br />
<span style="font-size: large;"><i>Automatic Theme Updater</i></span><br />
<span style="font-size: large;"><i>Dual sidebars throughout the theme</i></span><br />
<span style="font-size: large;"><i>1-6 Column Support</i></span><br />
<span style="font-size: large;"><i>One Page Parallax feature for any page</i></span><br />
<span style="font-size: large;"><i>CSS3 animations enable or disable on desktop/mobile</i></span><br />
<span style="font-size: large;"><i>Child Theme Compatible – includes basic child theme!</i></span><br />
<span style="font-size: large;"><i>Strong focus on typography, usability and overall user-experience</i></span><br />
<span style="font-size: large;"><i>Super-Enhanced Performance For Viewers</i></span><br />
<span style="font-size: large;"><i>Amazingly Cool jQuery Enhancements</i></span><br />
<span style="font-size: large;"><i>Includes the Font Awesome icon set, fully integrated</i></span><br />
<span style="font-size: large;"><i>60 Layered PSD’s for customization</i></span><br />
<span style="font-size: large;"><i>Compatible with Ubermenu (uber does not support sticky headers)</i></span><br />
<span style="font-size: large;"><i>Compatible with Many Popular Plugins</i></span><br />
<div style="text-align: center;">
<span style="font-size: large;"><i><a href="http://themeforest.net/item/avada-responsive-multipurpose-theme/full_screen_preview/2833226" target="_blank">Demo</a></i></span></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="9792744538" style="display: inline-block; height: 90px; width: 120px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><i><a href="http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226" target="_blank">Download</a></i></span></div>
</div>

Avada | Responsive Multi-Purpose Theme Avada Responsive download link Avada v3.8.2 download Download Avada 3.1.1 Responsive here Responsive Multi-Purpose Theme Responsive templates Avada - Responsive Multi-Purpose WordPress Templates

Avada - Responsive Multi-Purpose WordPress Templates Avada - Responsive Multi-Purpose WordPress Theme : IF you want to start or y...

Responsive Storyteller Blogger Template

05:49 Dinesh Soni 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<i><b><span style="font-size: x-large;">Responsive Storyteller Blogger Template</span></b></i></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-M831uW-Vnwz3EIjf4u4FUzjKrEh7mr75IZZW0fNQJNtxt0hmw1YunSpciAjed7egwVr1fL1vJxeVN055FGlYS6QOmb0dD7bE1n7dWdbakiAzM5DySjd9i_9zNoF3_jH_QQMdHoIzuyjO/s1600/Storyteller+Responsive.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-M831uW-Vnwz3EIjf4u4FUzjKrEh7mr75IZZW0fNQJNtxt0hmw1YunSpciAjed7egwVr1fL1vJxeVN055FGlYS6QOmb0dD7bE1n7dWdbakiAzM5DySjd9i_9zNoF3_jH_QQMdHoIzuyjO/s1600/Storyteller+Responsive.jpg" width="640" /></a></div>
<div style="text-align: center;">
<span style="font-size: large;"><i><br /></i></span></div>
<span style="font-size: large;"><i>Minimalist theme for personal blogs is ready for download now. You have all the needed features in this blogger template as all our other blogger themes have. Included documentation file will help you in easy installation of the template in your blog.</i></span><br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span style="font-size: large;"><i><br /></i></span>
<span style="font-size: large;"><i>Features Of Nature Magazine Blogger Template</i></span><br />
<span style="font-size: large;"><i>Responsive Layout</i></span><br />
<span style="font-size: large;"><i>Responsive Navigation Menu</i></span><br />
<span style="font-size: large;"><i>Bootstrap Framework</i></span><br />
<span style="font-size: large;"><i>Crafted with CSS3 and jQuery</i></span><br />
<span style="font-size: large;"><i>Search Engine Optimization</i></span><br />
<span style="font-size: large;"><i>Random Post Widget</i></span><br />
<span style="font-size: large;"><i>Ads Ready</i></span><br />
<span style="font-size: large;"><i>Well Documentation</i></span><br />
<span style="font-size: large;"><i>Recent Posts For Each Post Page</i></span><br />
<span style="font-size: large;"><i>Threaded Comments</i></span><br />
<span style="font-size: large;"><i>Author Profile Below Each Posts</i></span><br />
<span style="font-size: large;"><i>Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)</i></span><br />
<span style="font-size: large;"><i>Professional admin layout, help you easy work with blog layout.</i></span><br />
<span style="font-size: large;"><i><br /></i></span>
<span style="font-size: large;"><i>Hilangkan tanda centang sebelum mendownload / Uncheck the "Use our download manager and get recommended downloads"</i></span><br />
<div style="text-align: center;">
<span style="background-color: white; color: #484848; font-family: 'playfair display', sans-serif; letter-spacing: 0.800000011920929px; line-height: 24px;"><b><span style="font-size: large;"><br /></span></b></span></div>
<div style="text-align: center;">
<span style="color: #484848; font-family: playfair display, sans-serif; font-size: large;"><span style="background-color: white; letter-spacing: 0.800000011920929px; line-height: 24px;"><b><a href="http://storyteller-veethemes.blogspot.in/" target="_blank">Demo</a></b></span></span></div>
<div style="text-align: center;">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="6839278135" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span style="color: #484848; font-family: playfair display, sans-serif; font-size: large;"><span style="background-color: white; letter-spacing: 0.800000011920929px; line-height: 24px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://www.datafilehost.com/d/09afa44c" target="_blank"><span style="color: #484848; font-family: playfair display, sans-serif;"><span style="background-color: white; letter-spacing: 0.800000011920929px; line-height: 24px;">D</span></span><span style="letter-spacing: 0.800000011920929px; line-height: 24px; text-align: left;"><span style="color: #484848; font-family: playfair display, sans-serif;">ownload</span></span></a></span></b></div>
</div>

new best Responsive Blogger templates Responsive Blogger templates collection Responsive blog themes Responsive templates Story Teller Blogger template top Responsive Blogger templates Responsive Storyteller Blogger Template

Responsive Storyteller Blogger Template Minimalist theme for personal blogs is ready for download now. You have all the needed featur...