tag:blogger.com,1999:blog-53692728558740443802024-03-13T14:14:27.450-07:00ExE BloggerA Blog about Blogger Widgets, Blogger Templates, Blogger Tricks, Blogging Tips, SEO Tips, Making Money Online Tips. Also Send Free SMS to Any Network in Pakistan. Just visit My Blogger Skills and Enjoy these Amazing Services.ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.comBlogger33125tag:blogger.com,1999:blog-5369272855874044380.post-90519548786999194672013-10-19T09:01:00.001-07:002013-10-19T09:23:31.277-07:00How to Claim/Verify Your Blogger Blog on Alexa.com<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVr6xFSF_z0gxQgd-eqDTNGHRpncnD59_lNJzGleRXVN2ybMFPg7yCRBgLmgixYoSDG3Rbqtsd4ZNOwqsL1_RZezPuyX2NKbGAeYBo-hHwIL6stw5nJMBBQp9g4Ygt00u6O307IP96xQ0/s1600/Verify+blog+on+Alexa.com.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Verify Blogger Blog on Alexa.com" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVr6xFSF_z0gxQgd-eqDTNGHRpncnD59_lNJzGleRXVN2ybMFPg7yCRBgLmgixYoSDG3Rbqtsd4ZNOwqsL1_RZezPuyX2NKbGAeYBo-hHwIL6stw5nJMBBQp9g4Ygt00u6O307IP96xQ0/s1600/Verify+blog+on+Alexa.com.png" title="Verify Blogger Blog on Alexa.com" /></a></div>
<span style="font-family: Verdana, sans-serif;">Alexa is a Global leader in web analytics . The official website of alexa is alexa.com . It is under the Amazon company .Alexa is the top tool for bloggers who are starting their carrier through blogging. Alexa.com is the top most tool to check website ranking. Being is blogger you must need to improve your alexa ranking because it shows the authority of your blog/website and even advertisers also check your alexa ranking to know about your blog traffic and page views before buying an ad space on your blog. Ranking under 100K is really good which shows the value of your blog. The first step to improve your ranking is to claim your site on alexa and submit your blog details. Alexa have its own systems that index new sites in their database but submitting your site manually is the best way to improve alexa ranking. Here is the tutorial on how to submit blog in alexa. Let’s start the tutorial.</span><br />
<a name='more'></a></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How to Claim your Blog or Website On Alexa</span></h3>
<span style="font-family: Verdana, sans-serif;">Follow the steps to submit your website in alexa:</span><br />
<div style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Visit <a href="http://alexa.com/">Alexa.com</a> and create an account.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now log in to your account. If you don’t want to create new account then you can also log in with your facebook account.</span></li>
</ul>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn_HE98pQSBcsDah_FUP4mGNqwFbbeB3SaQIGZFrhnSK7cByZrxKoylLwiGL1Wx9Y_RSF9ibl8UD9Y0kRX8KBHNKs4bfSS6KPBwic5CoMyVp4a9eSXv3b68yTT1X_VR5EpaZTdXz093To/s1600/Login+with+Your+Alexa+Account.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Login on Alexa.com" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn_HE98pQSBcsDah_FUP4mGNqwFbbeB3SaQIGZFrhnSK7cByZrxKoylLwiGL1Wx9Y_RSF9ibl8UD9Y0kRX8KBHNKs4bfSS6KPBwic5CoMyVp4a9eSXv3b68yTT1X_VR5EpaZTdXz093To/s1600/Login+with+Your+Alexa+Account.png" title="Sign-Up or Login with Facebook" /></a></div>
<span style="font-family: Verdana, sans-serif;"><span id="goog_1415535915"></span><span id="goog_1415535916"></span><br /></span></div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul>
<li><span style="font-family: Verdana, sans-serif;">Now go to alexa <a href="http://www.alexa.com/siteowners/claim" rel="nofollow" target="_blank">site owner page</a>.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now enter your blog/website domain name and click on Claim Your Site button as shown in below screenshot.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOEgHUsnzNdt2N74tWzdpS8KWa18SNRBj7llMxsUtYPUkpdQNrGygRk_7veL7068mpJbfvwiyACODUP4wA5Wq5kuWknhcb-Uk5G1Ja96XgLU4eorCEkUDPBw_5PTPOAdPbwfVIhp55lho/s1600/Claim+Your+Site+(2).png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="claim your site on alexa.com" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOEgHUsnzNdt2N74tWzdpS8KWa18SNRBj7llMxsUtYPUkpdQNrGygRk_7veL7068mpJbfvwiyACODUP4wA5Wq5kuWknhcb-Uk5G1Ja96XgLU4eorCEkUDPBw_5PTPOAdPbwfVIhp55lho/s1600/Claim+Your+Site+(2).png" title="Claim Your Site" /></a></div>
<div>
<br /></div>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul>
<li><span style="font-family: Verdana, sans-serif;">On the next page you will get all the plans and prices that alexa offers. As being a blogger I recommend you to choose Free plan. Click on Sign Up button under “Free Plan”.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPPpjj9dUY38UD_XFwfFFSuqCT8osCtTuB6RJ8ZWhWXlMUKELfFZbNudahgnHUBUqMjdhP2QD5js3wiDke-SNXxPnqVyfLum1EoDQs_btPhm7a7Il1dNn4iCvewsp68uLkmnKdEIXcAo/s1600/Signup+Alexa.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Claim your site on alexa" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPPpjj9dUY38UD_XFwfFFSuqCT8osCtTuB6RJ8ZWhWXlMUKELfFZbNudahgnHUBUqMjdhP2QD5js3wiDke-SNXxPnqVyfLum1EoDQs_btPhm7a7Il1dNn4iCvewsp68uLkmnKdEIXcAo/s1600/Signup+Alexa.png" title="Choose Alexa Plan" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
</div>
<div style="text-align: justify;">
<br />
<ul>
<li><span style="font-family: Verdana, sans-serif;">Once you click on sign up button, on the next page you will see two verification options. For Blogger use 2nd Option.</span></li>
</ul>
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqrW5RoUCbaXvoiJgMLaJnABwNDxNeolR6naVz5EBoPswxLNEAH_zv8CLlwVV-5MedxMKPitQnVO3eqjvdl3ch26DBb5ONoDBxZ7mtJXRyjLqeYCM5u5BKMDzFonNf_WK51p3cTVty53Q/s1600/Alexa+meta+tag.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Verify Blogger Alexa Meta Tag" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqrW5RoUCbaXvoiJgMLaJnABwNDxNeolR6naVz5EBoPswxLNEAH_zv8CLlwVV-5MedxMKPitQnVO3eqjvdl3ch26DBb5ONoDBxZ7mtJXRyjLqeYCM5u5BKMDzFonNf_WK51p3cTVty53Q/s1600/Alexa+meta+tag.png" title="Verify Blogger Alexa Meta Tag" /></a></div>
<br /></div>
<div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">If you are a blogspot user then choose Option 2 and add a meta tag in your blog template under section. Before adding meta tag please backup your blog template.</span></li>
</ul>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Adding verification id meta tag to your blogger blog</span></h3>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Open your blogger dashboard.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Select your blog.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Select Template option.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Select <b>Edit HTML</b> option.</span></li>
<li><span style="font-family: Verdana, sans-serif;">In the template code paste the copied meta tag code just below the <b><head></b> and <b>save</b> the template. </span></li>
</ul>
<br />
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-z5FN72t0mLmnHL26SQR309bQ9e4H5dthPcJ4e4SizEexYZMlJOFquMRyn0Z0W6ekuxsFi9KfAAaqvnAOkv_TnvNJtk5cUYOAV1LB3JkPeQyN4wWqx1oVa0YdyIzCAABHESkPBeUEJYg/s1600/Alexa+Meta+Tag+in+Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Alexa.com Blogger Verification" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-z5FN72t0mLmnHL26SQR309bQ9e4H5dthPcJ4e4SizEexYZMlJOFquMRyn0Z0W6ekuxsFi9KfAAaqvnAOkv_TnvNJtk5cUYOAV1LB3JkPeQyN4wWqx1oVa0YdyIzCAABHESkPBeUEJYg/s1600/Alexa+Meta+Tag+in+Blogger.png" title="Add Coding Below <head> tag" /></a></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">After adding meta tag in your blog, go back to alexa and click on “<b>Verify my ID</b>” button.</span></li>
<li><span style="font-family: Verdana, sans-serif;">If everything is right, you will receive a confirmation message like below picture.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyphenhyphenvFQ8qrwt6RI5Qi2Qr2EOaPT9x_47tRNe_gjoqsoEiirWTTk_Is1lUR3yb5p5ljZiuzVicTRxf7N844gOc78J0rVHB2oECPifIUxYJ88u2DhS7UgvrQToVw3b8OIYOzTMqACIASGDYw/s1600/Alexa+Verify+ID.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Alexa.com Site Successfully Claimed" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyphenhyphenvFQ8qrwt6RI5Qi2Qr2EOaPT9x_47tRNe_gjoqsoEiirWTTk_Is1lUR3yb5p5ljZiuzVicTRxf7N844gOc78J0rVHB2oECPifIUxYJ88u2DhS7UgvrQToVw3b8OIYOzTMqACIASGDYw/s1600/Alexa+Verify+ID.png" title="Alexa.com Site Successfully Claimed" /></a></div>
<div>
<br /></div>
</div>
<div style="text-align: justify;">
<ul>
<li><span style="font-family: Verdana, sans-serif;">Click on continue to add your site details. Fill all the details like your site title and description, alexa rank in country and fill your public contact information.</span></li>
<li><span style="font-family: Verdana, sans-serif;">You are done!</span></li>
</ul>
</div>
<div style="text-align: justify;">
<h4>
<span style="font-family: inherit;">Final Words!</span></h4>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">This was all about how to claim site / blog on alexa. If you want to improve your alexa ranking then submit you site in alexa today. Please leave your valuable feedback and comments about this tutorial. Thanks! Happy Blogging!</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com11tag:blogger.com,1999:blog-5369272855874044380.post-76176175773337454282013-10-16T07:19:00.001-07:002013-10-16T07:34:49.694-07:00How to Find Your Post's Secret ID Number in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1rxf4klfEEoQZ7clRlSsRlVZDKpN-nBDJqJ5y-sKcALN8FmOFjo-xLlGSezA0WMJYDop4NUufjkkJ81SkWx4MQ6eJHm2fTybTRzILT9TtcldKDOmzFkljnBIrc36nUAVTizfWdayJNLw/s1600/Blogger+Post+Secret+ID+Number.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Find Your Post's Secret ID Number in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1rxf4klfEEoQZ7clRlSsRlVZDKpN-nBDJqJ5y-sKcALN8FmOFjo-xLlGSezA0WMJYDop4NUufjkkJ81SkWx4MQ6eJHm2fTybTRzILT9TtcldKDOmzFkljnBIrc36nUAVTizfWdayJNLw/s1600/Blogger+Post+Secret+ID+Number.png" height="200" title="How to Find Your Post's Secret ID Number in Blogger" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;">Every post published on your blog has a Unique
Identification number (in short ID). Though, most of the time you do not have
to care about these post ID numbers, but at the same time it could be accessible
in applying different kind of CSS or other expressions to a definite post
without smearing the same CSS to the respite of the others. It can used to give
a unique kind of individuality of a specific post. In this editorial, we will
show you How to Find Your Secret Post ID Number in Blogger.</span><br />
<a name='more'></a></div>
<span style="font-family: Georgia, Times New Roman, serif;"><span style="text-align: justify;"><b><br /></b></span></span>
<span style="font-family: Georgia, Times New Roman, serif;"><span style="text-align: justify;"><b>Read Also</b>: </span><a href="http://exeblogger.blogspot.com/2013/09/Change-the-Default-Language-of-Blogger.html">How to Change the Default Language of Blogger Dashboard</a>
</span><br />
<br />
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The main thing you must to do is to login into your
Blogger.com account and head over to the dashboard area. Now from the list of
your blogs below your account, go to your <b>Blog</b> >> <b>Posts</b> which will let
you to access the list of your posts.<o:p></o:p></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5b2EgG0o3PcPrGzTaC9M_Z_aOCIj3Ze5pEme1J0oHw6I6D9prHtIqC70AcKQNXfp9-TdnmRqtdgBfPx6PIdvVM9UbX6aweR38ghwd5MNPIv8w0jMBsZUTgK6Oxm_ZoGcCdJMKQQT4ceA/s1600/Blogger+Posts+Lists.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Find Your Post's Secret ID Number in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5b2EgG0o3PcPrGzTaC9M_Z_aOCIj3Ze5pEme1J0oHw6I6D9prHtIqC70AcKQNXfp9-TdnmRqtdgBfPx6PIdvVM9UbX6aweR38ghwd5MNPIv8w0jMBsZUTgK6Oxm_ZoGcCdJMKQQT4ceA/s1600/Blogger+Posts+Lists.png" title="Blogger Posts List" /></a></span></div>
<br />
<div class="MsoNormal" style="text-align: justify;">
<o:p><span style="font-family: Verdana, sans-serif;"><br /></span></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Now you will see a list of posts that are published on your
blog. To find the ID of these posts, you have to click the “<b>Edit</b>” button placed
just under the title of each post. After clicking the “Edit” button, you will
be capable to see the HTML Editor that is used to edit/create your posts, but
that’s not the catch.<o:p></o:p></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZX2NfvuY9jdugsSHSPbNE6ansfgZEXDkfhIAnnVDN66z2hvSi0AY8ipzMzlJRNtxB6CxBj3l7IaL7yBuyn64IvytKsvLNd7P9mFBYisHbpPIkBl5mHLmvpUkEocwmE56VG8QT0nmHL78/s1600/Blogger+Blogspot+Posts+Lists.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Find Your Post's Secret ID Number in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZX2NfvuY9jdugsSHSPbNE6ansfgZEXDkfhIAnnVDN66z2hvSi0AY8ipzMzlJRNtxB6CxBj3l7IaL7yBuyn64IvytKsvLNd7P9mFBYisHbpPIkBl5mHLmvpUkEocwmE56VG8QT0nmHL78/s1600/Blogger+Blogspot+Posts+Lists.png" title="Click on Edit Button of Specific Post" /></a></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">If you check the URL in the address bar of the browser
towards the end of the address you would see nearly like this
</span><span style="font-family: Georgia, Times New Roman, serif;"><b>postID==XXXXXXXXXXXXXXXXXXX</b></span><span style="font-family: Verdana, sans-serif;"> where the "X's" characterizes your Post's
ID. For more broad information, check out the below given screenshot.<o:p></o:p></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN2r0Rrckpce4gYzlXD7PMvOLDbGfCoRseA8vya0o9pmwkX-5qdwp0JuGaNT-JNPASA8yCqbDAWMtuow_UFnE-iBKzXuuvTFxd5TVHDwkViV5uMfOEPGFHp77sQ9VFWkUO9fexBu_2cSM/s1600/Blogger+Post+Secret+ID+Number.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Post's Secret ID Number in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN2r0Rrckpce4gYzlXD7PMvOLDbGfCoRseA8vya0o9pmwkX-5qdwp0JuGaNT-JNPASA8yCqbDAWMtuow_UFnE-iBKzXuuvTFxd5TVHDwkViV5uMfOEPGFHp77sQ9VFWkUO9fexBu_2cSM/s1600/Blogger+Post+Secret+ID+Number.png" title="Post's Secret ID Number in Blogger" /></a></span></div>
<br />
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The Number ID has 19 digest codes, so before you use them
make assured that you are copying the right numbers in the particular arrangement.<o:p></o:p></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">We hope this minor tutorial has facilitated you in learning
how to find your Secret Post ID number in blogger. In our upcoming tutorials,
we will be coaching you how you can use these ID numbers to add some additional
undercurrents to your blog. If you like this article, feel free to share it on
Facebook and on the web.</span><o:p></o:p></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com2tag:blogger.com,1999:blog-5369272855874044380.post-30917062754509281522013-10-13T22:08:00.000-07:002013-10-13T22:22:46.569-07:00How to Change the Number of Posts Displayed on Blogger Main Page<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEXJ0oJFf26A7z638Y4TKjoy8WjYIfD7HIfnNjXxkckhC91sbCkTdFGrlXvLqlnWXzQw6ZaRmAXOAV8h7-1XXQf1bpSSNUondBrRZ-AW9_Kxa44t3xv4epOJEGT37GbY3kjQyBtevPAw/s1600/How+to+Change+the+Number+of+Posts+Displayed+on+Blogger+Main+Page.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Change the Number of Posts Displayed on Blogger Main Page" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEXJ0oJFf26A7z638Y4TKjoy8WjYIfD7HIfnNjXxkckhC91sbCkTdFGrlXvLqlnWXzQw6ZaRmAXOAV8h7-1XXQf1bpSSNUondBrRZ-AW9_Kxa44t3xv4epOJEGT37GbY3kjQyBtevPAw/s1600/How+to+Change+the+Number+of+Posts+Displayed+on+Blogger+Main+Page.png" title="How to Change the Number of Posts Displayed on Blogger Main Page" /></a></div>
<span style="font-family: Verdana, sans-serif;">Changing number of posts which display on blogger home page play a vital role in Search Engine Optimization. Because if we did this mistake to show large number of posts on home page in blogger blog then chances are higher that your blog will automatically compel on loading time which will surely discourage our readers, visitors and also great difference in traffic. So this concluded that we should show minimum number of posts on blogger homepage, so the loading time of blog decreases and get fast access even through slow internet connection. So one of our user have asked how to display specific number of post to display on home page in blogger blog. Today In this post I will show you How to Edit or Change Number of posts displayed in blogger Homepage.</span><br />
<a name='more'></a></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Why to Display Minimum Posts on Main Page of Blogger?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">You might have listened that excess of everything is harmful, So always keep in mind do not compel your blog on loading time for page-views to display large number of posts. Lot of the people show maximum posts to increase the page views rate but it is totally wrong in the eyes of Search Engine and also effect your Page Rank. If possible keep your posts from 5-7 posts on your home page. It would give splendid result and get faster blog loading time. So it concluded to display several posts on home page if someone want to have successful blog.</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How to Change Number of Posts on Home Page in Blogger</span></h3>
<div style="font-family: Verdana, sans-serif; text-align: justify;">
To change number of posts on blogger homepage is not difficult job. I would show you some simple and easy steps to to this. Just foolow below mentioned steps and enjoy:</div>
<div style="font-family: Verdana, sans-serif; text-align: justify;">
<br /></div>
<div>
<ul style="font-family: Verdana, sans-serif;">
<li>Go To <b>Blogger Dashboard</b>,</li>
<li>Click on Your Desire Blog,</li>
<li>Go to to <b>Settings</b> Tab,</li>
<li>Click on <b>Posts and Comments</b>,</li>
<li>Now write <b>Number of Posts</b> you want to display,</li>
<li>Now click on <b>Save Setting</b>, You done almost.</li>
</ul>
<div style="font-family: Verdana, sans-serif;">
See this image for More Help:</div>
<div class="separator" style="clear: both; font-family: Verdana, sans-serif; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhre2kVSkjvx1sQ1caKfNRaRt85RRFM13B_xqehuK2Axdo1t7YuYxx5BGtrtdmQFn-rfUKfQ11_2sHh0_KBAyEkdNRVl1BdHoioUSq4PBe0Kr6Lb95l9kQFW84L_vSJaes_7cxHbBJr_Zg/s1600/How+to+Change+the+Number+of+Posts+Displayed+on+Blogger+Main+Page.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Change the Number of Posts Displayed on Blogger Main Page" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhre2kVSkjvx1sQ1caKfNRaRt85RRFM13B_xqehuK2Axdo1t7YuYxx5BGtrtdmQFn-rfUKfQ11_2sHh0_KBAyEkdNRVl1BdHoioUSq4PBe0Kr6Lb95l9kQFW84L_vSJaes_7cxHbBJr_Zg/s1600/How+to+Change+the+Number+of+Posts+Displayed+on+Blogger+Main+Page.png" title="Settings>> Posts & Comments>> Number of Posts>> Save Settings" /></a></div>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<div style="font-family: Verdana, sans-serif;">
<b>Note</b>: Please keep number of Posts between 5-7<br />
<br /></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Did You Like These Boxes?</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">I think you will like this tutorial. I hope you will like it and use it in your blog posts. Any problem appears in the tutorial then feel free to ask in the comments. Also share your views about this post in comments. Take a lot of care till the next tutorial.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-15204492502422352622013-10-12T07:33:00.001-07:002013-10-16T07:24:07.449-07:00Add Social Buttons With Hover Effects Widget for Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOQfArfbcDTknvfAhhvABGOR28vPyXUEo9ozLo4RiVmgEyZCaZIi-ueiIDS968fgEXXcyOgy8HX85RaUlw_jZtlaCxFw-gfGwOWm5WG9T6aGnyVeKyQyvVzrfk-HB6Y8VhrrwEwzpl8HA/s1600/How+To+Add+Social+Buttons+With+Hover+Effects+In+Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add Social Buttons With Hover Effects Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOQfArfbcDTknvfAhhvABGOR28vPyXUEo9ozLo4RiVmgEyZCaZIi-ueiIDS968fgEXXcyOgy8HX85RaUlw_jZtlaCxFw-gfGwOWm5WG9T6aGnyVeKyQyvVzrfk-HB6Y8VhrrwEwzpl8HA/s1600/How+To+Add+Social+Buttons+With+Hover+Effects+In+Blogger.png" height="320" title="Add Social Buttons With Hover Effects Widget for Blogger" width="193" /></a></div>
<span style="font-family: Verdana, sans-serif;">As we all are well aware of the fact that, <a href="http://exeblogger.blogspot.com/search/label/Google" rel="nofollow" target="_blank">Google</a> is playing foremost role is killing all the traffic of a website by rolling out back to back algorithm updates. Due to which, almost 50 percent of bloggers are trying to utilize social networking websites to boost their traffic. For that reason recently, we released Floating <a href="http://exeblogger.blogspot.com/search/label/Social%20Media" rel="nofollow" target="_blank">Social Media</a> tab widget which proved to be the greatest hit of all time. Since, it’s the Thanks Giving weekend, so we decided to share yet another fabulous looking social buttons that will add a new life to your blog. It is sleek and stylish plus it has entire new look which will attract readers. So today, in this article we will be sharing How to Add Social Buttons with Hover Effects in Blogger.</span></div>
<div style="text-align: justify;">
<br />
<br />
<br />
<a name='more'></a><br /></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Where This Social Buttons With Hover Will Appear:</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Many of our visitors complained that there is no such Social widget that could be used in the Sidebar. Therefore, keeping those views in mind we have designed a Social Bookmarking Widget which can be used in the sidebar. It has five Social buttons which includes Pinterest, Facebook, Google Plus, Twitter and RSS Feed. Take a look at the following demo. </span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div align="center">
<span id="demo"><a href="http://sahidemolab.blogspot.com/" target="_blank">Social Buttons With Hover Effects(LIVE DEMO)</a></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How To Create Social Buttons With Hover Widget in Blogger:</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Just like our other tutorials, the steps which are mention below, are ideally made for those who are new bloggers. It will hardly take 5 minutes to complete the integration. Just follow the following instructions. </span></div>
<div style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Go to Blogger.com >> Layout >> Add a Gadget.</span></li>
<li><span style="font-family: Verdana, sans-serif;">In the List Select Edit HTML/JavaScript.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now in the HTML Text box paste the Following Coding.</span></li>
</ul>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;">/* --- ExEBlogger Social Hover Buttons Plugin For Blogger --- */ <div id="eXe-social-hover"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="tota2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhanCGYnGLML2_IsIWFsMEQek8B0PGGMny0Mycv1-spKp5JgszqJPCTvyZOjwakpVBIDyxqQIxelGBHSNfrksdI2-UuGTCdREZlkFhZgfUEgVihkDCjzn4n4T2J97NieQKOeKvalBabx9E/s1600/SUB-BAN.png" /></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div id="links"><a href="<span style="background-color: cyan;">http://twitter.com/exeblogger</span>" class="twitter" title="Twitter" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDjl8uW7btmw2J_rOk8f4xYmC7jJ2RIe1yL2TkavPMP-3U5radgXD2uRZ_QrPPFm1BcCa_R3GIWsiR6nlx9VtkIYMfzcQvPCBWssD0xIJdHQ52CfII-5oIftJ4q50_x0MxONgQ6UoRMc/s1600/twitter.png" /></div></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="<span style="background-color: #3d85c6; color: white;">http://www.facebook.com/exeblogger</span>" class="facebook" title="Facebook" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEias_6ftd47vE2Pc543x79_U1PmhI1C2NJl_DyQF65CWdwXrnj6_uxTJdXfblJbXWCB8cDZ3fk6IHGL_fXO4ZWMfvFUW0SViSe3Q8gl_fWDkM6tRcWUdX2mFAd10E5W8G-JD_Cm1AYVnXo/s1600/FB.png" /></div></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="<span style="background-color: #38761d; color: white;">https://plus.google.com/u/0/100327270919452499620</span>" class="google" title="Google Plus" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsugQJxt8ZTt5Y-UhLxuaWVJf3E5WqWlouTtX6NIzHXJsMPtj26XVP_cKWArH4pEEk2EoY6O0CMZd56SBypcshocwfeOw2ZagcmmmO-lntPXuYsYjj6YwK_LLrOHB_AVeNJWue0UznQt0/s1600/google.png" /></div></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="<span style="background-color: #cc0000;"><span style="color: white;">http://pinterest.com/fosterzone/</span></span>" class="pinterest" title="Pinterest" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNHh4Tsut3uxQwbfwa3w-PxlL11AFtJASg1_lnl8dw1-jJO66HCFqt2V4PW8VopCiQu8hs4dw2CEmzCr3OwqeGmYBXWCN_6y_MPxlhNYFzTjAAPZDio1p_Je-39c50RhfDB1PXTmSpMoQ/s1600/pin.png" /></div></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="<span style="background-color: #f1c232;">http://feeds.feedburner.com/exeblogger</span>" class="rss" title="Feedburner" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh15zXg1w1mpSpaIM0jSxKH2WE0LWJkuYQsJ_ZiDCp9bhdnZ3VgRdLdQCzc0mybqvPHk5PwRKzgS4L_zZhCkdfM8QULYqDQdZrD3JzGN3mhhb7J5EyqipKEBO-bQWLerkmsVBfNn47l1g/s1600/rss.png" /></div></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><style></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.tota2 { margin-left:15px; margin-top:10px;}.tota { margin-top:7px; }#eXe-social-hover{position:relative;width:240px;height:400px;background:#554e4c url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ6t7nt3B6-zkKfNWCME9PMR5AoKLKPSyWwcXPgQoDHhT5zL-DwdSGlTEEXcO2l7AcxAUYiPriMwtq0L_mbs-igEzymU_VOfXTdJEV7xfsYFypJYkI9GyApexud2Vm6WiJhKYFQKOxgPg/s1600/vintage.png");}#eXe-social-hover #title{font-family:'Open sans';font-size:28px;color:#fff;font-weight:600;margin:30px 20px 0;text-align:center;line-height:1.1em;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}#eXe-social-hover #title span{display:block;font-size:14px;line-height:1.5em;margin-top:10px;font-weight:400;}#eXe-social-hover #links{position:absolute;bottom:0;width:100%;}#eXe-social-hover a{display:block;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:12px;background:rgba(0,0,0,0.08);border-top:1px solid #4c4644;border-top:1px solid rgba(0,0,0,0.1);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}#eXe-social-hover a:hover{background:rgba(0,0,0,0.15);text-decoration:none;}#eXe-social-hover a.twitter:hover{background:#79dbff;}#eXe-social-hover a.facebook:hover{background:#6e9bee;}#eXe-social-hover a.google:hover{background:#00be00;}#eXe-social-hover a.pinterest:hover{background:#cb2027;}#eXe-social-hover a.rss:hover{background:#ffae42;}#eXe-social-hover a span{height:15px;line-height:15px;width:15px;text-align:center;margin-right:20px;font-size:13px;padding:5px;border-radius:99px;background:rgba(0,0,0,0.1);}#home-tagline{text-align:center;font-size:32px;color:#000;font-weight:300;margin:60px 0 40px;}#home-tagline strong{color:#ff5421;font-weight:300;}#home-highlights{margin-bottom:40px;}.home-highlight{float:left;width:142px;padding:30px 0;margin-right:21px;text-align:center;font-size:13px;display:block;opacity:0.9;color:#796f6c;font-size:40px;background:#e2e0df;background:rgba(0,0,0,0.04);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.home-highlight p{margin:0;}.home-highlight:hover{color:#3a3534;text-decoration:none;background:rgba(0,0,0,0.1);}.home-highlight-title{font-size:13px;margin:7px 0 0;text-align:center;color:#796f6c;cursor:pointer;font-weight:900;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.home-highlight:hover .home-highlight-title{color:#3a3534;}#home-featured{min-height:400px;margin-bottom:37px;}#home-featured .home-divider{margin-top:0;}#home-featured h2{text-align:center;font-size:32px;color:#161414;font-weight:300;margin:0 0 40px;}#home-featured h2:after{display:block;content:"";width:342px;margin:0 auto;height:1px;background:#161414;margin-top:5px;}.featured-theme-entry-content{font-size:16px;float:left;width:430px;font-weight:300;}.featured-theme-entry-content h3{font-size:21px;line-height:1.4em;margin:0;font-weight:400;}.featured-theme-entry-content .button{margin-top:15px;}.featured-theme-entry-content .button:hover{background:#f5634a;opacity:1;}.featured-theme-entry-img{display:block;float:right;margin-right:5px;}.featured-theme-entry-img a{display:block;padding:6px;background:#fff;border-radius:2px;}#featured-theme-slider .flex-control-nav{position:absolute;top:-20px;left:-54px;}#featured-theme-slider .flex-direction-nav{margin:0;}#featured-theme-slider .flex-direction-nav li a{background:#312d2c;cursor:pointer;display:block;height:70px;line-height:70px;width:30px;color:#fff;text-align:center;margin:-30px 0 0;position:absolute;top:50%;-moz-transition:background 0.3s ease-in-out 0s;opacity:0.15;border-radius:4px;}#featured-theme-slider .flex-direction-nav li .flex-prev{left:-90px;}#featured-theme-slider</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></style></span></blockquote>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Customization: </span></h3>
<div style="text-align: justify;">
<br />
<ul>
<li><span style="font-family: Verdana, sans-serif;">Replace </span><span style="background-color: #38761d; color: white; font-family: Verdana, sans-serif; text-align: start;">https://plus.google.com/u/0/100327270919452499620</span><span style="font-family: Verdana, sans-serif;"> with Google+ Profile URL.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace </span><span style="background-color: cyan; font-family: Verdana, sans-serif; text-align: start;">http://twitter.com/exeblogger</span><span style="font-family: Verdana, sans-serif;"> with Twitter Username.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace </span><span style="background-color: #f1c232; font-family: Verdana, sans-serif; text-align: start;">http://feeds.feedburner.com/exeblogger</span><span style="font-family: Verdana, sans-serif;"> with RSS Feed URL</span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace </span><span style="background-color: #cc0000; color: white; font-family: Verdana, sans-serif; text-align: start;">http://pinterest.com/fosterzone/</span><span style="font-family: Verdana, sans-serif;"> with Pinterest Profile URL.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace </span><span style="background-color: #3d85c6; color: white; font-family: Verdana, sans-serif; text-align: start;">http://www.facebook.com/exeblogger</span><span style="font-family: Verdana, sans-serif;"> with Facebook Page URL.</span></li>
</ul>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>All Done:</b> After customization, save the template by pressing Save button. That’s it, go ahead and check out the website to see the picture perfect results.</span><br />
<span style="font-family: Verdana, sans-serif;">Credits:<a href="http://www.mybloggerlab.com/" rel="nofollow" target="_blank">MBL</a></span></div>
</div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-35070191514791768882013-10-10T09:25:00.000-07:002013-10-10T23:48:45.215-07:00Stylish ExE Jquery Accordion Image Slider For Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1MVyD8rFB8WCSSPp7hL9yoRbmMqvZ08FXPaX-4Fi3x7-_RAMLZqfkojJ-vwmUcvs_eqU5pmeLSzYaKfH5X-fIcevwo5uJdQbUkjZKkbws6Oh3Ps9fzHlCGXUBLufQ95HbiN7cG4oMkdQ/s1600/slider.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Stylish ExE Jquery Accordion Image Slider For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1MVyD8rFB8WCSSPp7hL9yoRbmMqvZ08FXPaX-4Fi3x7-_RAMLZqfkojJ-vwmUcvs_eqU5pmeLSzYaKfH5X-fIcevwo5uJdQbUkjZKkbws6Oh3Ps9fzHlCGXUBLufQ95HbiN7cG4oMkdQ/s1600/slider.png" title="Stylish ExE Jquery Accordion Image Slider For Blogger" /></a></div>
<span style="font-family: Verdana, sans-serif;">The biggest headache of a Blogger is to <a href="http://exeblogger.blogspot.com/search/label/Template%20Customization" rel="nofollow" target="_blank">design his blog</a> in such a way that his visitors cannot continue without appreciating his hard work. This is too much beautifull Blogger image Slider. Have you ever seen an Accordion image slider that works whenever someone hovers over it? For <a href="http://exeblogger.blogspot.com/search/label/Wordpress%20Guide" rel="nofollow" target="_blank">WordPress</a> users, Accordion Slider is not new because it is a robust platform. Therefore, we have less efficiency of creating something out of this world, and unwillingly we have to depend entirely on HTML, CSS and JavaScript. However, after hours of coding our handwork finally paid off because we were able to create an Unleashed Accordion Image Slider for blogger adapted from WordPress. Today we will be integrating <a href="http://exeblogger.blogspot.com/" rel="nofollow" target="_blank">eXe</a> Accordion Features post <a href="http://exeblogger.blogspot.com/search/label/Images" rel="nofollow" target="_blank">image</a> slider to Blogger.</span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<br /></div>
<div align="center">
<span id="demo"><a href="http://mbldummy.blogspot.com/" target="_blank">LIVE DEMO</a></span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">What is Accordion Slider?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Majority of Webmasters don’t know what does Accordion means because the same word is also used for a musical instrument. However, an Accordion slider is a type of a widget that holds images together and gives an entire new look to your site. Moreover, it is a kind of JavaScript function that operates on hover.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Features of Unleashed Accordion Image Slider:</span></h3>
<div style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">It is built with high speed Jquery so no compromise on Site speed.</span></li>
<li><span style="font-family: Verdana, sans-serif;">You can easily customize it style according to your needs.</span></li>
<li><span style="font-family: Verdana, sans-serif;">It has multiple animated hover transactions.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Ability to add more than one slider on the same page.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Allows to add Six images with transparent background.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Works perfectly on multiple browsers i.e. Opera, Chrome, internet explorer and etc.</span></li>
</ul>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">How To Install It in Blogger:</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The steps are extremely straightforward and would hardly take 15 minutes to complete the integration so do as mentioned below.</span></div>
<div style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Go to Blogger.com >> Template >> Edit HTML >> Proceed.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now search for <b>]]></b:skin></b> and once you find it, just above it paste the following Styling code.</span></li>
</ul>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;">/* ExE Accordion Image Slider For Blogger (</span><span style="font-family: Verdana, sans-serif;">www.</span><span style="font-family: Verdana, sans-serif;">exeblogger.blogspot</span><span style="font-family: Verdana, sans-serif;">.com</span><span style="font-family: Verdana, sans-serif;">) */</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">wrapaccordion {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin-left: auto;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin-right: auto;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> width: <b><span style="color: #990000;">890px</span></b>;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_home{</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> left:0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> .Accordionlink { display:none !important;} </span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> </span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">over, #</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">over2, #</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">over3, #</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">over4, #</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">over5, #</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">over6 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> overflow:hidden;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> display:block;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:relative;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> display:inline-block;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> overflow: hidden;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> display:block;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> -moz-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> -webkit-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> cursor: pointer;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> float:left;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> display: inline-block;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> zoom: 1;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container img {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:relative;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background:rgba(1, 1, 1, 0.4);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> left:0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption p {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#FFF;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:12px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> line-height:1.6;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption h1 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#CCC;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-weight:normal;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin-bottom:5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> text-decoration:none;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_1 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> box-shadow:inset 0px 1px 0px 0px #ffffff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, </span><span style="font-family: Verdana, sans-serif;">#ededed), color-stop(1, #dfdfdf) );</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', </span><span style="font-family: Verdana, sans-serif;">endColorstr='#dfdfdf');</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background-color:#ededed;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> -moz-border-radius:6px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> -webkit-border-radius:6px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border-radius:6px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border:1px solid #dcdcdc;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> display:inline-block;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> text-shadow:1px 1px 0px #ffffff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px 20px 20px 20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> left:0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_1 p {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#999;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:12px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> line-height:1.6;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_1 h1 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#666;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-weight:normal;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin-bottom:5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_1 a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> text-decoration:none;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_2 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background: #F03;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> left:0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px 20px 20px 20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border-right: 1px solid #FF8080;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border-bottom: 1px solid #FF8080;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_2 p {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#FFF;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:12px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> line-height:1.6;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_2 h1 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#EFEFEF;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin-bottom:5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_2 a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> text-decoration:none;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_3 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background: rgba(255, 255, 255, 0.7);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> left:0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px 20px 20px 20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border: 1px solid #fff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_3 p {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#666;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:12px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> line-height:1.6;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_3 h1 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#333;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin-bottom:5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_3 a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> text-decoration:none;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_4{</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> position:absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background: #111725 url(../images/top_2.png) top repeat-x;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> left:0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px 20px 20px 20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_4 p {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#FFF;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:12px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> line-height:1.6;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_4 h1 {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#CCC;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:Arial, Helvetica, sans-serif;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:0px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin-bottom:5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.caption_4 a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> text-decoration:none;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Then within the template search for </span><b style="font-family: Verdana, sans-serif;"></head></b><span style="font-family: Verdana, sans-serif;"> and just above it paste the following JavaScript coding.</span></li>
</ul>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script src='https://mybloggerlab.googlecode.com/files/jquery.unleash.min.js' type='text/javascript'/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script src='https://mybloggerlab.googlecode.com/files/jquery.animation.easing.js' type='text/javascript'/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script type='text/javascript'></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> $(window).load(function() {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> $('#</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">over').unleash({</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> duration: 700,</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> childClassName: '.</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container',</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> captionClassName: '.caption_home',</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> SliderWidth: '890px',</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> SliderHeight: '300px',</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> width: 590,</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> Event: "hover",</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> easing: "quadEaseOut",</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> captionEasing: "backEaseInOut",</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> CollapseOnMouseLeave: true,</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> CaptionAnimation: "pop-up"</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> });</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> });</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> </script></span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Save the template and half of your work is almost done.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now paste the following HTML Structure code where you want to show this Accordion Slider i.e. Layout >> Add a Gadget >> Add HTML/JavaScript >> and paste the following code.</span></li>
</ul>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><div class="</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">wrapaccordion"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div id="</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">over"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2idpnD0uxvZ-6KfCbld83CJiNyLouUfKk9NUtFa-BiHD5b0eNbg0LcOR4u-8hdpBWX4RkB1yhLQFR_ONKLpSalfClthhvJoudPl-zcwQuE80aC5oWpfUBDaVVwGS4huCHCauhhSZVo5MZ/s1600/b1.jpg"/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="caption_home"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="</span><b style="color: #e69138; font-family: Verdana, sans-serif;">Your-Post-URL</b><span style="font-family: Verdana, sans-serif;">"><img src="<b>Your-Image-Here</b>"/></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqgGZZIJrqRlf0d6LFaKp4tzBk5YeOszOQTP60UBUFbh04UxpFQvokf4Ab9YJhoXMhuA1KhfuiemyO-QZnhKRNd6VxfUUPoPceSG5GqMSOuuRkJ2XNrbHAkmCnCiVq9K_WaYEyIv74IWHz/s1600/b2.jpg"/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="caption_home"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="</span><b style="color: #e69138; font-family: Verdana, sans-serif;">Your-Post-URL</b><span style="font-family: Verdana, sans-serif;">"><img src="<b>Your-Image-Here</b>"/></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiox_qsh0qEBfvnt5E7wvDeHA9tZJtmgr1bBzO36OTV_EAisbaijkexKjt-YrwDbxOPyOntiIhFHxuS63ORodyL__R7SNrbo5DaK0mxZcqxOLq47SNLXZVdm4WjgI3mxlnLhzG23h7INPIb/s1600/b3.jpg"/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="caption_home"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="</span><b style="color: #e69138; font-family: Verdana, sans-serif;">Your-Post-URL</b><span style="font-family: Verdana, sans-serif;">"><img src="<b>Your-Image-Here</b>"/></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjrcpvkhaxOiR30bWW1N_4BB1jJd7J3m0seQCiViejoGhkfDxtfNDgVPk8dJhRe0qPmLMLX1rAOL9IWFFu8KnFZDTW5l9I2lc3bL27eIsF4Ki-StcJTAtFmUHkzFD6zhTkJUsPveDESrsX/s1600/b4.jpg"/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="caption_home"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="</span><b style="color: #e69138; font-family: Verdana, sans-serif;">Your-Post-URL</b><span style="font-family: Verdana, sans-serif;">"><img src="<b>Your-Image-Here</b>"/></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkdje7sFniLSTlmcq52ch_XV0_WjQP_Lserjpc6mDGT-drxM2Ju3V20HtzuCRFuor5DyjEFCvpS2aCfuAQUsKoIqr5YcVKBtaoYjNX4BuG5ACmMXJ3lC1SKYW2bfZbKnNsnobuIwIN1MU/s1600/b5.jpg"/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="caption_home"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="</span><b style="color: #e69138; font-family: Verdana, sans-serif;">Your-Post-URL</b><span style="font-family: Verdana, sans-serif;">"><img src="<b>Your-Image-Here</b>"/></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="</span><span style="font-family: Verdana, sans-serif;">ExE</span><span style="font-family: Verdana, sans-serif;">Container"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs4C7_CmLtpr0T5eIbV12tH31utxHgcFP98Q7xbCnMySkFTxSo9Z8OdTE5lHFJj9RsVEr4PfETccUlrBxO8ipz_bJ8JfYOSW3vpVCYcXFrRcxLwvCMwuxtncq_9GRdkhhHyjqvBfuaBvT5/s1600/b6.jpg"/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="caption_home"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><a href="<span style="color: #e69138;"><b>Your-Post-URL</b></span>"><img src="<b>Your-Image-Here</b>"/></a></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="Accordionlink"><a href="</span><span style="font-family: Verdana, sans-serif;">www.</span><span style="font-family: Verdana, sans-serif;">exeblogger.blogspot</span><span style="font-family: Verdana, sans-serif;">.com</span><span style="font-family: Verdana, sans-serif;">"></span><span style="font-family: Verdana, sans-serif;">ExE Blogger</span><span style="font-family: Verdana, sans-serif;"></a><div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><img alt="logo" class="logo" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCEi6N6zK7U7g6KdhfBfh1I5ont2FwwkXY1Bu8E0spsvhvVvCJVG3kJk9Gh3juCqxYDzV6cjOLkEzjM6evSZJmaGI2_Nb-BBp1jXVEhkW84RpJo5shjpIbjB-9wMH6Eso3A6i0MOpGjWjp/s1600/shadow_2.png" width="890px"/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="Accordionlink"><a href="</span><span style="font-family: Verdana, sans-serif;">www.</span><span style="font-family: Verdana, sans-serif;">exeblogger.blogspot</span><span style="font-family: Verdana, sans-serif;">.com</span><span style="font-family: Verdana, sans-serif;">"></span><span style="font-family: Verdana, sans-serif;">ExE Blogger</span><span style="font-family: Verdana, sans-serif;"></a><div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div></span></blockquote>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Customization:</span></h3>
<div style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Replace </span><b style="font-family: Verdana, sans-serif;">Your-Image-Here</b><span style="font-family: Verdana, sans-serif;"> with your featured images. </span><span style="color: red; font-family: Georgia, Times New Roman, serif;"><b>Remember:</b></span><span style="font-family: Verdana, sans-serif;"> Use Transparent images otherwise the background will be hidden and save it in PNG format.</span></li>
<li><span style="font-family: Verdana, sans-serif;">To change the width of your slider replace <b><span style="color: #990000;">890px</span></b> From CSS, JavaScript and HTML Structure coding. Remember: you have to change it Three times from the above coding.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace <b><span style="color: #e69138;">Your-Post-URL</span></b> with your specific URL that you want to target once your visitors will click certain image on accordion slider.</span></li>
</ul>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>All Done</b>: Once you have fully customized your slider go and save your Gadget. Now go ahead and visit your site to witness incredible unleashed accordion slider.</span></div>
<span style="font-family: Verdana, sans-serif;">Credits: <a href="http://www.mybloggerlab.com/" rel="nofollow" target="_blank">MBL</a></span></div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com2tag:blogger.com,1999:blog-5369272855874044380.post-81070766704875207182013-10-06T22:40:00.001-07:002013-10-06T22:59:00.145-07:00Add Facebook Sliding Like Box with JQuery to Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJYU59Zo4aiZ5XGNf2edFeYZfbxHxQah_skNUy74tkvIk5dwIVuyIgcbyvfB_8NtVdukLBahfnco16oNRsHpSRgZONPIupjaP0COvAkiczMZ5CFmUsCEtI8bg1gSMPri8kjLLqvHD8PQE/s1600/cats.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add Facebook Sliding Like Box with JQuery to Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJYU59Zo4aiZ5XGNf2edFeYZfbxHxQah_skNUy74tkvIk5dwIVuyIgcbyvfB_8NtVdukLBahfnco16oNRsHpSRgZONPIupjaP0COvAkiczMZ5CFmUsCEtI8bg1gSMPri8kjLLqvHD8PQE/s1600/cats.png" title="Add Facebook Sliding Like Box with JQuery to Blogger" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Today I will tell you How tom Add Sliding Facebook Like Box for Blogger. Facebook pop up like box now a days used by many bloggers and webmaster to increase their Facebook fan page traffics in short period of time.Facebook pop up like box gain popularity day by day and it becomes a well known Facebook widget in 2013. You might have observed that now a days every one every webmaster and bloggers promote theirs blog website in different ways and styles. Many of them use this widget and it will surely increase your Facebook Fan page traffics.</span></div>
<a name='more'></a><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">This widget is widely used by many bloggers and webmasters to promote and increase the facebook fan page popularity. facebook pop up like box created in javascript, <b>CSS</b>, <b>HTML</b> and <b>JQuery</b></span></div>
<div style="text-align: justify;">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
.desc { display: none; padding: 5px; border: solid black 2px; background-color:#efefef; }
.select {border: 2px solid black; background-color:#7ce7fc; padding:5px; margin-top:5px; font-size:25px;}
.select img {float:right; margin: -10px 10px 5px -60px;}
</style>
<br />
<div class="select">
For Live Demo Click Here ======================><img onmouseup="document.getElementById('div1').style.display='block'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGqEcG6X7hDOzaBPETit8xs7qHhFupyQU0Q3-emlzfidSnmmq_U3-wpjTnefJ0UJ7pn7vWGAsIMmXv_YfITO89g3cCGqki9TN1Vee1KLSe8_Us1YE1a5x7LpR_h4Bxs8S4-fiOdW_pbg/s24/plus.png" /></div>
<div class="desc" id="div1">
<img onmouseup="document.getElementById('div1').style.display='none'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiyIE_B9ssEW5ovyX81M4q4AiLAQsyCJ9bzA-UyE-IPRYr4LTmJgx8AdtUF12XTOxb4IcyGSUCn272hyRI7pW2x-v2QDVq649gM8AFDtZXCP00paBRODgbvYUyGcj30qIRBYHIt_pSOg/s24/minus.png" style="float: right; margin: -10px 10px 5px -60px;" />
<br />
<span style="font-size: large;">See Sliding like Box on Right Side of Page :)
</span><script type="text/javascript">
//<!--
$(document).ready(function() {$(".exelikebox").hover(function()
{$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.exelikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrBmPE8y8WSDkH3VMdC9I7BJB9gGuWRCyzLv8jAt9ONiwZiOSju2JcTxdxWGILIMk54sqbXstrfsjDRfe8RO444iCZOvOF3nXOaCte7sskZUKhK01QvIZhvjnl46pd6479V_qAO0CrG7hl/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.exelikebox div{border:none;position:relative;display:block;}
.exelikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.exelikebox span a{color: #808080;text-decoration:none;}
.exelikebox span a:hover{text-decoration:underline;}
</style>
<br />
<div class="exelikebox">
<div>
<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FExEBlogger&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" style="background: #fff; border: medium none; height: 270px; overflow: hidden; width: 245px;"></iframe><span style="text-indent: -0.25in;"> </span></div>
</div>
</div>
</div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How To Add Floating facebook Like Box in blogger</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Follow these Two simple steps given below</span></div>
<div style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Got to <b>Blogger Dashboard</b>>><b>Layout</b>:</span></li>
<li><span style="font-family: Verdana, sans-serif;"><b>Add a Gadget</b>>><b>Html JavaScript</b> Gadget:</span></li>
<li><span style="font-family: Verdana, sans-serif;">Inside Html/JavaScript Gadget Past below code</span></li>
</ul>
<div style="text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Step 1:</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><script type="text/javascript"></span><br />
<span style="font-family: Verdana, sans-serif;">//<!--</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">$(document).ready(function() {$(".exelikebox").hover(function() </span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">{$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">//--></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></script></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><style type="text/css"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.exelikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrBmPE8y8WSDkH3VMdC9I7BJB9gGuWRCyzLv8jAt9ONiwZiOSju2JcTxdxWGILIMk54sqbXstrfsjDRfe8RO444iCZOvOF3nXOaCte7sskZUKhK01QvIZhvjnl46pd6479V_qAO0CrG7hl/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;<b>float: right</b>;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.exelikebox div{border:none;position:relative;display:block;}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.exelikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.exelikebox span a{color: #808080;text-decoration:none;}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.exelikebox span a:hover{text-decoration:underline;}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></style><div class="exelikebox" style=""><div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F<span style="background-color: #ffd966;">ExEBlogger</span>&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div></span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Step 2:</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Now you have done step one comes here what the next:</span></div>
<div style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">After adding the above code in layout html JavaScript Gadget:</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now go to <b>Dashboard</b> >><b>Template </b>>><b>Edit Html</b></span></li>
<li><span style="font-family: Verdana, sans-serif;">Find <b></head></b> tag and just before it past the below code.</span></li>
</ul>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/></span></blockquote>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Now you have done all most click on save template and visit your blog you will see<b> facebook sliding like box</b> on right side of home page. </span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Facebook pop like box Customization</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Two possible customization you have in this widget first one is change <span style="background-color: #ffd966;">ExEBlogger</span> with your own facebook fan page username and the second is if you want to appear this widget on left side then simply change <b>float: right</b> to <b>float: left</b> and you have done. </span></div>
<h4 style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;">What if facebook pop up like box does not work</span></h4>
<div style="text-align: justify;">
</div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Go to your Facebook Fan Page which you want to appear.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Go to <b>Edit Page</b> >> <b>Update Info</b></span></li>
<li><span style="font-family: Verdana, sans-serif;">Then write unique name for your page by click <b>Username</b></span></li>
<li><span style="font-family: Verdana, sans-serif;">when you write available username for your page then copy that and replace with </span><span style="background-color: #ffd966; font-family: Verdana, sans-serif;">ExEBlogger</span></li>
<li><span style="font-family: Verdana, sans-serif;">Noted you can only one time change this name after this you have no permission to change it.</span></li>
</ul>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com1tag:blogger.com,1999:blog-5369272855874044380.post-3659194158615422592013-10-05T18:47:00.000-07:002013-10-05T18:52:25.293-07:00How to Add Numbered Pagination in Your Blogger Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6BoPGcB2njDYeQEmCn3V_1PHceFWZzTrSzb0kJmFzjkMDSngqs-ih5GrRxBV08aZDYCFsr6T6TW4K3EXRU1dbTIhXmAOOiAh7ctsfQaF6tyqrO-PlQpiFg1PkonYasGbyRdyJoIX_nXlz/s1600/How-to-Add-Numbered-Pagination-in-Your-Blogger-Blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Add Numbered Pagination in Your Blogger Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6BoPGcB2njDYeQEmCn3V_1PHceFWZzTrSzb0kJmFzjkMDSngqs-ih5GrRxBV08aZDYCFsr6T6TW4K3EXRU1dbTIhXmAOOiAh7ctsfQaF6tyqrO-PlQpiFg1PkonYasGbyRdyJoIX_nXlz/s1600/How-to-Add-Numbered-Pagination-in-Your-Blogger-Blog.png" title="How to Add Numbered Pagination in Your Blogger Blog" /></a></div>
<span style="font-family: Verdana, sans-serif;">Are you still wondering that how most of the famous blogs are using numbered pagination, instead of displaying <a href="http://exeblogger.blogspot.com/2013/09/change-newer-older-and-home-links-with.html" rel="nofollow" target="_blank">older and new post buttons </a>at the bottom of every Blogger archive page? Recently, one of our users asked us, How to add Numeric Pagination in Your Blogger Blog? We have been using number pagination on ExEBlogger for quite a while now, and from our experience it gives you 10 times better pageviews than the older and newer post button. It is more user friendly, attractive, and <a href="http://exeblogger.blogspot.com/search/label/SEO" rel="nofollow" target="_blank">SEO</a> friendly. Most of the advance Blogger templates like ExEBlogger Template comes with builtin Numeric pagination. In this article, we will show you how to add numbered pagination in your blogger blog?</span><br />
<a name='more'></a></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">What is Numbered Pagination?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Numbered pagination is a numeric navigation menu which is usually present at the bottom of the archive pages. It divides your whole blog into different pages, just like the pages of a book. Users can simply navigate through page 1, 2, 3, 4 and etc . We have attached a screenshot below, so that users can easily understand our words.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo4miLxN-Q7W_Y5YoLQtDRLNyOmv-qcvriL9vkucWJ40nbikePsH09Vz8M5S86V_RU5YfBOutn7pJAV9Desds43VCHUumuf1xADOsJ5Z5cJBaTpcb5X1Ggjpaf6mC_TVfsL-k8cn5qa5LS/s1600/Pagination.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Numbered Pagination in Your Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo4miLxN-Q7W_Y5YoLQtDRLNyOmv-qcvriL9vkucWJ40nbikePsH09Vz8M5S86V_RU5YfBOutn7pJAV9Desds43VCHUumuf1xADOsJ5Z5cJBaTpcb5X1Ggjpaf6mC_TVfsL-k8cn5qa5LS/s1600/Pagination.png" title="Numbered Pagination in Your Blogger" /></a></span></div>
<span style="font-family: Verdana, sans-serif;"><span id="goog_126984742"></span><span id="goog_126984743"></span><span id="goog_126984740"></span><span id="goog_126984741"></span></span></div>
<span id="goog_126984746"></span><span id="goog_126984747"></span><br />
<br />
<span style="background: none repeat scroll 0 0 #FFF6BF; border-color: #FFD324; border-style: solid; border-width: 1px; margin: 10px 0; padding: 20px 10px;"><span style="font-family: Georgia; font-size: 15px;"><b>Read This Also:</b> <a href="http://exeblogger.blogspot.com/2013/09/change-newer-older-and-home-links-with.html" rel="nofollow" target="_blank">Change Newer, Older And Home Links With Shiny Buttons</a></span></span>
<br />
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">How to Add Numbered Pagination in Blogger?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The firest thing you need to do is to login into your Google account. Once logged in go to <b>Blogger Dashboard</b> >> <b>Template</b> >> <b>Edit HTML</b> and search for the Skin tag <b>]]></b:skin></b>. After finding the skin tag, just above it paste the following piece of coding.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;">.showpageNum a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">background: #02ab68;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding: 5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding-left: 10px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border: 1px solid #b9b9b9;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding-right: 10px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">margin-right: 5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">color: #000;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">font-weight: bold;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.showpage a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">background: #02ab68;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding: 5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding-left: 10px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border: 1px solid #b9b9b9;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding-right: 10px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">margin-right: 5px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">color: #000;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">font-weight: bold;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.showpageArea {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">float: left;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.feed-links {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">display: none;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.showpageArea a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">float: left;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">font-size: 15px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">color: #fff!important;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding-left: 15px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding-right: 15px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.showpagePoint {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">float: left;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">font-size: 15px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding-left: 15px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding-right: 15px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.showpageArea a {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">text-decoration: none;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.showpageArea {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">float: left;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">width: 363px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">margin-top: 10px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span></blockquote>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Now once the style sheet is added to your template, it is the time to add the JavaScript coding that would turn the ordinary looking order/newer post buttons into a robust and user-friendly numeric pagination. Search for the ending <b></body></b> tag and just above it paste the following JavaScript coding. Once everything is done press “<b>Save Template</b>” button located on the top right corner of your screen.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><!--ExE Page Navigation Starts--></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script type='text/javascript'></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var pageCount=6;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var displayPageNum=6;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var upPageWord =&#39;Previous&#39;;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var downPageWord =&#39;Next&#39;;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></script></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script src='http://widcraft.googlecode.com/svn/blogger_pagenavi_min.js' </span><span style="font-family: Verdana, sans-serif;">type='text/javascript'/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></b:if></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></b:if></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><!--ExE Page Navigation Ends --></span></blockquote>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Congratulations:</b> You have successfully added numbered pagination in blogger. Now go and check out the interactive preview to see the amazing navigation in action. With a little modification is CSS, anyone can customize to give it the desire touch that he needs.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">We hope this tutorial may have helped you in learning how to add numbered pagination in blogger. If anyone find any difficulty then don't be shy to make a comment below or tweet us @<a href="https://twitter.com/ExEBlogger" target="_blank">exeblogger</a>.</span><br />
<span style="font-family: Verdana, sans-serif;"><span id="goog_126984744"></span><span id="goog_126984745"></span><span id="goog_126984748"></span><span id="goog_126984749"></span><br /></span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-64859064830833185652013-10-04T00:06:00.006-07:002013-10-04T00:06:50.927-07:00Add Stylish Success and Warning Boxes For Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="tr_bq" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwXABoOj1Icl4U0NFUJClYnDNNes2ghopn4KuPxLMKjn-kz2odNNa_Om0NeUwzh_Cd7FpPiBp8not9cWbBHxewbrlsRs2MvWM4j6q5DpmnANlvIQzRztiafuvMf8GQUpd56j_x6HuT7yS/s1600/Stylish+Notification+Message+Boxes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add Stylish Success and Warning Boxes For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwXABoOj1Icl4U0NFUJClYnDNNes2ghopn4KuPxLMKjn-kz2odNNa_Om0NeUwzh_Cd7FpPiBp8not9cWbBHxewbrlsRs2MvWM4j6q5DpmnANlvIQzRztiafuvMf8GQUpd56j_x6HuT7yS/s1600/Stylish+Notification+Message+Boxes.jpg" title="Add Stylish Success and Warning Boxes For Blogger" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">It has been long we've not shared such beautiful blogger widgets, so when today I came to write a new post then I thought why not I share any unique widget to my loyal readers and visitors. After a little research, I found a simple, cute and unique widget or plugin for all blogger.com users. Today, I'm going to share Note, Announcement, Success and Warning message or notification boxes for blogger along with a step by step tutorial.</span></div>
<a name='more'></a></div>
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">These are some best stylish notification boxes which will attract your readers to get notified. You might have seen such kind of boxes on several websites even WordPress based blogs are also using them. These cute message boxes will help you to inform your readers or visitors about any kind of message because they are looking professional in the design and eye-catching with smart icons. I strongly recommend everyone to use these boxes in appropriate way, time and place because they will also give more beauty to your blog posts or content.</span></div>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Credits</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">I don't know surely who is the creator of these boxes but the truth as I'm going to tell you guys that I got these message boxes from a WordPress them which was designed by MyThemeShop. So, all the credit goes to the <a href="http://mythemeshop.com/" rel="nofollow" target="_blank">MyThemeShop</a> developers team. </span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How To Create These Message Boxes In Blogger Posts?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Creating these amazing message boxes in blogger posts was very difficult for newbies but now this tutorial is going to make it easy for everyone. Here you will be guided step by step to install and create these message or notification boxes in blogger posts. Let's enter into the tutorial.</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Step#1 : Installation</span></h3>
<div style="text-align: justify;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go To <b>Blogger</b> >> <b>Template</b> >> <b>Backup Your Template</b></span></li>
<li><span style="font-family: Verdana, sans-serif;">Click <b>Edit HTML</b> >> Search For <b>]]></b:skin></b></span></li>
<li><span style="font-family: Verdana, sans-serif;">Paste The Following <b>CSS CODE</b> Above <b>]]></b:skin></b></span></li>
</ul>
<div style="text-align: left;">
</div>
<blockquote>
<span style="font-family: Verdana, sans-serif;">@font-face {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family: 'Open Sans';</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-style: normal;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-weight: 400;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> }</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> @font-face {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family: 'Open Sans';</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-style: normal;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-weight: 700;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> }</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> .message_box {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> margin:15px 0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> }</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> .note {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#666;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:"Open Sans";</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border:1px solid #FDEBA5;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmaVjGi3GedWXTxLB1Az59doj8-ILxLPyVnlXhLy96MSTo4DqOwrlLHkXJHhybEO7j7TnKElNHDT4hhoGuBjzRHtgR7tnyZ3i95Sxl79rCEu8wkRmRN7ZYQMAToSprBcmfp4SJeEpFDi6/s1600/thumb.png) no-repeat scroll 10px center #FEF4C8;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:.5em 1em .5em 3em;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> }</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> .announce {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#666;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:"Open Sans";</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border:1px solid #BEE5F8;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWf3ge8oG_GF4LLc-Oc4H5Py9np7uUU-sgdALpuTocUhrFmVuQuq573-lBT5_84TyaXzbZexcD-zdiu14fcWtjT10e8VsfR6TXXd1Qyfkp3MRd-Vm-yQ9-VjgOMW_2giSYADXa7fWe0Nsg/s1600/speaker.png) no-repeat scroll 10px center #D7EFFB;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:.5em 1em .5em 3em;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> }</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> .success {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#666;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:"Open Sans";</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border:1px solid #DEF1BF;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6tOiA6zPQ291R3yYOOC7DEBK2adWUbQkHhzYCRUzXkk-xxK3Y2VxU2fBkEWZMhL86vyhoLx3JB769oAWd8VTQIKZWh8pcuQ9fgKoZiWPncpM6zOiBSq5sfcZ8hiXlVFhp9TYWNGIPMj2r/s1600/tick.png) no-repeat scroll 10px center #E8F6D2;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:.5em 1em .5em 3em;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> }</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> .warning {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> color:#666;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-family:"Open Sans";</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> font-size:16px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> border:1px solid #FFDBDB;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGSZzEM8ikIvRaSQbMNWeYZ4l2aOQOi_jfOzHZtr5yL-DJ8_lqly1KZZfjIiDsfd9wVBM3NRc7lPoBIt6QLItCcpG3SFV9LPbZBC6ARqkIK5WEbkTaOxKWn2fT3AtI9lVuY5llCXtA-GMG/s1600/cross.png) no-repeat scroll 10px center #FFE7E7;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> padding:.5em 1em .5em 3em;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> }</span></blockquote>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"></span></div>
<div>
<br /><ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Click "<b>Save Template</b>". </span></li>
<li><span style="font-family: Verdana, sans-serif;">You're Done in The First Step.</span></li>
</ul>
<h3>
<span style="font-family: inherit;">Step#2 : Creating Boxes In Blogger Posts</span></h3>
<div>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Go To Blogger >> Create New Post</span></li>
<li><span style="font-family: Verdana, sans-serif;">Go To The HTML Tab</span></li>
<li><span style="font-family: Verdana, sans-serif;">Choose Any Box From The Following Which You Want To Add.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Copy Any Box's Code From The Following.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Paste Their In The HTML Tab.</span></li>
</ul>
</div>
<div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><b>Note Box :</b></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="message_box note"></span><span style="font-family: Verdana, sans-serif;"> <span style="color: #6aa84f;">Hi, I am Mr.Noter. I'll notify your readers about the news.</span></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><b>Announce Box :</b></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="message_box announce"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <span style="color: #6aa84f;">Mr.Annoucer is having meetup with Blogger Yard's Readers.</span></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><b>Success Box :</b></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="message_box success"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <span style="color: #6aa84f;">Mr.Success. Never give up! A day wil come when you will catch me.</span></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><b>Warning Box :</b> </span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div class="message_box warning"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <span style="color: #6aa84f;">Mr.Warner. I will try my best to warn from such worst things.</span></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></div></span></blockquote>
</div>
<div>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Replace The <span style="color: #6aa84f;">Green Text</span> With The Message You Want To Show.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Publish The Post.</span></li>
<li><span style="font-family: Verdana, sans-serif;"><b>That's All</b>. </span></li>
</ul>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Did You Like These Boxes?</span></h3>
</div>
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">So friends these were some special message boxes which I wanted to share today with you all. I hope you will like it and use it in your blog posts. Any problem appears in the tutorial then feel free to ask in the comments. Also share your views about this post in comments. Take a lot of care till the next tutorial.</span></div>
</div>
</div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com1tag:blogger.com,1999:blog-5369272855874044380.post-73216158651357249822013-10-02T22:52:00.003-07:002013-10-02T23:26:51.522-07:00How To Remove Sidebar and Create Full Width Page in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivo__dd3CFsa4BWf_AUh9sHtY7I7qcJcqevl6nFUGo8O9j8tZh0-2UivdSzsiAWUvyQrK0Ro2hlNIr5foA1zN2_1Jkh3ThirgqxwG9vvvSN2G8-s_moEbuo4Btlvjv8QIQesfhmu7gG7U/s1600/create+full+width+page+in+blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How To Remove Sidebar and Create Full Width Page in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivo__dd3CFsa4BWf_AUh9sHtY7I7qcJcqevl6nFUGo8O9j8tZh0-2UivdSzsiAWUvyQrK0Ro2hlNIr5foA1zN2_1Jkh3ThirgqxwG9vvvSN2G8-s_moEbuo4Btlvjv8QIQesfhmu7gG7U/s1600/create+full+width+page+in+blogger.png" height="282" title="How To Remove Sidebar and Create Full Width Page in Blogger" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;">As we've been talking about <a href="http://exeblogger.blogspot.com/search/label/Template%20Customization" rel="nofollow" target="_blank">Blogger design</a> since the creation of this blog and we would like to continue providing you with better understanding of Blogger blogs. As we told, Blogger blogs are entirely customize-able and you can change your blog design by yourself if you have the essential knowledge of web designing. In blogger we always see a static <a href="http://exeblogger.blogspot.com/search/label/Template%20Customization" rel="nofollow" target="_blank">template</a> that usually has a header, a <a href="http://exeblogger.blogspot.com/2013/09/how-to-add-professional-beautiful.html" rel="nofollow" target="_blank">navigation bar</a>, a sidebar, post body and a footer. And whenever, we visit any page of our blogger blog we see all the elements all the time. Whether you visit a tab page or a single post you'll see sidebar and footer etc altogether. Today I would like to share a trick with you guys about creating a full-width page in blogger without sidebars etc. We can change our static blog to a dynamic one by using this trick. We'll use few CSS properties to hide our sidebar and create a full page. <a href="http://exeblogger.blogspot.com/2013/09/Stylish-CSS3-Navigation-Bar-for-Blogger.html" rel="nofollow" target="_blank">CSS3</a> is a magic, and nothing is impossible now!</span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Before going to apply this trick on your blog, take a look at the demo which is my about me page: </span></div>
<div align="center">
<span id="demo"><a href="http://exeblogger.blogspot.com/p/about-author_1044.html" target="_blank">LIVE DEMO</a></span></div>
<div>
<br /></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How to Create a Page Having no sidebar?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">In order to add a page that don't have a sidebar; You'll use few codes of CSS. It shouldn't take you more than five minutes to finish the task. Now follow the steps below:</span></div>
<div style="text-align: justify;">
<br />
<ul>
<li><span style="font-family: Verdana, sans-serif;">Log-in to Blogger </span></li>
<li><span style="font-family: Verdana, sans-serif;">Create a New Page or Post</span></li>
<li><span style="font-family: Verdana, sans-serif;">While editing the page click the HTML Editor tab (Appears at top left)</span></li>
<li><span style="font-family: Verdana, sans-serif;">At the beginning of the page insert following CSS code</span></li>
</ul>
</div>
<div style="text-align: justify;">
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><style></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">#main-wrapper { width:100%!important;}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.post { width:100%!important; }</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></style></span></blockquote>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Now switch back to compose editor and edit your post/page as the way you want. When you insert all the content in that page; simply publish that. After publishing view that page on the browser, there won't be sidebar and page will be with its full width. </span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Note:</b> You can also apply this trick on your existing pages or posts. Just edit those pages/posts and click the HTML tab and at the beginning of the page insert the above CSS code.</span></div>
<div style="text-align: justify;">
<h3>
<span style="font-family: inherit;">Customization</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">You can change the Width:100% to any value you want. If you want the page smaller then reduce the 100% to your own width.</span></div>
<div style="text-align: justify;">
<h3>
<span style="font-family: inherit;">Why & When Should I Create a full page?</span><span style="font-family: Verdana, sans-serif;"> </span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">It's an important question, this trick shouldn't be applied on all pages. However, you can use it on some of your pages which you want to be looking more attractive and professional such as <a href="http://exeblogger.blogspot.com/p/about-author_1044.html" rel="nofollow" target="_blank">About Me Page</a>, <a href="http://exeblogger.blogspot.com/p/contact-us.html" rel="nofollow" target="_blank">Contact Us</a> Page, Services Page and etc etc. Also you can use this trick on normal posts when you announce something like such as: an offer or an event. </span></div>
<div style="text-align: justify;">
<h4>
<span style="font-family: Verdana, sans-serif;">Need Help?</span></h4>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">If you need further help regarding this tutorial or regarding this blog then just leave your comment below the post. I will be happy to answer your queries shortly.</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com6tag:blogger.com,1999:blog-5369272855874044380.post-74292749077114570342013-10-02T18:32:00.002-07:002013-10-02T18:45:48.497-07:00How to Make Forms, Surveys, and Quizzes in Google Docs<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR_jBfotstrKC6hPFOAzbD0HAuaA3bJuDHjqF_hAJYyiOI1pV85LGlvcAh8Gefd1yC7-Nv9yE21akxy_j3yuBOhb7DNSAzoSSc2Bp4sKF64A_2nKeQa7S-x-w1j4tFxsCdNCRo26W1WQ4/s1600/How+To+Create+Survey+Forms+Using+Google+Docs.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How To Create Survey Forms Using Google Docs" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR_jBfotstrKC6hPFOAzbD0HAuaA3bJuDHjqF_hAJYyiOI1pV85LGlvcAh8Gefd1yC7-Nv9yE21akxy_j3yuBOhb7DNSAzoSSc2Bp4sKF64A_2nKeQa7S-x-w1j4tFxsCdNCRo26W1WQ4/s1600/How+To+Create+Survey+Forms+Using+Google+Docs.png" height="300" title="How To Create Survey Forms Using Google Docs" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Being an analyst or researcher, there come situations when you get to take online surveys which may be questionnaires or simple polls. Although that doesn't appeal to be much of a complex task, yet the lookout for a simple and effective such tool might waste a lot of your time. Well that’s where, once again, a <a href="http://exeblogger.blogspot.com/search/label/Google" rel="nofollow" target="_blank">Google</a> product comes in handy. Like the numerous features of the various Google apps that facilitate us in several ways, creating survey forms is also a functionality and is provided under <a href="http://exeblogger.blogspot.com/search/label/Google" rel="nofollow" target="_blank">Google Docs</a>. Google Docs, generally considered to be supporting documents, spreadsheets and presentations only, allows you to create rich input forms or polls with the facility of live results monitoring and analysis!</span><br />
<a name='more'></a></div>
<br />
<br />
<center><span style="background: none repeat scroll 0 0 #FFF6BF; border-color: #FFD324; border-style: solid; border-width: 1px; margin: 10px 0; padding: 20px 10px;"><span style="font-family: Georgia; font-size: 15px;"><b>Read This Also:</b> <a href="http://exeblogger.blogspot.com/2013/09/how-to-add-google-adsense-ad-inside.html" rel="nofollow" target="_blank">How to Add Google Adsense Ad Inside Blogger Posts</a></span></span></center><br />
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Creating Survey forms</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">So let’s create a survey form on Google Docs</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Step #1: Create a new form</b></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Open up Google Docs (or Drive) and Sign In. From the Create drop-down menu, select Form to create a blank form.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGNZd5b15xzkb-kbdjDiQ-WrtyBtODkLPvdfBqvyVEOIaJvJUGKBE19TNktH0V1S4HooaDE5vnzoh00JsRWFHsfJ7glEBIVSmC8LgmRnGY2nbXcpt6fPta8bAQvqMU_HGvr-vvIew-KwKJ/s320/create-form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Create a form" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGNZd5b15xzkb-kbdjDiQ-WrtyBtODkLPvdfBqvyVEOIaJvJUGKBE19TNktH0V1S4HooaDE5vnzoh00JsRWFHsfJ7glEBIVSmC8LgmRnGY2nbXcpt6fPta8bAQvqMU_HGvr-vvIew-KwKJ/s320/create-form.png" title="Create a form" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Step #2: Name and Design the form</b></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Instead of keeping the boring and plain template for your form, use a colourful and beautiful one. Google has some predefined themes that you can set for your form so as to make it look more attractive and proper. Select the one you find best and click OK.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Step #3: Providing the Description</b></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Describing the form is one way of making it look proper, so consider this step mandatory. Enter any details you wish to be displayed to the user filling it. The details might be the rules of filling or just a simple description about what the form or the linked survey is about.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Step # 4: Adding the Questions</b></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJrZLBrlnMM-Dbl_ehW-ag5qs6_FJa_3wxloFq1ctz3yBHIa4eFutcWl8pb9nKknBe7VAnXaqqLBX_yxvyWeiimcxNyd06intXLSfVmeX35Tz_BnBfXJ0xigt_OvRnwuCRTP5YspRpUlx8/s400/add-questions.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add question" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJrZLBrlnMM-Dbl_ehW-ag5qs6_FJa_3wxloFq1ctz3yBHIa4eFutcWl8pb9nKknBe7VAnXaqqLBX_yxvyWeiimcxNyd06intXLSfVmeX35Tz_BnBfXJ0xigt_OvRnwuCRTP5YspRpUlx8/s400/add-questions.png" title="Add question" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Docs allows you to add several different types of questions in your forms. These types include text, multiple choice, checkbox, list, scale, and grid-based questions. You can add the desired type of question by selecting it from the Add Item drop-down list button.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYyhw26bcjYdr7zp4VxUfeJC5ogiucH2DnK7m4N3q_5zBu091jDF6k7jbGNplUcz8udV-SA4xlR6oe0H9QBE0ukGgYWZBryYxaNiLAmHc-0yjyxp4DZecqoVXS8W6n4AusNsuPlSE-Y-N/s400/add-questions.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add question" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYyhw26bcjYdr7zp4VxUfeJC5ogiucH2DnK7m4N3q_5zBu091jDF6k7jbGNplUcz8udV-SA4xlR6oe0H9QBE0ukGgYWZBryYxaNiLAmHc-0yjyxp4DZecqoVXS8W6n4AusNsuPlSE-Y-N/s400/add-questions.png" title="Add question" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">After the selection, enter the question details. Click on Required Question to make this question mandatory for form submission.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Step #5: Setting the Confirmation Page</b></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">After the form submission, the user is given a confirmation message. You can edit that message in the Confirmation Page section.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Step #6: Sharing the Form</b></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">That Send form button in the Confirmation Page section gives you the URL to your form, an option to embed or share your form via email, Google+, Facebook or Twitter. Click Done and your Form is ready.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The best part probably would be the live score notifications on Google Docs. You can also view the compiled table of the form results which is a spreadsheet saved in your Drive.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtTmtY17sFjnYJOB86ugpyg4QTrpsvkxRvpTDOBUk77lu_iljYfw81TuiY80pOAv_NZuTbnmHFHy6aWa0jSaz4K2j5TdNyicibGAXXhX02hEWRcbdCzkMFToYAfTNeGOcWjr4rQ29eAH8d/s320/monitoring.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Live results" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtTmtY17sFjnYJOB86ugpyg4QTrpsvkxRvpTDOBUk77lu_iljYfw81TuiY80pOAv_NZuTbnmHFHy6aWa0jSaz4K2j5TdNyicibGAXXhX02hEWRcbdCzkMFToYAfTNeGOcWjr4rQ29eAH8d/s320/monitoring.png" title="Live results" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Google has always been up with providing numerous useful facilities to its users. This form feature, which although has been out for a long time, is not much popular and hence unknown to people yet is extremely useful. With such simple and easy steps in creating the forms, we hope your analysis and researches will get more proper and simplified. Happy Blogging:)</span></div>
</div>ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-89413256462673308762013-10-02T09:54:00.000-07:002013-10-02T09:54:08.295-07:005 Top Highest Adsense Earners In the World<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogtechnics.com/wp-content/uploads/2011/01/Top-Earners-Google-Adsense.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="5 Top Highest Adsense Earners In the World" border="0" src="http://www.blogtechnics.com/wp-content/uploads/2011/01/Top-Earners-Google-Adsense.jpg" height="236" title="5 Top Highest Adsense Earners In the World" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;">Today we a have list of the top five highest Google adsense earner of the world in 2013. We all know that Google adsense is the most popular advertisement program leads by Google Inc. In modern era there are out of billions of blogging users approved their blog by Google adsense. Most of them earn handsome money within a day, while some of them earning within an hours depends upon the their blog traffic statistics. So basically Google adsense is an advertisement program which place ads on approval blog and show the advertiser banners. In this way anyone can earn upto billions of dollars from his/her blogging room. So one of our reader have asked the question, who is the most popular Google adsense earner in the world. To be the best reply i was thinking why not share a complete detailed tutorial on these <b>Top 5 adsense earner of the world</b>. So in this article we will show you, 5 Top adsense earner in the world of 2013.</span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Highest Adsense Earners In the World</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">From the couple of days i was researching about the bloggers who earn more than BSA from Adsense. I was amazed too see all these guys which are extremely highest adsense entrepreneur in the world. To give you short summary how they can earn more than billions of dollars from adsense per month. let come, They started their blogging career back seven or eight years when blogging considered to be the most hardest online job.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">This was not an easiest job as we see in the modern era that could handle by a teenage blogger. So all things comes with Time. you must have heard. "Time is a Great Physician". So the quote gives description time is the most loyalest factorisable that leads us to the success or failure, depending upon how someone show his ability on time. So this conclude always do hard work be passion and love your job.This was the real example of all these guys listed below.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<h3 style="text-align: center;">
<span style="font-family: inherit;">Pete CashMore</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Earning:</b> $6,50,000 per month</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Website:</b> <a href="http://mashable.com/">Mashable.com</a></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Pete cashmore is the top wold wide adsense earner who is the owner of Mashable.com. Pete cashmore is earning more than $650k per month all alone from adsense. Mashable was found near in 2005 by cashmore when he was 19 year old. Now mashable is one of the best blogging niches website sharing technology news, development, social media and all related niches. Mashable is one of the fastest google publisher blog update on daily basis by a team of professional bloggers.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN_vetNepN8NtcYpjH3nX_Y6grd4iyL8F4Jtnp6jPl5J-j9ZxxS3AiYEv20wIMAI7S9Es42cAD1Hinw_TpYRb1N-6ch-qcoE6AxYpgmZf0zNsbPLU-ZXydKGOh1zRf9com21-HXgqgHKw/s1600/Pete-Cashmore-top-adsense-earner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Pete CashMore" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN_vetNepN8NtcYpjH3nX_Y6grd4iyL8F4Jtnp6jPl5J-j9ZxxS3AiYEv20wIMAI7S9Es42cAD1Hinw_TpYRb1N-6ch-qcoE6AxYpgmZf0zNsbPLU-ZXydKGOh1zRf9com21-HXgqgHKw/s1600/Pete-Cashmore-top-adsense-earner.png" title="Pete CashMore" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>
<div style="text-align: justify;">
<h3 style="text-align: center;">
<span style="font-family: inherit;">Shawn Hogan</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Earning:</b> $5,50,000 per month</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Website</b>: <a href="http://digitalpoint.com/" rel="nofollow" target="_blank">Digital Point</a></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Shawn hogan is another top premium google publisher who is the author of "Digital Point" forum website. He is running number of forums network from his blogging room. He has a huge network of forums for blogging niches where most of bloggers landed and share their brights ideas. Digital Point receive billions of visitors on daily basis and generating more than $5,50,000 per month.</span></div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7hIsn1KKzY127hYFCpGALmYDRExogu-eO7ahjotXA_Ju1dB_sYe6Nr6tXB9x54DTRVql7XQ2YE5qt66SVNdYwPHPpYRBRy_VRKC6mfv-xouYAMhEyd5KKuiIODKaFQhl4jBTn3v0jWMQ/s1600/Shawn-Hogan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Shawn Hogan" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7hIsn1KKzY127hYFCpGALmYDRExogu-eO7ahjotXA_Ju1dB_sYe6Nr6tXB9x54DTRVql7XQ2YE5qt66SVNdYwPHPpYRBRy_VRKC6mfv-xouYAMhEyd5KKuiIODKaFQhl4jBTn3v0jWMQ/s1600/Shawn-Hogan.png" title="Shawn Hogan" /></a></div>
<br />
<br /></div>
<div style="text-align: justify;">
<h3 style="text-align: center;">
<span style="font-family: inherit;">Markus Frind</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Earning:</b> $3,50,000 per month</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Website:</b> <a href="http://plentyoffish.com/" rel="nofollow" target="_blank">PlentyofFish.com</a></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Markus Frind is the owner of PlentyofFish.com. The most leading and powerful website receiveing more than 3 billions users each day. Markus Frind is also considered the CEO of POF. He has a network of official bloggers and webmaster generating new fresh and unique contents with daily updates. Believe or not he is one of the youngest adsense earner through out the globe.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgvjxyPj3XDaAelXFiroxVGjKpF8A6KZoJZldjEYmzhMyZv_6MICCKPUHeO2-5hp_pC7JDzWUL5DkdvKmjqTcU_PzXjJHUEvKDggaKplN95G4QXqzGP-3yRpW3bd2vmRwc25lbbouF_cI/s1600/Markus-Frind.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Markus Frind" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgvjxyPj3XDaAelXFiroxVGjKpF8A6KZoJZldjEYmzhMyZv_6MICCKPUHeO2-5hp_pC7JDzWUL5DkdvKmjqTcU_PzXjJHUEvKDggaKplN95G4QXqzGP-3yRpW3bd2vmRwc25lbbouF_cI/s1600/Markus-Frind.png" title="Markus Frind" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<h3 style="text-align: center;">
<span style="font-family: inherit;">Michael Arrington</span></h3>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Earning:</b> $2,50,000 per month</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Website:</b> <a href="http://techcrunch.com/" rel="nofollow" target="_blank">TechCrunch</a></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Who is michael arrington? All the interenat savvy will easily recognize who is this man. Michael Arrington is the owner of TechCrunch. Techcruch is a great technology niches website running by a large community of professional bloggers. Michael Arrington is earning handsome money from adsense. Unfortunelty he is not yet the owner of techcrunch becuase of sold techcrunch to AOL. But i have mentioned here because he is one of the biggest and top adsense earner in the world.</span></div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzHLHl2yGM6DwbOA8nwO63iQALHW1uSn8Mq7mr8DOODz4w3NbcnuesKyKQR5Ze-2k3lWYhBfr-EHSXHdyaDwSA8Tc2A9s905UWe2JibgTB8dZmYSultUwpRJL4jU4G4IOwMwluWDgbLUQ/s1600/Michael-Arrington.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Michael Arrington" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzHLHl2yGM6DwbOA8nwO63iQALHW1uSn8Mq7mr8DOODz4w3NbcnuesKyKQR5Ze-2k3lWYhBfr-EHSXHdyaDwSA8Tc2A9s905UWe2JibgTB8dZmYSultUwpRJL4jU4G4IOwMwluWDgbLUQ/s1600/Michael-Arrington.png" title="Michael Arrington" /></a></div>
<br />
<br /></div>
<div style="text-align: justify;">
<h3 style="text-align: center;">
<span style="font-family: inherit;">Nick Halstead</span></h3>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Earning:</b> $2,50,000 per month</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Website</b>: <a href="http://tweetmeme.com/" rel="nofollow" target="_blank">TweetMeme</a></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Nick Halstead is yet another one of the inspirational and biggest adsese earner in the world. Nick is the CEO and founder of TweetMeMe.com the most leading and popular social media of popular links on twitter. He earn more than $250K to $300k all alone from adsense each month. Nick Halstead is enjoying his life with his baby blog. He is our last adsense earner.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFoirVZ7jBADhUqTCuODW_V5cpq-jBesjZmjFjdxUUcBb8HiL0f2QuRqE0-X5MnzI4soO4M4fw5_bnRNEKFij-5qnornIITh9xgbZzCezAQIvArLSMfFkZvfKnEv_VH_CE8tyG3r9F3zk/s1600/Nick-Halstead.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Nick Halstead" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFoirVZ7jBADhUqTCuODW_V5cpq-jBesjZmjFjdxUUcBb8HiL0f2QuRqE0-X5MnzI4soO4M4fw5_bnRNEKFij-5qnornIITh9xgbZzCezAQIvArLSMfFkZvfKnEv_VH_CE8tyG3r9F3zk/s1600/Nick-Halstead.png" title="Nick Halstead" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">We are confident you must have taken interest in the post. We have shared a complete list of all the <b>top 5 highest adsense earner</b> in the world who make more than billions of dollar each month. I hope you would take more interest in online business after seeing the above top adsense millionaires. We are sorry in case we have missed any top adsense earner. Buddies i would recommended to share your Thoughts if you know all about better and top highest google adsense earner. Thanks and happy blogging day.a</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com1tag:blogger.com,1999:blog-5369272855874044380.post-3708665912583362422013-10-02T00:55:00.000-07:002013-10-02T02:19:51.778-07:00Top 45+ Most Useful Time Saving WordPress Shortcuts Keys<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSgeATvDiHK9LE-xdqi6ygLy2yLhw0BHTGZ8L9Zsvzmqdf3q4VlFd9xJOoVufjp5EfoDQQZABaW8j60Vitx0_ypMR2tYFQrshdg9qWie-HdEjI8SCtqmOzbKWmvdATC_kRYuvverPX_0/s1600/Top+45++Most+Useful+Time+Saving+WordPress+Shortcuts+Keys.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Top 45+ Most Useful Time Saving WordPress Shortcuts Keys" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSgeATvDiHK9LE-xdqi6ygLy2yLhw0BHTGZ8L9Zsvzmqdf3q4VlFd9xJOoVufjp5EfoDQQZABaW8j60Vitx0_ypMR2tYFQrshdg9qWie-HdEjI8SCtqmOzbKWmvdATC_kRYuvverPX_0/s1600/Top+45++Most+Useful+Time+Saving+WordPress+Shortcuts+Keys.jpg" height="230" title="Top 45+ Most Useful Time Saving WordPress Shortcuts Keys" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;">If you are the WordPress user then you might be know that WordPress has its own builtin complete keyboard shortcuts. Most of WordPress users spend bundles of hours inside the post editor, dashboard and interface, they handle each of task by using the PC mouse touch-pad or trackball which is totally time consuming. Now WordPress has introduced awesome opportunity they included complete keyboard inside their dashboard gadgetry to make the work more easier and help to save the precious time. All WordPress bloggers should must try to practice on all the provided WordPress shortcuts keys to process their work fast and speedy. So one of our WordPress user have asked, how to use special WordPress shortcut keys for different tasks. So in today article we will show you, The more usable and popular time saving <b>Top wordpress Shortcuts keys</b>.</span><br />
<a name='more'></a><span style="font-family: Verdana, sans-serif;"> </span></div>
<h3 style="text-align: justify;">
<span style="font-family: inherit;">Top WordPress Keyboard Shortcuts for Visual Post Editor</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Wordpress administrators have been included the modified version of tiny MCE editor few months back. This will usually appears on the Visual Tab inside the Wordpress Post Editor. This is almost looked as MS Office which have formatting and styling buttons. Most of WP newbies use mouse inside the editor to design their contents but now we can easily take the advantage of the same work by using keyboard shortcuts.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqk_i3VO_PL_7UYv4vQ2mgJ6RTgfrNyUKIDLV9-73RsDGp7Tair9v1yfM4v801BIENih1u-TH8y2EElR3mpZ2mCI102riccQ3jN_XKkb2s0QbMGClZ9t_MSwGZkIX5NL0i_xTOt3BtX4U/s1600/Top+45++Most+Useful+Time+Saving+WordPress+Shortcuts+Keys.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Top 45+ Most Useful Time Saving WordPress Shortcuts Keys" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqk_i3VO_PL_7UYv4vQ2mgJ6RTgfrNyUKIDLV9-73RsDGp7Tair9v1yfM4v801BIENih1u-TH8y2EElR3mpZ2mCI102riccQ3jN_XKkb2s0QbMGClZ9t_MSwGZkIX5NL0i_xTOt3BtX4U/s1600/Top+45++Most+Useful+Time+Saving+WordPress+Shortcuts+Keys.png" title="Top 45+ Most Useful Time Saving WordPress Shortcuts Keys" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif;">Ctrl + b = Bold </span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + i = Italic</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + c = Copy</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + v = Paste</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + x = Cut</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + a = Select All</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + z = Undo</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + y = Redo </span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + [number] = Insert heading sizes, e.g. CTRL+1 = <h1>, CTRL+2 = <h2>.</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + n = Check Spelling</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + l = Align Left</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + j = Justify Text </span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + c = Align Center</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + d = Strikethrough </span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + r = Align Right</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + u = Unordered List</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + a = Insert link</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + o = Numeric List</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + s = Remove link</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + q = Quote</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + m = Insert Image</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + w = Full screen distraction free writing mode</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + t = Insert More Tag</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + p = Insert Page Break tag</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + h = Rich text editor help</span></blockquote>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Plain Text Editor WordPress Keyboard Shortcuts</span></h3>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Plain Text Editor is also the mini tool of wordpress post editor. It generally appear in wordpress post editor under the text tab. I think you might have seen that already. This editor accommodated all the formatting buttons and we you will see the HTML in the editor area.There are only few shortcuts inside wordpress for Plain text editor. To check all these shortcuts look down to the below list.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif;">Ctrl + c = Copy</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + v = Paste</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + x = Cut</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + z = Undo</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + y = Redo</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Ctrl + p = Print</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + p = Publish</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Alt + Shift + f = Fullscreen distraction free writing</span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">WordPress Keyboard Shortcuts for Comments Screen Area</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">You already know that wordpress blogs receive hundred of comments daily. Now you can easily moderate these comments using WP shortcuts keys. Remember. However by default all these shortcuts will not be enabled. So to enable these popular shortcuts keys inside the wordpress plain editor you have to go to <b>USERS</b> option. then <b>YOUR PROFILE</b> and then check the <b>Keyboard Shortcuts</b> Check box option. Now you can easily save your profile and then come back to your comment screen In admin area. So we are providing following shortcuts which are:</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif;">J = Next comment (moves the current selection down)</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">K = Previous comment (moves the current selection up)</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">A = Approve comment</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">U = Unapprove comment</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">D = Delete comment</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">R = Reply comment</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Q = Quick edit a comment</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Z = Restore Comment from Trash or Undo if you Delete a comment</span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Tip:</b> If you wan to select multiple then press <b>X</b> if you wish to check the selected comments press <b>J</b> or use <b>K</b> to move to previous or next comment. So when you selected some multiple comments then you can easily use some of these wordpress shortcut keys to perform the action.</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif;">Shift + A = Approve checked comments</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Shift + D = Delete checked comments</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Shift + U = Unapprove selected comments</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Shift + T = Move selected comments to trash</span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">Shift + Z = Restore selected comments from trash</span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<h4 style="text-align: left;">
<span style="font-family: inherit;">Final Words</span></h4>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">So buddies this was all about how to enable or use the <b>Most useful 45+ WordPress Shortcuts Keys</b> inside Post Editor. We hope this tutorial would must help you. If you have still some doubts about WP shortcuts Keys then you can hire me in the below comment area. Just post your query in the comment section. If you know more better WP shortcut keys then kindly do share with us. Thanks pals.</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-84642297076759109342013-10-01T23:46:00.001-07:002013-10-02T00:34:14.472-07:00How to Easily Add PHP Codes in Blogger Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidsUm-SyyxfppmFhG8yD5oFnCCFY4QnpmH9-EyyEvCieLWU_EzgSTqg7kCD_C5PintSsE90o5onXWBD5W_FF3Vd813SUyX8TKGCBGk6nTY73qBRbSqxjTDU3GzbJHyGfhzBAqQseWn4Xc/s1600/Add+PHP+Codes+in+Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Easily Add PHP Codes in Blogger Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidsUm-SyyxfppmFhG8yD5oFnCCFY4QnpmH9-EyyEvCieLWU_EzgSTqg7kCD_C5PintSsE90o5onXWBD5W_FF3Vd813SUyX8TKGCBGk6nTY73qBRbSqxjTDU3GzbJHyGfhzBAqQseWn4Xc/s1600/Add+PHP+Codes+in+Blogger.png" title="How to Easily Add PHP Codes in Blogger Blog" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">PHP is considered as the most powerful computer language that makes things happen with the glimpse of seconds. However, PHP is not supported by Blogger or BlogSpot running platform which makes it extremely difficult to customize and implement some new latest developments, but there are still some ways through which you can add PHP codes in your Blogger enabled Website. Though, the results are not 100%, but it is far better than not having a PHP code on your blogger site.</span></div>
<a name='more'></a><br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Step#1: Creating a PHP File:</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Before you can add PHP Codes in blogger, you have to first create a PHP file in which you have to use all the PHP codes that you would like to use. However, make sure that the file is free from errors otherwise things would not look good. Following is the simple Hello World PHP code example, just for a basic guideline for some beginners</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><?php</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">echo '<p>Hello World</p>';</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> ?></span></blockquote>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">After creating the file with all your desired codes make sure you save it in .PHP extension. For example, exeblogger.php, you can use NotePad++ for writing codes because it is the only FREE standard developing tool.</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Step#2: Hosting a PHP File:</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Since, blogger does not allow you to host any kind of files like PHP, HTML or CSS. Therefore, you have to either host it on your hosting (if you have) or you can use Google Drive to host them for FREE. We have already written a detailed tutorial on It, so read it here.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">You can also use Dropbox, and many other free hosting services but certainly they are not better than the features and reliability of Google Drive.</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Step#3: Adding PHP Codes in Blogger</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">After creating and hosting the PHP file, login into your Blogger account. Once logged in, head over to the dashboard and select the blog on which you would like to add PHP Codes. Now it depends on your needs whether you want to add the PHP code in posts, pages, sidebar or footer. Just paste the following code anywhere you would like to display the PHP file.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><object width="400" height="300" type="text/html"</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">data=" your-file.php"></object></span></blockquote>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Don’t forget to replace your-file.php with the URL of your own PHP file that you may have got while hosting it on services like Google Drive Dropbox and etc.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Congratulations:</b> You have successfully added PHP codes to blogger. Go and check your blog to see if things are working as planned. Let us know, if you have a better way of doing this job.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">We hope this tutorial has helped you in learning how to add PHP codes in blogger. Still, this is not the most accurate way because we are just using a iFrame technique to include the codes. Blogger needs to think more on making its platform friendly for the developers so that they can bring awesomeness to their blogs and websites.</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-14171915499737655762013-10-01T05:42:00.001-07:002013-10-01T05:42:48.933-07:00How to Display Simple Recent Posts Widget in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_El4dI_lq8eLS93xKK3Hs4MWvTsTRKCEUn7tjUeiehgT2nV5VcWO6WmHCrfXMkzugdq7tNgm5XOVmxfMmGBqMe7i5WSm-z6BHcIne2wMUIMqlWKcuXAQlfl8pvd0t0uYtMHACj9-Vwek/s1600/How-to-Display-Recent-Posts-in-Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Display Simple Recent Posts Widget in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_El4dI_lq8eLS93xKK3Hs4MWvTsTRKCEUn7tjUeiehgT2nV5VcWO6WmHCrfXMkzugdq7tNgm5XOVmxfMmGBqMe7i5WSm-z6BHcIne2wMUIMqlWKcuXAQlfl8pvd0t0uYtMHACj9-Vwek/s1600/How-to-Display-Recent-Posts-in-Blogger.png" title="How to Display Simple Recent Posts Widget in Blogger" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Displaying Recent posts in your sidebar often help your users to quickly take a look at the content that is more new and fresh. It also gives them a basic idea that what kind of content is published on a certain blog. If the most recent posts are somewhat linked to each other, then it might engage your visitors for a bit longer. However, in some designing methods people want to display recent posts differently according to their design. In this article, we will show you How to Display Recent posts in Blogger.</span></div>
<a name='more'></a><br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Display Recent Post With A Summery in Blogger?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Some people have different approaches of showing recent posts in their blogs. They want them to be with a title and a short description, so that users can get some idea about the topic. There're multiple ways of doing that, but we have listed below the most simplest and work friendly method.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The first thing you need to do is to go to <b>Blogger.com >> Layout >> Add a Gadget >> Add HTML/JavaScript</b>. Now paste the following code in the HTML Text Area. Remember: Don’t forget to replace </span><span style="font-family: Verdana, sans-serif;">exeblogger.blogspot</span><span style="font-family: Verdana, sans-serif;">.com with your personal domain name.</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" /></span><span style="font-family: Verdana, sans-serif;"> </span><span style="font-family: Verdana, sans-serif;"><script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></script> </span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script type='text/javascript'></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var numposts = 3;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostthumbnails = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var displaymore = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var displayseparator = true;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showcommentnum = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostdate = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostsummary = true;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var numchars = 100;</script></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <script type="text/javascript" src="http://www.exeblogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script> </span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">You may change the character limit by replacing (100) with any other according to your needs. Once everything is done, save the gadget.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Displaying Recent Posts in a List Format in Blogger?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Some people want things to be as modest as possible, this is the reason why they want to show recent posts with just post titles in a list format.</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script> </span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <script type='text/javascript'></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var numposts = 3;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostthumbnails = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var displaymore = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var displayseparator = true;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showcommentnum = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostdate = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostsummary = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var numchars = 100;</script></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <script type="text/javascript" src="http://www.</span><span style="font-family: Verdana, sans-serif;">exeblogger.blogspot</span><span style="font-family: Verdana, sans-serif;">.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script> </span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">You may change the number of posts to be shown in the gadget by replacing 10 with any other number. You can simply paste the code in the HTML/JavaScript gadget's area or you can also use them in your post pages. Once everything is done, save the gadget.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Displaying Recent Posts with Thumbnails in Blogger?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Sometimes people want things to be perfect. As we all know picture speaks a lot than words, so adding a small thumbnail to recent posts might help in grabbing the attention of your visitors. You can customize the thumbnail size through a simple CSS, but it might get distorted as it is originally small.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">To add this in your blog, <b>Blogger.com >> Layout >> Add a Gadget >> Add HTML/JavaScript</b>. Now paste the following code in the HTML Text Area. Once everything is done, after customizing save the gadget.</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" /></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script> </span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <script type='text/javascript'></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var numposts = 3;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostthumbnails = true;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var displaymore = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var displayseparator = true;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showcommentnum = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostdate = false;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var showpostsummary = true;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var numchars = 100;</script></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"> <script type="text/javascript" src="http://www.</span><span style="font-family: Verdana, sans-serif;">exeblogger.blogspot</span><span style="font-family: Verdana, sans-serif;">.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script> </span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Congratulations:</b> You have successfully learned how to display Recent posts in blogger. Go and check out your blog to see things are working perfectly or not.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">We hope this article have helped you in learning a way to display recent post in your blogger site. You can even display posts by using your labels. However, we will discuss them in the upcoming tutorials. If you like this article do share it on Facebook and other social web.</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-29627184504170824842013-10-01T05:09:00.001-07:002013-10-01T05:22:07.786-07:00Add YouTube Style Progress Loading Bar in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUGJJ7JZEBv571xHxpVB2wF8m8_l4bNOHShnIMlcRO4MrxoAlxUUce2ZbvhXlNNSmv9OBYtwpycQI73-LwvdYkFEppvsgtRnlN-wxY5zA-GB0hlbfQXhMfH4PrWCuC7ZR6oMNUhFDllMk/s1600/loadin-dribble.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add YouTube Style Progress Loading Bar in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUGJJ7JZEBv571xHxpVB2wF8m8_l4bNOHShnIMlcRO4MrxoAlxUUce2ZbvhXlNNSmv9OBYtwpycQI73-LwvdYkFEppvsgtRnlN-wxY5zA-GB0hlbfQXhMfH4PrWCuC7ZR6oMNUhFDllMk/s1600/loadin-dribble.gif" title="Add YouTube Style Progress Loading Bar in Blogger" /></a></div>
<div>
<span style="font-family: Verdana, sans-serif;">Today We will share an tutoril on how you can add Youtube like progress bar on blogger.It is very nice,premium widget. I have tested this on Blogger and it works fine. So possibly it will work great on Wordpress websites too. </span><span style="font-family: Verdana, sans-serif;">There are several plugins for WordPress that will create progress bar widgets for your sidebar, but I don’t like them.</span><br />
<a name='more'></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEo-xp7_Kv93s3Ete1s1HhKhBE4JOtbiDpa2ZbfHpjH-kMSAS28HtOVLtLKb8Ghoiscez2pd4nTA3b2pc2HgWAh-auzYZOgZS0lJqkUG3iIJ2XlZL6alo6bAbpFqaPE73J2NT5LAxvifI/s1600/Youtube+Progress+Bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEo-xp7_Kv93s3Ete1s1HhKhBE4JOtbiDpa2ZbfHpjH-kMSAS28HtOVLtLKb8Ghoiscez2pd4nTA3b2pc2HgWAh-auzYZOgZS0lJqkUG3iIJ2XlZL6alo6bAbpFqaPE73J2NT5LAxvifI/s1600/Youtube+Progress+Bar.png" /></a></div>
<div>
<br /></div>
<h3 style="text-align: left;">
Where to Put the Code</h3>
<ul style="text-align: left;"><span style="font-family: Verdana, sans-serif;">
<li>Open <b>Blogger Dashboard >> Template >> Edit HTML</b>.</li>
<li>Press Ctrl+F and search for <b></body></b> tag & paste below code above it.</li>
</span></ul>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;">
<style></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">#nprogress{pointer-events:none}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">#nprogress.bar{</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">background:#29d;height:2px;left:0;position:fixed;top:0;width:100%;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">z-index:100}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">#nprogress .peg{-ms-transform:rotate(3deg) translate(0px,-4px);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">-webkit-transform:rotate(3deg) translate(0px,-4px);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">box-shadow:0 0 10px #29d, 0 0 5px #29d;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">display:block;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">height:100%;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">opacity:1.0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">position:absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">right:0;transform:</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">rotate(3deg) translate(0px,-4px);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">width:100px}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:100}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">#nprogress .spinner-icon{</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border:solid 2px transparent;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border-left-color:#29d;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border-radius:50%;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border-top-color:#29d;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">box-sizing:border-box;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">height:18px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">width:18px}100%{</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">-webkit-transform:rotate(360deg);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">transform:rotate(360deg)}.photo{display:none}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></style></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><div id='loadMore'/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><script src='http://goo.gl/10Okof'/></span></blockquote>
<br />
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul style="text-align: left;"><span style="font-family: Verdana, sans-serif;">
<li>Now hit <b>Save Template</b> and you are done, now just refresh your blog and see this awesome loading effect.</li>
</span></ul>
<span style="font-family: Verdana, sans-serif;">
<br />Well if you loved this effect and trick then do share this with all your friends by liking it below, if you face any problem do comment. :)</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com2tag:blogger.com,1999:blog-5369272855874044380.post-73081096702111248932013-10-01T03:00:00.001-07:002013-10-01T05:22:52.491-07:00How to Add Percentage Value to a Scrollbar in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.thevatconsultancy.com/blog/wp-content/uploads/2010/11/percentage.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Add Percentage Value to a Scrollbar in Blogger" border="0" src="http://www.thevatconsultancy.com/blog/wp-content/uploads/2010/11/percentage.jpg" height="240" title="How to Add Percentage Value to a Scrollbar in Blogger" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;">We have already shown you a way through which you can customize your Scrollbar using Web toolkit. Recently, one of our users asked us how to add percentage value to a Scrollbar in Blogger? It basically shows you the percentage of a page while scrolling. It might turn out to be extremely useful for your visitors to find out how much page they have scrolled, or how much content is left to be read. In this article, we will show you How to Add Percentage Value to a Scrollbar in Bloggers.</span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Note:</b> You can check out the demo of this widget <a href="http://gogreentheme.blogspot.com/" rel="nofollow" target="_blank">Here</a> (Tip: Make sure you scroll up or down the page to see the percentage along the scrollbar). </span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiDcHJBud7Rvbx1Gs0dSuWWyRKkcRGw-ljW4vOneKS9GaHix4avF2g7UR0Vs7f5a08xxDaluBjOBlbKn_nMhqXi8XPEHYpDOUHnHowQrHZzPvuu8WmtSJK198fvXQoBwKYdLTP3IS572o/s1600/Percentage+Value+To+Scrool+bar.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiDcHJBud7Rvbx1Gs0dSuWWyRKkcRGw-ljW4vOneKS9GaHix4avF2g7UR0Vs7f5a08xxDaluBjOBlbKn_nMhqXi8XPEHYpDOUHnHowQrHZzPvuu8WmtSJK198fvXQoBwKYdLTP3IS572o/s1600/Percentage+Value+To+Scrool+bar.png" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The First thing you need to do is to login into your <a href="http://exeblogger.blogspot.com/search/label/Google" rel="nofollow" target="_blank">Google</a> account making sure that your blogs are hosted on that particular account. Now go to Blogger Dashboard and select the blog in which you would like to add Percentage Value to a Scrollbar. Go to <b>Template >> Edit HTML</b> and search for the<b> ]]></b:skin></b> tag. Once you have found the ]]></b:skin> tag successfully, just above it paste the following CSS code.</span></div>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;">#scroll {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">display: none;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">position: fixed;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">top: 0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">right: 20px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">z-index: 500;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">padding: 3px 8px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">background-color: #2187e7;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">color: #fff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border-radius: 3px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">#scroll:after {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">content: ” ”;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">position: absolute;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">top: 50%;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">right: -8px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">height: 0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">width: 0;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">margin-top: -4px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border: 4px solid transparent;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">border-left-color: #2187e7;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span></blockquote>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">After adding the CSS coding, search for the ending <b></head></b> tag and right after it paste the following code. <i>(Tip: Make sure you paste the code between the ending </head> and opening <body> head tag</i>.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><div id='scroll'></div></span></blockquote>
</div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Lastly, search for the ending <b></body></b> tag and just above it paste the following JavaScript code. This is the code which will ensure that your scrollbar shows the accurate percentage upon scrolling up or down the page. Once everything is done, save the template by pressing “Save Template” Button available on the top right corner of your screen.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><script type='text/javascript'></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">/*<![CDATA[*/</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var scrollTimer = null;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">$(window).scroll(function() {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">var viewportHeight = $(this).height(),</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">progress = $(this).scrollTop() / ($(document).height() - viewportHeight),</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2</span><span style="font-family: Verdana, sans-serif;"> - $('#scroll').height() / 2;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">$('#scroll')</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.css('top', distance)</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.text(' (' + Math.round(progress * 100) + '%)')</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">.fadeIn(100);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">if (scrollTimer !== null) {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">clearTimeout(scrollTimer);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">scrollTimer = setTimeout(function() {</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">$('#scroll').fadeOut();</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">}, 1500);</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">});</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">/*]]>*/</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"></script></span></blockquote>
<div>
<div>
<div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div style="text-align: justify;">
<div>
<span style="font-family: Verdana, sans-serif;"><b>Congratulations:</b> You have successfully added percentage value to a scroll bar in bloggers. Now go and check our blog to see the widget in action.</span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Verdana, sans-serif;">We hope this tutorial have helped to learn How to Add Percentage Value to a Scrollbar in Bloggers. Let us know if you have any suggestions by commenting them below. If anyone want quick help or support just messages us on our <a href="https://www.facebook.com/exeblogger" rel="nofollow" target="_blank">Facebook Fan Page</a>.</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-86532458716371392912013-09-30T12:51:00.001-07:002013-10-02T00:35:01.366-07:00How to Align the Position of Widgets/Gadgets in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZIe_gMZjIPBZagVd9AB-BH-P1J3TNjkdXL8Lq0kzVnjU9HzO25QbJ2TkztvCFmPSihRLIcvKnSK9NaubwapnY8t9GEaCoLbjkHjXHX0c3tOkA03BJCTcfJVIBz1-et1kCgUYhtT3n0Y9/s1600/How+to+Align+the+Position+of+WidgetsGadgets+in+Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZIe_gMZjIPBZagVd9AB-BH-P1J3TNjkdXL8Lq0kzVnjU9HzO25QbJ2TkztvCFmPSihRLIcvKnSK9NaubwapnY8t9GEaCoLbjkHjXHX0c3tOkA03BJCTcfJVIBz1-et1kCgUYhtT3n0Y9/s1600/How+to+Align+the+Position+of+WidgetsGadgets+in+Blogger.png" /></a></div>
<span style="background-color: white; color: #333333; line-height: 18.296875px; text-align: left;"><span style="font-family: Verdana, sans-serif;">In general for all types of Bloggers it is usually those simple tips that help to modify the blogs and keep them in a neat and clean format. Therefore we are always on the look for such tips and information. This is one of those simple codes which can align your widgets to left, right or centre.</span></span><span style="font-family: Verdana, sans-serif;">Pages gadget is left aligned by default. To align it in the center or on the right (of your horizontal bar or sidebar), you just need to add a small CSS code snippet. So, check this out.</span></div>
<div style="text-align: justify;">
<br /></div>
<a name='more'></a><h3 style="text-align: left;">
How to Align the Position of Widgets in Blogger</h3>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif; text-align: justify;">First you need to locate the <b><span style="color: #3d85c6;">widgetID#</span></b>.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Go To Your Blogger Dashboard.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Open Your Desire Blog.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now Go To "Template"</span></li>
<li><span style="font-family: Verdana, sans-serif;">Click "Edit HTML" Button To Edit It.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now Press "CTRL+F" And Find ]]></b:skin></span></li>
<li><span style="font-family: Verdana, sans-serif;">Copy The Below Code And Paste It Just After It.</span></li>
</ul>
<br />
<div>
<br /></div>
<div>
<span style="color: #990000; font-family: Trebuchet MS, sans-serif;"><b>a)</b></span><span style="font-family: Verdana, sans-serif;"> This code is for basic text alignment. Replace the </span><b style="background-color: white; font-family: Verdana, sans-serif;"><span style="color: magenta;">Pink</span></b><span style="font-family: Verdana, sans-serif;"> with center, left, or right:</span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<blockquote class="tr_bq" style="font-family: Verdana, sans-serif;">
#<span style="color: #3d85c6;"><b>WidgetID#</b></span> {<br />
text-align: <span style="color: magenta;"><b>center</b></span>;<br />
}</blockquote>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<div>
<b><span style="color: #990000; font-family: Trebuchet MS, sans-serif;">b)</span></b><span style="font-family: Verdana, sans-serif;"> This code is for a more precise alignment.You can use padding & margin:</span></div>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<blockquote class="tr_bq" style="font-family: Verdana, sans-serif;">
#<b style="color: #3d85c6;">WidgetID#</b> {<br />
padding: 0px 0px 0px 0px<br />
}</blockquote>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<div>
<span style="color: #990000; font-family: Trebuchet MS, sans-serif;"><b>c)</b></span><span style="font-family: Verdana, sans-serif;"> You can also use a code like this to fit the specific needs of your blog:</span></div>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<blockquote class="tr_bq" style="font-family: Verdana, sans-serif;">
#<b style="color: #3d85c6;">WidgetID#</b> {<br />
position:absolute;<br />
left:100px;<br />
top:150px;<br />
}</blockquote>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
<div style="font-family: Verdana, sans-serif;">
The above code would display your gadget 100px off the left side of your browser screen. You can adjust this to your liking.</div>
<div style="font-family: Verdana, sans-serif;">
For more on the use of this kind of code you may refer to the following link: Custom styles</div>
<div style="font-family: Verdana, sans-serif;">
for gadgets</div>
<div style="font-family: Verdana, sans-serif;">
Good luck....</div>
<div style="font-family: Verdana, sans-serif;">
<br /></div>
</div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-39507827552019182902013-09-30T01:08:00.000-07:002013-10-02T00:35:01.356-07:00How to Change the Default Language of Blogger Dashboard<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-A0K7w4LSgeYYGPR6I3Z3paGEUpHHhbs8vUllQTOVpP9-gdeaZbvHZ9S-c8pq4ud_l_fJ3bAJ02nojFBux26MPcYMP-uyt5S7MDNCSmSHiKN4AkVyRc4EpE0QW1_nCkZR4uUPstJmX4I/s1600/Blogger+Language2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Change the Default Language of Blogger Dashboard" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-A0K7w4LSgeYYGPR6I3Z3paGEUpHHhbs8vUllQTOVpP9-gdeaZbvHZ9S-c8pq4ud_l_fJ3bAJ02nojFBux26MPcYMP-uyt5S7MDNCSmSHiKN4AkVyRc4EpE0QW1_nCkZR4uUPstJmX4I/s1600/Blogger+Language2.png" title="How to Change the Default Language of Blogger Dashboard" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Everyone has their own preferences for what they would be using and what they would not. By default, Blogger dashboards come up with the English language (either United Kingdom or United States) which can be changed easily to any other languages like Spanish, French and etc. Recently, one of our users asked us How to Change The Default Language of Blogger Dashboard? Blogger is available in more than 100 languages so it might help users to understand Blogger more easily though their native language. In this article, we will show you How to Change the Default Language of Blogger Dashboard.</span></div>
<a name='more'></a><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The first thing you need to do to change the language of your Blogger dashboard is to login into your Google Account. After logging into your account, head over to <a href="http://www.blogger.com/">http://www.blogger.com/</a> where you will notice written English (United Kingdom) on the top right corner of your screen just above the list of your blogs. </span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7nyuVVvvy-miIrcqQ0RNsj3o9LIWocXp5khJgFeob7I6l3W5fsLTm9YRzc2gGGxceaWUnSYDecFXriahA4dH7lq1QmgrcD63qdNQvj2iMB8JQhmDN-c8walRzWsKR3oBrWHw3ctUB_A/s1600/Blogger+Language.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Change the Default Language of Blogger Dashboard" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7nyuVVvvy-miIrcqQ0RNsj3o9LIWocXp5khJgFeob7I6l3W5fsLTm9YRzc2gGGxceaWUnSYDecFXriahA4dH7lq1QmgrcD63qdNQvj2iMB8JQhmDN-c8walRzWsKR3oBrWHw3ctUB_A/s1600/Blogger+Language.png" title="How to Change the Default Language of Blogger Dashboard" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Now on pressing the Language button a list drop down list would appear consisting on the languages that you can use. It entirely depends on a person that which language he is willing to use. After choosing a language, reload the page and enjoy blogger dashboard in your native language.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: justify;">
<span style="font-family: inherit;">Alternative Method:</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">If you are too lazy to do a lot of steps, then you can follow an alternative method by directly visiting “Blogger Language Choose Page” <a href="http://www.blogger.com/language.g">http://www.blogger.com/language.g</a> and can simply select the preferred language from the drop down list. Once everything is done press “Save Settings” to complete.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhERtOdV7my-YbZcYCXFFjHjdy5NokLBL_VIF_i4d_Zfr_hGE0qmYO7inSEOe0Gmo_SL18jjOVN6y5Bn3huMiLDZZj_bWDSYt6FdXRhhqNqsOsuGiER-VidHQAnizpOWC9DU4CEnaKts5A/s1600/Blogger+Language1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Change the Default Language of Blogger Dashboard" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhERtOdV7my-YbZcYCXFFjHjdy5NokLBL_VIF_i4d_Zfr_hGE0qmYO7inSEOe0Gmo_SL18jjOVN6y5Bn3huMiLDZZj_bWDSYt6FdXRhhqNqsOsuGiER-VidHQAnizpOWC9DU4CEnaKts5A/s1600/Blogger+Language1.png" title="How to Change the Default Language of Blogger Dashboard" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Congratulations:</b> You have successfully changed the default language of the Blogger dashboard. Now you can browse it in your own native language. If you want to revert back to default language again then, you can reapply the same steps.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">We hope this tip have helped you in learning How to change the default language of Blogger Dashboard. Most of the folks prefer English, but that doesn’t means there are not people who want it to be in their own native language.</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-59200298908717202292013-09-30T00:32:00.004-07:002013-10-02T00:35:01.359-07:00How to Backup and Restore Blog in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVjz0-OOTuO6cklfDFU4Jl8ypMgEHRY5PfCkYQXLKbM3AFxl2hbwzS7ewTe4E_Z85ucj36gz_Pfoc5kKHLNbq9EN9f5tHlFwSANhm4hAvTigA7nnpgzfrzh8JujvKQkZWKFKHN_7k-9f8/s1600/Back+Up+Blogger+Blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Backup and Restore Blog in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVjz0-OOTuO6cklfDFU4Jl8ypMgEHRY5PfCkYQXLKbM3AFxl2hbwzS7ewTe4E_Z85ucj36gz_Pfoc5kKHLNbq9EN9f5tHlFwSANhm4hAvTigA7nnpgzfrzh8JujvKQkZWKFKHN_7k-9f8/s1600/Back+Up+Blogger+Blog.png" title="How to Backup and Restore Blog in Blogger" /></a></div>
<span style="font-family: Verdana, sans-serif;">This is an open Internet, bad things can happen to anyone even to the professional bloggers. This is why we spend most of our time in reminding you to take a backup of your blogger blog on a regular basis. No matter how secure framework you got. Though, we have already explained you various methods of taking backup of your blogger blog. Recently, a guy contacted us and asked us How to restore Blogger From Backup? This question was reasonable because we haven’t covered this topic yet. Therefore, in this tutorial, we will show you How to restore Blogger From Backup?</span><br />
<a name='more'></a></div>
<h3 style="text-align: justify;">
<span style="font-family: inherit;">Why to Restore Blogger From Backup?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Before we work on our tutorial, it is essential for everyone to learn why he should be restoring his blog through Backup. Following are the few meaningful reasons we collected while experiencing blogger for more than 5 years.</span></div>
<div style="text-align: justify;">
<br /></div>
<br />
<ul style="text-align: left;">
<li style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>Blog Deleted by Blogger:</b> Your blog is owned by Google which means you are not the lone administrator of you site, so Blogger can delete your blog if you violated the content policy. In this situation, you may not get your .blogspot.com site back, but if it is hosted on .com domain, then you might have chances of recovering it. If not on Blogger, then with the help of the backup you can restore it on WordPress.</span></li>
<li style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>Hacked or Malware:</b> Sometime websites catch malware attack. Most people are not code-friendly, so they cannot remove the malware or the hacking script injected into their site. In this situation, they can use the backup to restore their site to the normal conditions. </span></li>
</ul>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Still these reasons are limited to some extent because it could be anything that we may have not experienced it yet. If anyone has something to share, then feel free to share it by commenting below.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: justify;">
<span style="font-family: inherit;">How to Restore Blogger From Backup?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">The first thing you need to do is to login into your Google account. Now from the Blogger dashboard go to <b>Your Blog >>Settings >> Other >> Import</b>. For your help, we have attached a screenshot below:</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5jTvFegjLKpgkQIXhpHqnGqF3PHA5-6u2yMxJQ160lXA9zGwzge4AreacPEi_rqbyvL0_fXzb14yxRT3M3ZuZvkMV4fSjPb4I0ujl2DPF7GUSnVx5dcBYOt-3HlJSCsKo89PM205VJ8/s1600/How+to+Restore+Blogger+From+Backup.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Backup and Restore Blog in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5jTvFegjLKpgkQIXhpHqnGqF3PHA5-6u2yMxJQ160lXA9zGwzge4AreacPEi_rqbyvL0_fXzb14yxRT3M3ZuZvkMV4fSjPb4I0ujl2DPF7GUSnVx5dcBYOt-3HlJSCsKo89PM205VJ8/s1600/How+to+Restore+Blogger+From+Backup.png" title="How to Backup and Restore Blog in Blogger" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Now you need to upload the backup of your site so that system can restore your site. Just Choose the backup from your computer hard drive, enter the captcha for security reasons and press the “Upload” button as it can be seen on the screenshot below. </span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJWo0Re3fIbeNaM1Xygag_eqNWpnu9dzwNi6zH6z6ClvPrhvZClcvWJ5DOk8_D8YAMnLULdWXwiig_CuSSB3oVFg-et0KjV-N83CsrjmBybj82hXi4_gi5aP2YuBMo2J2r9FpSITP5To0/s1600/How+to+Restore+Blogger+From+Backup1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Backup and Restore Blog in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJWo0Re3fIbeNaM1Xygag_eqNWpnu9dzwNi6zH6z6ClvPrhvZClcvWJ5DOk8_D8YAMnLULdWXwiig_CuSSB3oVFg-et0KjV-N83CsrjmBybj82hXi4_gi5aP2YuBMo2J2r9FpSITP5To0/s1600/How+to+Restore+Blogger+From+Backup1.png" title="How to Backup and Restore Blog in Blogger" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Congratulations:</b> once the backup is finished, you have successfully backup’d your blogger site. The old articles and comments can be accessed either your blogger dashboard or your site.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">We hope this tutorial may have helped you in learning How to restore Blogger From Backup. Since, blogger is in the cloud, so we there is no need worry a lot about backups but still to play safe taking backup of your site will not take a lot of time. If you want any kind of help then, just tweet us <a href="https://twitter.com/ExEBlogger" rel="nofollow" target="_blank">@ExEBlogger</a>.</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-88579728047989046342013-09-29T23:39:00.001-07:002013-09-29T23:42:03.574-07:00Google Finally Disclosed Why 90% Search Traffic got Effected<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdIwfO2Pdua4b69ciZaFb8Tt8KkckZ5Go_l4-u7KNqtQ2SS0n26JE5YeZL5AsFcoKi1MgvnwscW4X6IBhr6Ij7PD5Ah4Q4ZR-Gl8lYXzaYjKVtj1t3Y6OMJTzTMk2SRMflUGWGMrRgf0Gn/s320/google-humminbird-overhaul.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Google Finally Disclosed Why 90% Search Traffic got Effected" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdIwfO2Pdua4b69ciZaFb8Tt8KkckZ5Go_l4-u7KNqtQ2SS0n26JE5YeZL5AsFcoKi1MgvnwscW4X6IBhr6Ij7PD5Ah4Q4ZR-Gl8lYXzaYjKVtj1t3Y6OMJTzTMk2SRMflUGWGMrRgf0Gn/s320/google-humminbird-overhaul.jpg" title="Google Finally Disclosed Why 90% Search Traffic got Effected" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">OK. So I guess the cat's finally out of the bag, as Google has finally disclosed the reason behind the massive search traffic drop that effected millions of websites last month. In response to the drop, we conducted a few case studies of our own, and looked over the traffic patterns for various websites, large and small. We concluded that there was definitely something wrong, and Google was making changes at the back-end without telling anybody. Well now, Google has finally disclosed the reasons behind the traffic drop in an event held Thursday that marked the company's 15th birthday.</span></div>
<a name='more'></a><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Traffic for millions of websites got effected. But even so, Google's and Googlers' blogs and social media profiles were annoyingly deserted, and no one was any the wiser as to what was going on, attributing the massive loss of traffic to another possible algorithmic change. And right they were! Google indeed has made algorithmic changes, and this time around, it's not another beast lurking around in the wilderness...</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">...it's a major overhaul of the search engine!</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">OK, the "not another beast" part might not be entirely true, because this new algorithm is called the Hummingbird (like the Panda and Penguin updates). But you gotta hand it to Google for taking something innocent, and turning it something nasty; and apparently, the more innocent, the nastier it is (Google's perverse logic, as it should be called :P). But forgive me for straying off-topic.</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">As I was saying, it's a major overhaul of the search engine codenamed 'Hummingbird', and it is the biggest change since the 'Caffeine' update in 2010 - possibly bigger, much bigger. "It is really big," admits Amit Singhal, a Google Search executive.</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">What's new?</span></h3>
<span style="font-family: Verdana, sans-serif;">Two major changes can be identified from Google's announcement.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><b>1. Complex-queries</b></span><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">As Google has evolved, people have learned to search for phrases and sentences rather than simply words. This is a challenge, because it makes search queries complex. So Google has been working all this time to entertain more and more complex queries. Hence, longer and more complex search queries can be used now for searching content on Google. The purpose is to 'understand' what a searcher wants.</span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">So for example, if I want to compare the nutritional benefits of olive oil and coconut oil (something a Google executive showed off at the event), I won't just be given a list of websites with relevant content. Instead, I will see all the nutritional information in the form of a comparison right there on Google, which means I won't have to actually click through to any website for the desired information. A search algorithm like that is bound to hurt a website that writes about olive oil and its benefits!</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><b>2. Voice-based search</b></span><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Google has now improved upon its voice-based search as well. People speak differently, and write differently. So voice-based queries are different, and more complex than text-based ones. People also use smartphones to search the internet, which also means more voice-based (and ultimately complex) search queries.</span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Using this as a motivation, Google has designed the new algorithm to better understand voice-based queries, and return relevant results. It now also features support for varying dialects and accents, which is a plus-point for international users (outside the U.S).</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">So what does it all mean?</span></h3>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">As a casual web surfer? It means Google is your go-to place for searching for stuff. Forget Bing or Yahoo. But the more avid user can immediately find a problem; Google is gaining more power. And we all know what happens when there's an imbalance of power, don't we? It makes people dependant. Kind of like putting all your eggs in the same basket. And I don't need to tell you how perilous that can be.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">For webmasters, it's cause for concern, because most of their traffic depends on organic search through Google. And if Google suddenly decides that it can provide the content you have on your site by itself, then there's nothing much you can do about it.</span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">But what surprises me is how biased is the attitude towards large, corporate websites. Small websites with great content usually get penalized, whereas the big fish in the corporate world mostly get away with. Not to take a deliberate or personal shot, but when you have free time on your hands, do take a look at the content produced on the site ehow.com, and then tell me if their search ranking is justified or not.</span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">In the end, one can only hope for the best, and pray that the next update would be at least a little less biased, and a little more explained, so that small, yet original content publishers can also profit from their hard work. All the best for the future :)</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-14713779222129343082013-09-27T19:00:00.000-07:002013-09-30T13:03:42.358-07:00Add Awesome Social Sharing Widget To Blogger Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHya5EENey_58dSfzNbssRPchZuZ7fWgdAylBc8DiywIs_qEA1-8yTeCBTx4EGqJWXD1lu7f8HSNQB2KxlZ9JWXECdwmp5I8zMR5lCyyO0DetvO5gwiOHURyibjUNJ2pHYBkw2bRSkwI4/s1600/Social+Sharing+Widget.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHya5EENey_58dSfzNbssRPchZuZ7fWgdAylBc8DiywIs_qEA1-8yTeCBTx4EGqJWXD1lu7f8HSNQB2KxlZ9JWXECdwmp5I8zMR5lCyyO0DetvO5gwiOHURyibjUNJ2pHYBkw2bRSkwI4/s1600/Social+Sharing+Widget.gif" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Now, Bloggers are aware of the role of <a href="http://exeblogger.blogspot.com/search/label/Social%20Media" rel="nofollow" target="_blank">Social Media</a> in making their blog popular. Almost all bloggers are using the social sharing widgets and social media following widgets to increase the social media presence of their blog. Social media plays an important role in according to <a href="http://exeblogger.blogspot.com/search/label/SEO" rel="nofollow" target="_blank">SEO</a> and SERP roles. Adding elegant stylish social media bookmarking widget plays very impressive role to make your blog stylish and looking cool. Every beginner and professional blogger user wants to have something better and something different than others. Today I decided to tell you about an simple and effective social Media Bookmarking Widget that is used by all Professional Bloggers. This beautiful widget can makes your site attractive without effecting your blog or website loading time. Previously we wrote tutorial on social media sharing widget but today we have another social media sharing widget. The Amazing things for this widget is that, Loading time is Extremely Fast. You can check it loading time on live preview by clicking on live preview button. </span><br />
<a name='more'></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<center>
<div class="sb-button">
<a href="https://www.blogger.com/blogger.g?blogID=5369272855874044380#bt-social-share">Live Demo</a>
<br />
<div class="up">
© ExEblogger™</div>
<div class="down">
Click to See</div>
</div>
</center>
<span style="font-family: Verdana, sans-serif;">Now let’s proceed with the tutorial to add this social media widget to your blog. Follow the Simple Steps Below.</span><br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Add It To Blogger</span></h3>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go To Blogger Dashboard > Template > Edit HTML. </span><span style="color: #3d85c6; font-family: Verdana, sans-serif;">(Before Editing Your Template Please Make a Backup.)</span></li>
<li><span style="font-family: Verdana, sans-serif;">Backup your template.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Search for </span><b style="font-family: Verdana, sans-serif;">]]></b:skin></b><span style="font-family: Verdana, sans-serif;"> and just before it give a space and add this code.</span></li>
</ul>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;">div#exe-social-share {<br />background:#f3f3f3;<br />width:600px;<br />height: 80px;<br />border: 1px solid transparent;<br />border-radius: 5px;<br />-moz-border-radius: 5px;<br />-webkit-border-radius: 5px; <br />}<br />#exe-social-share ul {<br />list-style: none;<br />clear: none;<br />padding: 0px 0px ;<br />margin: 25px 10px 0 0;<br />float:right;<br />}<br />#exe-social-share ul li {<br />display: inline;<br />background:none;<br />vertical-align:middle;<br />margin:0;<br />padding:0;<br />}<br />#exe-social-share ul li a {<br />display: block;<br />float: left;<br />width: 32px;<br />height:32px;<br />background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgotKpqB3Nur4dbHZGPfk9PparhjcfcfZqGX5LZ0h4XQv7q7VIlIyBuUu-j-41ntLx5in30CsBKMUAaUmxMJr6cVtuvT-SGECcP6MVMRY8y7n5if-AL7qRlFwA_5xJbmxHrqEjOfb_-eGMf/s1600/Social_sprites.png);<br />margin-left:3px;<br />background-repeat: no-repeat;<br />margin-right: 2px;<br />-moz-transition: all 0.4s ease;<br />-o-transition: all 0.4s ease;<br />-webkit-transition: all 0.4s ease;<br />-ms-transition: all 0.4s ease;<br />transition: all 0.4s ease;<br />}<br />#exe-social-share ul li a.facebook {background-position: -0px -0px; }<br />#exe-social-share ul li a.facebook:hover {background-position: -0px -33px; }<br />#exe-social-share ul li a.twitter {background-position: -32px -0px; }<br />#exe-social-share ul li a.twitter:hover {background-position: -32px -33px; }<br />#exe-social-share ul li a.google {background-position: -64px -0px; }<br />#exe-social-share ul li a.google:hover{background-position: -64px -33px; }<br />#exe-social-share ul li a.pinterest {background-position: -96px -0px; }<br />#exe-social-share ul li a.pinterest:hover {background-position: -96px -33px; }<br />#exe-social-share ul li a.delicious {background-position: -128px -0px; }<br />#exe-social-share ul li a.delicious:hover {background-position: -128px -33px;}<br />#exe-social-share ul li a.digg {background-position: -160px -0px; }<br />#exe-social-share ul li a.digg:hover {background-position: -160px -33px;}<br />#exe-social-share ul li a.addtoany {background-position: -192px -0px; }<br />#exe-social-share ul li a.addtoany:hover {background-position: -192px -33px;}</span></blockquote>
<br />
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Save Changes and jump to the next step of this tutorial.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Note:- To change the Widget box size, change this value width: 600px;</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now Search for </span><b style="font-family: Verdana, sans-serif;"><data:post.body/></b><span style="font-family: Verdana, sans-serif;"> And Put Below Code immediately after it!</span></li>
</ul>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><div id='bt-social-share'> </span><span style="font-family: Verdana, sans-serif;"><span style="font-family: 'Source Sans Pro', sans-serif;float:left; margin-left: 10px; font-size:14px; line-height: 80px; text-shadow: 0px 0px 1px #333;"><span style="color: #38761d;">Share This Story, Choose Your Platform!</span> </span> </span><span style="font-family: Verdana, sans-serif;"><ul> </span><span style="font-family: Verdana, sans-serif;"><li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li></span><span style="font-family: Verdana, sans-serif;"><li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li></span><span style="font-family: Verdana, sans-serif;"><li><a class='google' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li></span><span style="font-family: Verdana, sans-serif;"><li><a class='pinterest' href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'/></li></span><span style="font-family: Verdana, sans-serif;"><li><a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li></span><span style="font-family: Verdana, sans-serif;"><li><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li></span><span style="font-family: Verdana, sans-serif;"><li><a class='a2a_dd addtoany' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' title='Share this post on others'/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li> </span><span style="font-family: Verdana, sans-serif;"></ul> </span><span style="font-family: Verdana, sans-serif;"></div></span></blockquote>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Hit save and you are done again!</span></li>
</ul>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Troubleshooting</span></h3>
<div>
<div>
<span style="font-family: Verdana, sans-serif;">While finding the <data:post.body/> code is coming three time. This Problem comes when we install Auto Read Hack in our Blogs. For this Problem Search for any one line from below and Put Above HTML Section of Widget Code after it!</span></div>
<div>
</div>
<div>
<span style="font-family: Verdana, sans-serif;"><div class='post-footer-line post-footer-line-1'></span></div>
<div>
</div>
<div>
<span style="font-family: Verdana, sans-serif;"><div class='post-footer'></span></div>
<div>
</div>
<div>
<span style="font-family: Verdana, sans-serif;"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><data:post.body/></span></div>
<div>
</div>
<div>
<span style="font-family: Verdana, sans-serif;">If you faced any problem then feel free to let me know. I will write more tutorials on this topic this week so that you may get all the latest updates. I hope this Widget proves useful to most of you and it may bless your blogs with even more traffic.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<span style="font-family: Verdana, sans-serif;"></span></div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com4tag:blogger.com,1999:blog-5369272855874044380.post-26423581151579764162013-09-25T21:59:00.000-07:002013-10-02T09:28:26.289-07:00How to Embed Facebook Status Updates in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFWRTiJkDsHo0u-KhSlAebuqqIdICEvNyVDNgDW4U9LI_aTtH-wrG8Xi_Jd1rJ30Vs4YEOHJqhbsvIV2hObQa9sSIGhnIxmgNNr5QK29Qw31yJ6K1Y0Q48uwOdf2AeADmK6NTfAo7PQd0/s1600/Facebook+Status.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFWRTiJkDsHo0u-KhSlAebuqqIdICEvNyVDNgDW4U9LI_aTtH-wrG8Xi_Jd1rJ30Vs4YEOHJqhbsvIV2hObQa9sSIGhnIxmgNNr5QK29Qw31yJ6K1Y0Q48uwOdf2AeADmK6NTfAo7PQd0/s1600/Facebook+Status.png" height="215" width="400" /></a></div>
<div style="text-align: justify;">
<a href="http://exeblogger.blogspot.com/search/label/Facebook" rel="nofollow" style="font-family: Verdana, sans-serif;" target="_blank">Facebook</a><span style="font-family: Verdana, sans-serif;"> made their beta post embedding feature available for public users, which allows users to embed Facebook Status updates publicly anywhere on the web. This feature might be a handy one if you want to include an authentic information from any of the verified Facebook Page or Profile. In this article, we will show you How to Embed Facebook Status Updates in Blogger?</span><br />
<a name='more'></a></div>
<br />
<br />
<span style="background: none repeat scroll 0 0 #FFF6BF; border-color: #FFD324; border-style: solid; border-width: 1px; margin: 10px 0; padding: 20px 10px;"><span style="font-family: Georgia; font-size: 16px;"><b>Recommended:</b> <a href="http://exeblogger.blogspot.com/2013/09/add-facebook-like-button-below-post.html" rel="nofollow" target="_blank">Add Facebook Like Button Below Post Titles in Blogger</a></span></span><br />
<br />
<span style="font-family: Verdana, sans-serif;"></span><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">You can embed any of public Facebook Status updates from profiles or pages. To identify whether that the posts are public, you have to look for a globe sign attached right next to the date on which the status was published. For example, Check <a href="https://www.facebook.com/ExEBlogger" rel="nofollow" target="_blank">ExEBlogger Facebook Page</a> and you will see a globe sign attached as it can be seen below.</span></div>
<span style="font-family: Verdana, sans-serif;">
</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9JMHBQ0JciT36LfpZeUJ4K0vCnADKTY3D81xMuguH37oSs0nR1OPH8zvzbm8z7WDLYDDgmVp1OhyG64vLHI3NyoqnY1LOiFCbX4kc8ktkLTWsAJMXS2VvjtY3ThPIRzKynF92R-TkvI/s1600/Facebook+Status.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Embed Facebook Status Updates in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9JMHBQ0JciT36LfpZeUJ4K0vCnADKTY3D81xMuguH37oSs0nR1OPH8zvzbm8z7WDLYDDgmVp1OhyG64vLHI3NyoqnY1LOiFCbX4kc8ktkLTWsAJMXS2VvjtY3ThPIRzKynF92R-TkvI/s1600/Facebook+Status.png" title="How to Embed Facebook Status Updates in Blogger" /></a></span></div>
<span style="font-family: Verdana, sans-serif;">
</span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">How to Embed Facebook Status Updates in Blogger?</span></h3>
<span style="font-family: Verdana, sans-serif;">The first thing you need to do is to look for a public Facebook Status update that you would like to embed on your blogger site. The status update can be either of yours or any other.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">After selecting a post, you will able to see an “<b>arrow</b>” indicating downwards located on the top right corner. On pressing that “<b>arrow</b>” a drop menu will appear consisting on an option called “<b>Embed post</b>”, just select it and proceed to the next step.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheZlq1j7DcbhaJCHhrlqxD-gqVJ8Zk27qiCCXLQjTtyOFNSL3V8S7IlrALTbmOtIoYxCTQq_kBwXaOACkASJAuZyYOvImowRdcfkv4g7CMaCicnwyjDXTWeUCffH9k1jr7uN0pyrAaeQs/s1600/Facebook+Status+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Embed Facebook Status Updates in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheZlq1j7DcbhaJCHhrlqxD-gqVJ8Zk27qiCCXLQjTtyOFNSL3V8S7IlrALTbmOtIoYxCTQq_kBwXaOACkASJAuZyYOvImowRdcfkv4g7CMaCicnwyjDXTWeUCffH9k1jr7uN0pyrAaeQs/s1600/Facebook+Status+2.png" title="How to Embed Facebook Status Updates in Blogger" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Now you the HTML Code present at the top. You can paste it anywhere you want to show the Facebook Status update. However, to display them in your posts go to <b>Blogger.com</b> >><b> Add a New Post</b> >> <b>Revert to Edit HTML Tab</b> >> Paste the HTML Code in the text area. Once everything is done publish the post.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2mb7eg1o5YjE10I97nBgtm3rcnh-INLELSdtQdMyw0o6bkhL06wUfEn7yVymRWrtUy2J0TC6O2z7kdZEeVydGFdCkPx-Bm98alGwB-8Oz_rQq2RyFaCJhPAaG8hsRyOiCYHRoYz6mtLY/s1600/Facebook+Status+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Embed Facebook Status Updates in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2mb7eg1o5YjE10I97nBgtm3rcnh-INLELSdtQdMyw0o6bkhL06wUfEn7yVymRWrtUy2J0TC6O2z7kdZEeVydGFdCkPx-Bm98alGwB-8Oz_rQq2RyFaCJhPAaG8hsRyOiCYHRoYz6mtLY/s1600/Facebook+Status+3.png" title="How to Embed Facebook Status Updates in Blogger" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><b>Congratulations:</b> You have successfully embedded Facebook Status update in Blogger. Now go and check your post to see if its working perfectly. It is an interactive status update, so you can directly comment, reply or like the status straight from the place you have embedded the status.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">We hope this tutorial helps you in learned how to embed Facebook Status update in Blogger. Let us know your thoughts about this new feature. If you like this tutorial, then make it go viral by sharing it with your friends on Facebook.</span></div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com8tag:blogger.com,1999:blog-5369272855874044380.post-21522529945778099972013-09-23T23:50:00.001-07:002013-09-24T00:33:02.113-07:00Google Plus Followers Widget For Blogger With Hover Effect<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia39SBCT-QwbAiU9eKztfCpTkHloS0PVovFDTIlzMaWfbxjnyxuFxK0s4hL5oNUXxRppwFTbH04Aa1R-XV4haN3UCw9vv0xojipBKZ2hjFx98OTRZKK2rRhsOHsiLQ1svXyWng3k8uCEs/s1600/Google+Plus+Circles.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Google Plus Followers Widget For Blogger With Hover Effect" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia39SBCT-QwbAiU9eKztfCpTkHloS0PVovFDTIlzMaWfbxjnyxuFxK0s4hL5oNUXxRppwFTbH04Aa1R-XV4haN3UCw9vv0xojipBKZ2hjFx98OTRZKK2rRhsOHsiLQ1svXyWng3k8uCEs/s1600/Google+Plus+Circles.png" height="287" title="Google Plus Followers Widget For Blogger With Hover Effect" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;">Google plus widget for blogger is a great gadget to increase your followers and hence to get more page views on your posts and global exposure, So here is a widget with hover effects for you.we have already shared many of social media sharing widget for blogger like Google plus <a href="http://exeblogger.blogspot.com/search/label/Pop-Ups" rel="nofollow" target="_blank">pop up</a> box widget for blogger and horizontal focus social sharing widget for blogger.and we also shared three in one <a href="http://exeblogger.blogspot.com/search/label/Facebook" rel="nofollow" target="_blank">Facebook</a>,Google Plus and Twitter <a href="http://exeblogger.blogspot.com/search/label/Pop-Ups" rel="nofollow" target="_blank">Pop up</a> widget for blogger with timer. So here is another one with awesome hover effects, It is simple and fast loading purely based on css and html, After installing this widget when you move your mouse cursor on this widget it changes background color and border and gives awesome animated effects , It is coded in html and css and works in all browsers like Google chrome, Internet explorer, Mozilla Firefox and others.</span><br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgysECtJfXv79JfL5V_J5IroMAyVbmVnicSkKR-V4NdAPz1EL8wHNRB_HI9MQ_DGvMXPCodKUSa_x3x1j3_wlC0WjNXD2VK2SSZjC7t_Xya4BADvWRg4UQp6bSnObLWyctbqBNCrmNFc0c/s1600/google+plus+followers+Widget.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgysECtJfXv79JfL5V_J5IroMAyVbmVnicSkKR-V4NdAPz1EL8wHNRB_HI9MQ_DGvMXPCodKUSa_x3x1j3_wlC0WjNXD2VK2SSZjC7t_Xya4BADvWRg4UQp6bSnObLWyctbqBNCrmNFc0c/s1600/google+plus+followers+Widget.png" /></a></div>
<span style="font-family: Verdana, sans-serif;">Below is the step by step method to add this Google plus widget to blogger with demo. One should always use such widget because this helps in more page views for your posts because if user likes your posts then they share it through such type of widgets and if your posts gets more sharing then it appears in </span><a href="http://exeblogger.blogspot.com/search/label/Google" rel="nofollow" style="font-family: Verdana, sans-serif;" target="_blank">Google</a><span style="font-family: Verdana, sans-serif;"> search results and hence it increase search engine visibility of your blog. So choose the best widget for your blog and here you will get such widget.</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How to add Google plus add to circle widget to blogger</span></h3>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go to "<a href="https://www.blogger.com/" rel="nofollow" target="_blank">Blogger Dashboard</a>".</span></li>
<li><span style="font-family: Verdana, sans-serif;">Go to "Layout".</span></li>
<li><span style="font-family: Verdana, sans-serif;">Click on "Add a Gadget".</span></li>
<li><span style="font-family: Verdana, sans-serif;">Choose "HTML/JAVASCRIPT".</span></li>
<li><span style="font-family: Verdana, sans-serif;">Copy the below code and paste.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now save the arrangement and you are done.</span></li>
</ul>
<div>
<span style="font-family: Verdana, sans-serif;"></span><br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><style></span><br />
<span style="font-family: Verdana, sans-serif;">.ExEFollowBox{</span><br />
<span style="font-family: Verdana, sans-serif;">margin: 10px auto;</span><br />
<span style="font-family: Verdana, sans-serif;">background-color: #ffffff;</span><br />
<span style="font-family: Verdana, sans-serif;">width: 260px;</span><br />
<span style="font-family: Verdana, sans-serif;">padding: 10px 0 10px 10px;</span><br />
<span style="font-family: Verdana, sans-serif;">height: 255px;</span><br />
<span style="font-family: Verdana, sans-serif;">overflow: hidden;</span><br />
<span style="font-family: Verdana, sans-serif;">-webkit-transition: all 0.5s ease-in-out;</span><br />
<span style="font-family: Verdana, sans-serif;">-moz-transition: all 0.5s ease-in-out;</span><br />
<span style="font-family: Verdana, sans-serif;">-ms-transition: all 0.5s ease-in-out;</span><br />
<span style="font-family: Verdana, sans-serif;">-o-transition: all 0.5s ease-in-out;</span><br />
<span style="font-family: Verdana, sans-serif;">transition: all 0.5s ease-in-out;</span><br />
<span style="font-family: Verdana, sans-serif;">border: 10px solid #000000;</span><br />
<span style="font-family: Verdana, sans-serif;">}</span><br />
<span style="font-family: Verdana, sans-serif;">.ExEFollowBox:hover {</span><br />
<span style="font-family: Verdana, sans-serif;">border: 10px solid #054542;</span><br />
<span style="font-family: Verdana, sans-serif;">background-image: linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);</span><br />
<span style="font-family: Verdana, sans-serif;">background-image: -o-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);</span><br />
<span style="font-family: Verdana, sans-serif;">background-image: -moz-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);</span><br />
<span style="font-family: Verdana, sans-serif;">background-image: -webkit-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);</span><br />
<span style="font-family: Verdana, sans-serif;">background-image: -ms-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);</span><br />
<span style="font-family: Verdana, sans-serif;">background-image: -webkit-gradient(</span><br />
<span style="font-family: Verdana, sans-serif;">linear,</span><br />
<span style="font-family: Verdana, sans-serif;">left bottom,</span><br />
<span style="font-family: Verdana, sans-serif;">left top,</span><br />
<span style="font-family: Verdana, sans-serif;">color-stop(0.13, rgb(5,69,66)),</span><br />
<span style="font-family: Verdana, sans-serif;">color-stop(0.55, rgb(19,186,189))</span><br />
<span style="font-family: Verdana, sans-serif;">);</span><br />
<span style="font-family: Verdana, sans-serif;">}</span><br />
<span style="font-family: Verdana, sans-serif;">// Professional google plus widget with hover effect by www.exeblogger.blogspot.com //</span><br />
<span style="font-family: Verdana, sans-serif;"></style></span><br />
<span style="font-family: Verdana, sans-serif;"><div class="ExEFollowBox"></span><br />
<span style="font-family: Verdana, sans-serif;"><div class="g-plus" data-action="followers" data-height="280" data-href="<span style="color: magenta;"><i>https://plus.google.com/u/0/105165417211779551999</i></span>" data-source="blogger:blog:followers" data-width="280"></div></span><br />
<span style="font-family: Verdana, sans-serif;"></div></span></blockquote>
<span style="font-family: Verdana, sans-serif;">
</span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Customization</span></h3>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Place your Google Plus ID in </span><i style="font-family: Verdana, sans-serif;"><span style="color: magenta;">Pink</span></i><span style="font-family: Verdana, sans-serif;"> Color Italic text, I have inserted my Google Plus ID here to show you the real effects.</span></li>
</ul>
<span style="font-family: Verdana, sans-serif;">If you like this professional Google plus widget for blogger with hover effects, Please share it and comment, We do like comments.</span></div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com5tag:blogger.com,1999:blog-5369272855874044380.post-62822156704474322022013-09-22T21:28:00.000-07:002013-09-22T21:28:16.414-07:00Add Facebook Like Button Below Post Titles in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhtoaADazYvZX1uhyNlH-NwpAQlkoay4-BMrP5Jw_s1Ro4H5UYib7zhkRaajkJWiX5KSRyLpXeZblCPp67iS6tC59IcvLE8OLamOvinOxFqPKNmQksUeAWN-9QQQbCNnEXiQGX0fmwcHT/s1600/how+to+add+facebook+like+button+for+blogger+just+under+below+blogger+blogspot+titles.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add Facebook Like Button Below Post Titles in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhtoaADazYvZX1uhyNlH-NwpAQlkoay4-BMrP5Jw_s1Ro4H5UYib7zhkRaajkJWiX5KSRyLpXeZblCPp67iS6tC59IcvLE8OLamOvinOxFqPKNmQksUeAWN-9QQQbCNnEXiQGX0fmwcHT/s1600/how+to+add+facebook+like+button+for+blogger+just+under+below+blogger+blogspot+titles.jpg" height="176" title="Add Facebook Like Button Below Post Titles in Blogger" width="400" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">I previously shared a Facebook Like button that included a send button by default. One of the problems I noticed with it was the load time. I then shifted to this new like button which loads like a flash at my internet connection speed. If you wish to add this new like button code just below the post titles of your blogger blogs then follow these easy steps.</span></div>
<span style="font-family: Verdana, sans-serif;"><a name='more'></a></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: inherit;">Adding Facebook Like Button To Blogger</span></h3>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go To Blogger > Design > Edit HTML</span></li>
<li><span style="font-family: Verdana, sans-serif;">Backup your template</span></li>
<li><span style="font-family: Verdana, sans-serif;">Click the "Expand Widgets Templates" Box</span></li>
<li><span style="font-family: Verdana, sans-serif;">Search for this,</span></li>
</ul>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><data:post.body/></span></blockquote>
<span style="font-family: Verdana, sans-serif;"> </span><br />
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Just above it paste the code below,</span></li>
</ul>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></span></blockquote>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Save your template and you are done!</span></li>
</ul>
<br />
<span style="font-family: Verdana, sans-serif;"></span><br />
<span style="font-family: Verdana, sans-serif;">Visit your blog to see it working just fine just below post titles. Feel free to ask any questions you may have.</span></div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-5369272855874044380.post-4236805054664634342013-09-22T02:24:00.003-07:002013-09-22T02:24:41.543-07:00How To Show Read More Link in Blogger Post Summaries<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4kL_lL3gGFam1q7m0n1O4ozPe3Lr6sOI8G-ba4uCCpeZ9d4fzPepmD7oR5LOhgOu2ejdKvBMzVzvQ9jBd0SUtpTrytTxvD35jJLacHaPlFEjk3tDjrArkBSszrg88HGdqS6o3nuxTwZs/s1600/readmore1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How To Show Read More Link in Blogger Post Summaries" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4kL_lL3gGFam1q7m0n1O4ozPe3Lr6sOI8G-ba4uCCpeZ9d4fzPepmD7oR5LOhgOu2ejdKvBMzVzvQ9jBd0SUtpTrytTxvD35jJLacHaPlFEjk3tDjrArkBSszrg88HGdqS6o3nuxTwZs/s1600/readmore1.png" height="400" title="How To Show Read More Link in Blogger Post Summaries" width="370" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">To make your site load faster, to prevent your site from duplicate content and for a better <a href="http://exeblogger.blogspot.com/search/label/SEO" rel="nofollow" target="_blank">SEO</a> score many bloggers suggests using </span><span style="font-family: Verdana, sans-serif;">summaries (excerpts). Post summaries provide a tiny-description of your content which usually consists of four to five sentences, which </span><span style="font-family: Verdana, sans-serif;">is there to give an idea to the reader about the whole story in just a few lines. To see a live example, check our homepage where you </span><span style="font-family: Verdana, sans-serif;">might notice a read more link present towards the bottom of post excerpts. In this article, we will show you how to automatically add a </span><span style="font-family: Verdana, sans-serif;">Read more Link in Blogger Post summaries.</span></div>
<a name='more'></a><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">First and foremost you need to login into your blogger account. After that go to Settings >> Template >> Edit HTML >> and search for </span><span style="font-family: Verdana, sans-serif;">the <data:post.body/>. After finding the tag just below it paste the following piece of coding.</span></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span><span style="font-family: Verdana, sans-serif;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span><span style="font-family: Verdana, sans-serif;"><div class='readmore'></span><span style="font-family: Verdana, sans-serif;"><a expr:href='data:post.url'>Read More</a></span><span style="font-family: Verdana, sans-serif;"></div></span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Remember:</b> In case it does not works or, your template has too many <data:post.body/> tags then search for <div class='post-footer'> </span><span style="font-family: Verdana, sans-serif;">instead, and above it paste the code. Once everything is done, press "Save Template" button present on the top of your screen.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b>Congratulations:</b> You have successfully added Read More Links in Blogger Post summaries. Now go check your site and see if it works </span><span style="font-family: Verdana, sans-serif;">perfectly. You can also Stylize the outlook of you link through #readmore{} CSS.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">We hope this article may have helped you in learning how to display read more links in blogger post summaries. If you are not using post </span><span style="font-family: Verdana, sans-serif;">summaries, then it is your turn to make a switch. Let us know how things worked for you by leaving a comment below.</span></div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com1