tag:blogger.com,1999:blog-6759502990149684352024-02-07T06:18:51.303+02:00SAHI TECHA 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.comBlogger11125tag:blogger.com,1999:blog-675950299014968435.post-65853362495544688992014-10-26T08:26:00.001+02:002014-10-26T08:37:17.412+02:00Usman Ghani<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CT3 -->
<ins class="adsbygoogle"
style="display:inline-block;width:250px;height:250px"
data-ad-client="ca-pub-2025848434350437"
data-ad-slot="6557114707"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-675950299014968435.post-40592675677971447262013-10-20T17:03:00.000+02:002013-10-20T17:03:05.160+02:00How to Add Google Adsense Ad Inside Blogger Posts<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/AVvXsEgqP1m7P_xD-s6qPbpWqk-QqRfCiiKz3L4LdjNgL0PN_X0XIW-AeXHJxD1YQKr3rLJiPJQ46Ei47dzUN5xUbxgzuJlKfewwVm2xiUekvhzdQFpG-k0ab8BrDT4CsnkeIaO742xL_Q460KU/s1600/Adsense+inside+blogger+post.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Add Google Adsense Ad Inside Blogger Posts" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqP1m7P_xD-s6qPbpWqk-QqRfCiiKz3L4LdjNgL0PN_X0XIW-AeXHJxD1YQKr3rLJiPJQ46Ei47dzUN5xUbxgzuJlKfewwVm2xiUekvhzdQFpG-k0ab8BrDT4CsnkeIaO742xL_Q460KU/s1600/Adsense+inside+blogger+post.jpg" height="276" title="How to Add Google Adsense Ad Inside Blogger Posts" width="400" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Sometime you must be worried about your less google adsense
revenue and try to be the best to increase the revenue but all in vain and can
never be successed in such situation. Although we know that google adsense
highly revenue mosltly depands upon the <b><a href="http://exeblogger.blogspot.com/search/label/SEO" rel="nofollow" target="_blank">SEO</a></b> of your blog "highly seo rank
of your blog better will be the google adsense income" So in today post we
will give you some amazing tips through which you can easily increase your
google adsense revenue.</span></div>
<a name='more'></a><br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">One of the best way to increase the google adsense revenue is to
change the locations for your adsense banners and insert it into proper area
where visitors come a across. Now to do this we will add the adsense code in
below every post, after in every post title and in sidebar. In this way you
will get maximum clicks on your ads once used it in proper area. </span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Be careful not to use so many ads on your blog it will increase
your blog loading time see here Things that Increase Your Blog Loading Time.</span><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">How To Add Adsense Ads inside your Blogger Post</span></h3>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Verdana, sans-serif;">Now you can easily put your ads inside blogger post just follow
these simple steps:</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;">
<!--[if !supportLists]--><span style="font-family: 'Times New Roman', serif;">1.<span style="font-family: 'Times New Roman';">
</span></span><!--[endif]--><span style="font-family: Verdana, sans-serif;">We will have to parse our AdSense code. For this Click on the <span style="background-color: #38761d;"><span style="color: white;">(+)</span></span> Botton Below and Convert.</span></div>
<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">
AdSense Code Converter<img onmouseup="document.getElementById('div1').style.display='block'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguF7bzQDTlxJJCCOPt47PNXA6z8L4ZYHHjrkil7mlqd_ih4er0rTAJO3gA32v3JHqauFZzC4OywdxEgtWaEYNfZkDW41ayCGthtITlOL8TB3pEUdz_UtesFj5_fh-mXaaA7aIqmTSFwg/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/AVvXsEiPUlKhVaL56GYZSlWEaFW-hePOUkzi1hwqTw66AsncGx9jL8m-UC196GR8pCNA_8EYCfFzh_rEcSU6thlRrhbCdw-DjJXuQN8TNLzWN5jjDMoL96__Lq_8egobeyklNoMbiQInr2B8KQ/s24/minus.png" style="float: right; margin: -10px 10px 5px -60px;" />
<br />
<iframe align="middle" allowtransparency="true" frameborder="0" height="530px" marginheight="0" marginwidth="2" scrolling="no" src="http://www.allblogtools.com/MiSc/Html-Encoder/Html-encoder.html" width="100%"><br />
</iframe></div>
<br />
<div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;">
<!--[if !supportLists]--><span style="font-family: 'Times New Roman', serif;">2.<span style="font-family: 'Times New Roman';">
</span></span><!--[endif]--><span style="font-family: Verdana, sans-serif;">Now you will add your parse code in the below piece of code and
then use it in template</span></div>
<h4 style="text-align: left;">
<span style="font-family: inherit;">Add your Adsense inside post Left Side</span></h4>
<div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><b:if cond='data:blog.pageType == "item"'> </span><span style="font-family: Verdana, sans-serif;"><div style="float:left;"></span><span style="font-family: Verdana, sans-serif;"><span style="background-color: cyan;">your adsense code goes here</span> </div></span><span style="font-family: Verdana, sans-serif;"></b:if></span></blockquote>
</div>
<h4 style="text-align: left;">
<span style="font-family: inherit;">Add your Adsense inside post Right Side</span></h4>
<div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><b:if cond='data:blog.pageType == "item"'> </span><span style="font-family: Verdana, sans-serif;"><div style="float:Right;"></span><span style="font-family: Verdana, sans-serif;"><span style="background-color: cyan;">your adsense code goes here</span> </div></span><span style="font-family: Verdana, sans-serif;"></b:if></span></blockquote>
</div>
<div class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;">
<br /></div>
<h3 style="text-align: left;">
<span style="font-family: inherit;">Now put your Adsense customize code in this way</span> </h3>
<ul type="disc">
<li class="MsoNormal"><span style="font-family: Verdana, sans-serif;">Go to Blogger
Dashboard >>Edit Html:</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></li>
<li class="MsoNormal"><span style="font-family: Verdana, sans-serif;">Press (Ctrl+F)
and search this <b><data:post.body/></b> if you find it
twice in your template <b><data:post.body/></b> then try
for both and check the result which is one is correct.</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></li>
<li class="MsoNormal"><span style="font-family: Verdana, sans-serif;">If you want to
add adsense ads at the top of post then simply past your code just above
it <b><data:post.body/></b></span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></li>
<li class="MsoNormal"><span style="font-family: Verdana, sans-serif;">If you want to
add adsense ads at the bottom of post then simply past your code just
below it <b><data:post.body/></b></span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></li>
<li class="MsoNormal"><span style="font-family: Verdana, sans-serif;">If you have any
query then feel free to ask your response will back in an hour.</span><span style="font-family: 'Times New Roman', serif;"><o:p></o:p></span></li>
<li class="MsoNormal"><span style="font-family: Verdana, sans-serif;">Join us your
choice here Facebook, Twiter, Google Plus, Blogger.</span></li>
</ul>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-675950299014968435.post-5735495374346473822013-10-20T17:01:00.002+02:002013-10-20T17:01:35.070+02:00Stylish 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/AVvXsEi3UjadJalbSP8WKyqjQm5o7KXoWpvYIZBYAwIsKojZplUzO71-dp70pxQ63RWfQGKZqk6_Vohjs8gW463CfJmH4RFIPnu75QZvg8KV54O63Xc738oKYDRZardm1rfDwi0u1Og3iDQwMCk/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/AVvXsEi3UjadJalbSP8WKyqjQm5o7KXoWpvYIZBYAwIsKojZplUzO71-dp70pxQ63RWfQGKZqk6_Vohjs8gW463CfJmH4RFIPnu75QZvg8KV54O63Xc738oKYDRZardm1rfDwi0u1Og3iDQwMCk/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/AVvXsEi5_bAK_XA16sK5jhwaMGxJUv1Vucjo3nHXcyTJ1WJtB_LlI6Pf996QRTWQIJV89bBwiQlNtX8ph7M1G0ncTFotsAX0v87EYinCAg3XMSstjzMcBz4HiPwPr3KieoqvX4VYcbDEUwkFR1aR/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/AVvXsEg53hpPGIfa_TQihpEanCm6oIXLL8QCQoz9weIK4SkmLSDIFjyvGN2Kh8Z1omhyphenhyphenXq6ovrBlJxXlPZTOR3Q6oXAtQGMxIItEFzhJD5Wv3Fg5Xv9zhYDWwdP4mz3XdoqmbSoRrlAzCE9PaL_w/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/AVvXsEiSFh6hyphenhyphen4lSkyFjvFY7srk8q-SzZMrV98EfFSnKjphe1MWxQ9XaDIo2LYqc9hl19yS5pNLZpgiH6ISTlASqYio8qbiS04x3sZya0T0AcBTMuVByl4BhYVs5jRhG4OMoQEhNj2YvnS4GLKnp/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/AVvXsEiWfjoUkmbd9-yAocyzOFs0JK-AmE11SB1aKuBRq8_AWwt590z8gusHSij6iGiJLElVWuqVvgdGgEc4YavqnwE0V-N01cuk_49nFlUDf0IEGwJmd8pkSOEIuQ2IVgDSrI_MGWjlpGH4TL1c/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/AVvXsEgv_zQj09DfIqdUBrlJeiddT0k0cI04gB_zsDW4H-NUHfoaGw7dV_AU7FJDcSDbLEbmqccgOGke7-Go6odbBzkTPiJPpTFzx6bC6NzNJjg7p14HpUVjFd5baT-hnb-2CFbjqE_oKRWNieE/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/AVvXsEhbEVy1P_QJkp2UWW1uNmcqxoBMIeSWTASDP1M5mC7WoONpuyPPcRBTV19lfahGX7_x2-hV0_Mc_H86AnGLg_CM0ZxRJ5_iMf-PayxfJGUmwcKLRfT5CifZptuP8OJmkDFKUPyejrQSClIl/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/AVvXsEhqtyQLvuFyT00WYKV_HMIR0AZh04HV6jofxyE08HAJahuwteUXA38j7uXExOU4JJVdK3cPHFd_-EIMRtO2BC0hG95tqrwFpdmgIgGhT1kvFZOQGbOnv9DuGUhGsnDePqtb-twM85G8t-lO/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.com0tag:blogger.com,1999:blog-675950299014968435.post-3195644582195121352013-10-20T16:58:00.003+02:002013-10-20T16:58:51.064+02:00Change the Number of Posts Displayed on Blogger Home 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/AVvXsEjFrVe0QpMYu9LUajnn-0KYOLMB9gNUKemXcfxaXVQH-tsN7QMdfRjWiN0stRHeU9GzSvFb7mD6Ys_HDgiwZA-uf2RYK1nJLcSr6lsoDxPVuX2ZNk1q-SUL9KZtOpXXR-nw01sSkQxNiuI/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/AVvXsEjFrVe0QpMYu9LUajnn-0KYOLMB9gNUKemXcfxaXVQH-tsN7QMdfRjWiN0stRHeU9GzSvFb7mD6Ys_HDgiwZA-uf2RYK1nJLcSr6lsoDxPVuX2ZNk1q-SUL9KZtOpXXR-nw01sSkQxNiuI/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/AVvXsEgnsBVSgE_jh6yllr8XiVVaUmUBhCQepZTyuWwLpZgKT3-bj2HjudBj4kvh2GFUIBybEFKDqIHo43XLAlj4Oqt-U6geE7fmPagd-z8T5LKFWVja12Rm65nNk1qOIkeODurx2eP70_DFHl4/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/AVvXsEgnsBVSgE_jh6yllr8XiVVaUmUBhCQepZTyuWwLpZgKT3-bj2HjudBj4kvh2GFUIBybEFKDqIHo43XLAlj4Oqt-U6geE7fmPagd-z8T5LKFWVja12Rm65nNk1qOIkeODurx2eP70_DFHl4/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-675950299014968435.post-26804407423113518922013-10-20T16:56:00.003+02:002013-10-20T16:56:57.573+02:00How to 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/AVvXsEhWQsApSRoWcyyx4T6Hj-OU-g1Hwy9oWnEEb9OmRR4s-Wb7ZsoFKBoL3D6VJ88uhFRuWhQUuWmInr5zR4xniTLUUIarmIibJtCKv6Z9iBBgsUo-hWAb0N6JlydiH6DCF9naW9WAmdZ2lvU/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/AVvXsEhWQsApSRoWcyyx4T6Hj-OU-g1Hwy9oWnEEb9OmRR4s-Wb7ZsoFKBoL3D6VJ88uhFRuWhQUuWmInr5zR4xniTLUUIarmIibJtCKv6Z9iBBgsUo-hWAb0N6JlydiH6DCF9naW9WAmdZ2lvU/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/AVvXsEi7BqZ8Atx8x3IlLZ1IWC46MwXkiEkWAgWG2zYmDySWwctUwjWoJu7kfwwNsGSwU9hLWxjNs2od3p696J64OqCRv1hiengcuJjuQN5UhEUVdtMrdg5mbTLrM0jtwqOVWA4pXzyomYMbcVA/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/AVvXsEi7BqZ8Atx8x3IlLZ1IWC46MwXkiEkWAgWG2zYmDySWwctUwjWoJu7kfwwNsGSwU9hLWxjNs2od3p696J64OqCRv1hiengcuJjuQN5UhEUVdtMrdg5mbTLrM0jtwqOVWA4pXzyomYMbcVA/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/AVvXsEiFm31VImXWUeY3YFszkp3yMYkvKX6G3cSkA6LRH25Rc7BzR0uEYvmY_A3iNtKXEA_clLyvwGeFJdnSltKM8aKNpD7z50_7W92eZ8tXrNkLieRQyXSgErNJXUXR6Tpt3Ix84Y3HfyYTEaM/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/AVvXsEiFm31VImXWUeY3YFszkp3yMYkvKX6G3cSkA6LRH25Rc7BzR0uEYvmY_A3iNtKXEA_clLyvwGeFJdnSltKM8aKNpD7z50_7W92eZ8tXrNkLieRQyXSgErNJXUXR6Tpt3Ix84Y3HfyYTEaM/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/AVvXsEjGog9bbc4eNw7cg115QuVo15gNOndAULEjsaMnbDrVhzW0AmG3q7jmRGFZ6FlCgla87eVK_JiHveEXuEb4bENU6DpGfuxWDHPVMUyem75Qpx4rob4a8kM2lwzwJjcgiGG8_bGtN-49dMw/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/AVvXsEjGog9bbc4eNw7cg115QuVo15gNOndAULEjsaMnbDrVhzW0AmG3q7jmRGFZ6FlCgla87eVK_JiHveEXuEb4bENU6DpGfuxWDHPVMUyem75Qpx4rob4a8kM2lwzwJjcgiGG8_bGtN-49dMw/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/AVvXsEixBWjNp2rcpFtkXqdNn56morHzK52k75qzzEsf5b4zkrqdO20Tt1sABMSd1mDrEOUvgnG0UQJRM0pP1uubYrK20zcR9gl4OU8hItjnFdHuTiX0caWR2ZjT6dLL3YGjTVKG49_CqcL6sI4/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/AVvXsEixBWjNp2rcpFtkXqdNn56morHzK52k75qzzEsf5b4zkrqdO20Tt1sABMSd1mDrEOUvgnG0UQJRM0pP1uubYrK20zcR9gl4OU8hItjnFdHuTiX0caWR2ZjT6dLL3YGjTVKG49_CqcL6sI4/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/AVvXsEhwIYd32r91d4K1v-GXZNUYe43ww56niYtwCSJvtNAEXx6ucHlVC7abcNGRFAV3xGOAEqGLfdYcYWUFA5jbNWWlIQCFRW9B0tuNHx4-TTY2Cgzv7iQhC8UtCf79KiPkmUIQzsG7jn4Zo7M/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/AVvXsEhwIYd32r91d4K1v-GXZNUYe43ww56niYtwCSJvtNAEXx6ucHlVC7abcNGRFAV3xGOAEqGLfdYcYWUFA5jbNWWlIQCFRW9B0tuNHx4-TTY2Cgzv7iQhC8UtCf79KiPkmUIQzsG7jn4Zo7M/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/AVvXsEhUDGRSKy8essREI786WdMHvIHopeSdm4ApwG-1KnBhcNeqbWw4R-Y8-DNjskTdoRc_EkG4xoc9fJQqAea0KKG_YnkTbd-MEr2WZdwmMqDfomh0YvDEaklsT9DXk2dLiUtq5XrON0prYRw/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/AVvXsEhUDGRSKy8essREI786WdMHvIHopeSdm4ApwG-1KnBhcNeqbWw4R-Y8-DNjskTdoRc_EkG4xoc9fJQqAea0KKG_YnkTbd-MEr2WZdwmMqDfomh0YvDEaklsT9DXk2dLiUtq5XrON0prYRw/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.com0tag:blogger.com,1999:blog-675950299014968435.post-14162381842167550552013-09-11T10:50:00.000+02:002013-09-12T09:27:22.651+02:00Add a Blue Professional Dropdown Menu in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdlOqejqhjKqsjCptjZzw4fK7CVbj7jKyYenSlK-LMq648yEFlLd8FsKMCNv-8raLiGDiJ5cgGTEyD4lFaJzZYWn-4Nj4djG8Liku8YFjj6XsUlnWtOAzHIGHP1NDWNu85DEmLDOu2ojCV/s1600/Untitled.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/AVvXsEgdlOqejqhjKqsjCptjZzw4fK7CVbj7jKyYenSlK-LMq648yEFlLd8FsKMCNv-8raLiGDiJ5cgGTEyD4lFaJzZYWn-4Nj4djG8Liku8YFjj6XsUlnWtOAzHIGHP1NDWNu85DEmLDOu2ojCV/s1600/Untitled.gif" /></a></div>
<span style="font-family: Verdana, sans-serif;">Drop down menus are very important in blogging and these kinds of stuff is also considerable for the visitors be'coz visitor when firstly see your menus and other widget and if he like that then she/he wish to visit again itself and content also very important fro the every blogger.</span><br />
<a name='more'></a></div>
<br />
<br />
<div style="text-align: center;">
<span style="border-bottom: #48a1fa 10px solid; border-left: #48a1fa 10px solid; border-right: #48a1fa 10px solid; border-top: #48a1fa 10px solid; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;"><span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif;"><b><a href="https://dl.dropboxusercontent.com/s/414fmywch4ivka3/Blue%20Dropdown%20Menu%20by%20www.sahitech.blogspot.com.html?token_hash=AAEaHWskhGC0WZniS9F9hshXpqcDu6xzJnGhzJ_JdkkdPg&dl" rel="nofollow" target="_blank">Live Demo</a></b></span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">Add Blue Drop Down Menu</span></h3>
</div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Login to Blogger > Dashborad</span></li>
<li><span style="font-family: Verdana, sans-serif;">Click on Drop Down Menu and select Layout</span></li>
<li><span style="font-family: Verdana, sans-serif;">Add a HTML/JavaScript Gadget</span></li>
<li><span style="font-family: Verdana, sans-serif;">Paste below code in it.</span></li>
</ul>
<blockquote class="tr_bq">
<div class="MsoNormal">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 107%;"><style><br />
/* Blue Dropdown Menu by www.sahitech.blogspot.com */<br />
#nav {<br />
display:inline-block;<br />
width:100%;<br />
margin:0px auto;<br />
padding:0;<br />
background:#335599
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHaRe5TYNRk66FZeRh9f2RcOnoAA4nUgBdjL3qLSTHBCnDz9U8DR8-DWLBUMp1GrY0hnHX9nRYB4JQ0wlK8Q4Oj4YL2FrBOY4zjLulI5LH38INBiY3ebS9ajiOhK2EzhW52sEdnr2ztp4C/s320/bg-ABT.png)
repeat-x 0 -110px;border-radius:10px; /*some css3*/<br />
-moz-border-radius:10px;<br />
-webkit-border-radius:10px;<br />
box-shadow:0 2px 2px rgba(0,0,0, .5);<br />
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);<br />
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);<br />
}<br />
#nav li {<br />
margin:10px;<br />
float:left;<br />
position:relative;<br />
list-style:none;<br />
}<br />
#nav a {<br />
font-family:verdana;<br />
font-weight:bold;<br />
color:#e7e5e5;<br />
text-decoration:none;<br />
display:block;<br />
padding:8px 20px;border-radius:10px; /*some css3*/<br />
-moz-border-radius:10px;<br />
-webkit-border-radius:10px;<br />
text-shadow:0 2px 2px rgba(0,0,0, .7);<br />
}/* selected menu element */<br />
#nav .current a, #nav li:hover > a {<br />
background:#7788aa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHaRe5TYNRk66FZeRh9f2RcOnoAA4nUgBdjL3qLSTHBCnDz9U8DR8-DWLBUMp1GrY0hnHX9nRYB4JQ0wlK8Q4Oj4YL2FrBOY4zjLulI5LH38INBiY3ebS9ajiOhK2EzhW52sEdnr2ztp4C/s320/bg-ABT.png)
repeat-x 0 -20px;<br />
color:#000;<br />
border-top:1px solid #f8f8f8;box-shadow:0 2px 2px rgba(0,0,0, .7); /*some
css3*/<br />
-moz-box-shadow:0 2px 2px rgba(0,0,0, .7);<br />
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);<br />
text-shadow:0 2px 2px rgba(255,255,255, 0.7);<br />
}/* sublevels */<br />
#nav ul li:hover a, #nav li:hover li a {<br />
background:none;<br />
border:none;<br />
color:#000;<br />
}<br />
#nav ul li a:hover {<br />
background:#335599 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHaRe5TYNRk66FZeRh9f2RcOnoAA4nUgBdjL3qLSTHBCnDz9U8DR8-DWLBUMp1GrY0hnHX9nRYB4JQ0wlK8Q4Oj4YL2FrBOY4zjLulI5LH38INBiY3ebS9ajiOhK2EzhW52sEdnr2ztp4C/s320/bg-ABT.png)
repeat-x 0 -100px;<br />
color:#fff;border-radius:10px; /*some css3*/<br />
-moz-border-radius:10px;<br />
-webkit-border-radius:10px;<br />
text-shadow:0 2px 2px rgba(0,0,0, 0.7);<br />
}#nav ul li:first-child > a {<br />
-moz-border-radius-topleft:10px; /*some css3*/<br />
-moz-border-radius-topright:10px;<br />
-webkit-border-top-left-radius:10px;<br />
-webkit-border-top-right-radius:10px;<br />
}<br />
#nav ul li:last-child > a {<br />
-moz-border-radius-bottomleft:10px; /*some css3*/<br />
-moz-border-radius-bottomright:10px;<br />
-webkit-border-bottom-left-radius:10px;<br />
-webkit-border-bottom-right-radius:10px;<br />
}/* drop down */<br />
#nav li:hover > ul {<br />
opacity:1;<br />
visibility:visible;<br />
}<br />
#nav ul {<br />
opacity:0;<br />
visibility:hidden;<br />
padding:0;<br />
width:175px;<br />
position:absolute;<br />
background:#aabbcc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHaRe5TYNRk66FZeRh9f2RcOnoAA4nUgBdjL3qLSTHBCnDz9U8DR8-DWLBUMp1GrY0hnHX9nRYB4JQ0wlK8Q4Oj4YL2FrBOY4zjLulI5LH38INBiY3ebS9ajiOhK2EzhW52sEdnr2ztp4C/s320/bg-ABT.png)
repeat-x 0 0;<br />
border:1px solid #7788aa;border-radius:10px; /*some css3*/<br />
-moz-border-radius:10px;<br />
-webkit-border-radius:10px;<br />
box-shadow:0 2px 2px rgba(0,0,0, .5);<br />
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);<br />
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);-moz-transition:opacity .25s
linear, visibility .1s linear .1s;<br />
-webkit-transition:opacity .25s linear, visibility .1s linear .1s;<br />
-o-transition:opacity .25s linear, visibility .1s linear .1s;<br />
transition:opacity .25s linear, visibility .1s linear .1s;<br />
}<br />
#nav ul li {<br />
float:none;<br />
margin:0;<br />
}<br />
#nav ul a {<br />
font-weight:normal;<br />
text-shadow:0 2px 2px rgba(255,255,255, 0.7);<br />
}<br />
#nav ul ul {<br />
left:160px;<br />
top:0px;<br />
}<br />
</style><br />
<ul id="nav"><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">Home</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">Tutorials</span></b><span style="line-height: 107%;"></a><br />
<ul><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">HTML / CSS</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">JS / jQuery</span></b><span style="line-height: 107%;"></a><br />
<ul><br />
<li><a href="#"></span><b><span style="color: #3d85c6; line-height: 107%;">jQuery</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="#"></span><b><span style="color: #3d85c6; line-height: 107%;">JS</span></b><span style="line-height: 107%;"></a></li><br />
</ul><br />
</li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">PHP</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">MySQL</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">XSLT</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">Ajax</span></b><span style="line-height: 107%;"></a></li><br />
</ul><br />
</li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">Resources</span></b><span style="line-height: 107%;"></a><br />
<ul><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">By category</span></b><span style="line-height: 107%;"></a><br />
<ul><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">PHP</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">MySQL</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">XSLT</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">Ajax</span></b><span style="line-height: 107%;"></a></li><br />
</ul><br />
</li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">By tag name</span></b><span style="line-height: 107%;"></a><br />
<ul><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">captcha</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">gallery</span></b><span style="line-height: 107%;"></a></li><br />
<li><a href="v"></span><b><span style="color: #3d85c6; line-height: 107%;">animation</span></b><span style="line-height: 107%;"></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="</span><b><span style="color: #6aa84f; line-height: 107%;">#</span></b><span style="line-height: 107%;">"></span><b><span style="color: #3d85c6; line-height: 107%;">About</span></b><span style="line-height: 107%;"></a></li><br />
<li><a
href="http://www.sahitech.blogspot.com.com">FAQ's</a></li><br />
</ul></span></span><o:p></o:p></div>
</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 your widget.</span></li>
</ul>
<br />
<h3 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">Customization:</span></h3>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Replace it </span><b style="font-family: Verdana, sans-serif;"><span style="color: #6aa84f;">#</span></b><span style="font-family: Verdana, sans-serif;"> with your link.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Replace all </span><span style="color: #3d85c6; font-family: Verdana, sans-serif;"><b>Blue Words</b></span><span style="font-family: Verdana, sans-serif;"> with your showing menu name.</span></li>
</ul>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-675950299014968435.post-85442800268499158992013-09-10T12:25:00.000+02:002013-09-11T11:13:40.116+02: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/AVvXsEgO7-Zs2wWNPUq5xk6EnLsxmq3MwgpR9ZR5J_qRyIuXWUxSpHcUP_cvQO-JXt8aNZfSys0j0XZypMXQpjleyV3hJ1Xp07u-mheUWvK8uULar0TKMJsNuohz3au-Zu6pxzLv3N7OadJty-1e/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/AVvXsEgO7-Zs2wWNPUq5xk6EnLsxmq3MwgpR9ZR5J_qRyIuXWUxSpHcUP_cvQO-JXt8aNZfSys0j0XZypMXQpjleyV3hJ1Xp07u-mheUWvK8uULar0TKMJsNuohz3au-Zu6pxzLv3N7OadJty-1e/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;"><span style="background-color: white; color: #222222; font-size: 16px; line-height: 22.390625px;">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.</span><span style="background-color: white; color: #333333; line-height: 18.296875px; text-align: left;"> So, check this out.</span></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-675950299014968435.post-64250630847745204302013-09-10T07:35:00.002+02:002013-09-10T07:41:34.154+02:00How To Add Stylish Border Around Selected Widget Of 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/AVvXsEiBsrhyhsy9UdRwZoR5xv7dj3U-9Yc2hR8axu4pRofyJNbmsmgo-QmsfV2qpVzCK-9gJCg_eMiVQbarEbrm7eycaYmti167plFFr1FEjHedYoVkq1vWqXwROi3VbTfVlafkT98ml6vViVM/s570/CSSBorders4Widget.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/AVvXsEiBsrhyhsy9UdRwZoR5xv7dj3U-9Yc2hR8axu4pRofyJNbmsmgo-QmsfV2qpVzCK-9gJCg_eMiVQbarEbrm7eycaYmti167plFFr1FEjHedYoVkq1vWqXwROi3VbTfVlafkT98ml6vViVM/s570/CSSBorders4Widget.png" height="300" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Today the question is that "How To Make Your Blog Widgets/Gadgets Stylish And Awesome Through Adding Extra CSS Borders Around Your Desired Widgets/Gadgets?"</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Some time your template is so simple that it can not attract visitors, so you have to spices up your blog, but after that time your blog gonna heavy day by day and visitors also dislike this. So now here is the middle way to design simple and stylish with easy and short coding.</span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">If you want to add borders you can also use this code, There are many different type of codes given below. For All Of These Code, You Have To Do Some Thing Like This.</span></div>
<br />
<h3 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">Features:</span></h3>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">It Will Change Your Desired Widget Background Only Not All.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Simple Steps Wioth Easy Installation.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Quick To Load And Awesome In Look.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Pure CSS Code.</span></li>
<li><span style="font-family: Verdana, sans-serif;">6 Different Style Is Provided Below.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Fully Customizable.</span></li>
</ul>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">How To Add In Blogspot?</span></h3>
<br />
<ul style="text-align: left;">
<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;">Go To "Layout".</span></li>
<li><span style="font-family: Verdana, sans-serif;">First Find That Widget ID On Which You Want To Style Up...(If You Don't Know How To Get Widget ID Just Comment Below, I Will Explain You Easily)</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 Before It.</span></li>
</ul>
<br />
<br />
<h4 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">For Simple Square Color Border:-</span></h4>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><b><span style="color: #38761d;">#YourWidgetID</span></b> {</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;">border: 1px solid #ff0000;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="color: #3d85c6; font-family: Verdana, sans-serif;"><b>//*Your Extra CSS Here*//</b></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>
<br />
<h4 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">For Simple Square Color Border With Filled Background:-</span></h4>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<b style="font-family: Verdana, sans-serif;"><span style="color: #38761d;">#YourWidgetID</span></b><span style="font-family: Verdana, sans-serif;"> {</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;">border: 1px solid #ff0000;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">background:#ffffff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><b style="color: #3d85c6; font-family: Verdana, sans-serif;">//*Your Extra CSS Here*//</b><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>
<br />
<h4 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">For Simple Square Color Border With Filled Background And Shade:-</span></h4>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<b style="font-family: Verdana, sans-serif;"><span style="color: #38761d;">#YourWidgetID</span></b><span style="font-family: Verdana, sans-serif;"> {</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;">border: 1px solid #ff0000;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">background:#ffffff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">box-shadow: 3px 3px 3px #ff0000;</span><span style="font-family: Verdana, sans-serif;"><br /></span><b style="color: #3d85c6; font-family: Verdana, sans-serif;">//*Your Extra CSS Here*//</b><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>
<br />
<h4 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">For Simple Rounded Color Border:-</span></h4>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<b style="font-family: Verdana, sans-serif;"><span style="color: #38761d;">#YourWidgetID</span></b><span style="font-family: Verdana, sans-serif;"> {</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;">border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><b style="color: #3d85c6; font-family: Verdana, sans-serif;">//*Your Extra CSS Here*//</b><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>
<br />
<h4 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">For Simple Rounded Color Border With Filled Background:-</span></h4>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<b style="font-family: Verdana, sans-serif;"><span style="color: #38761d;">#YourWidgetID</span></b><span style="font-family: Verdana, sans-serif;"> {</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;">border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">background:#ffffff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><b style="color: #3d85c6; font-family: Verdana, sans-serif;">//*Your Extra CSS Here*//</b><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>
<br />
<h4 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">For Simple Rounded Color Border With Filled Background And Shade:-</span></h4>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<b style="font-family: Verdana, sans-serif;"><span style="color: #38761d;">#YourWidgetID</span></b><span style="font-family: Verdana, sans-serif;"> {</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;">border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">background:#ffffff;</span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">box-shadow: 3px 3px 3px #ff0000;</span><span style="font-family: Verdana, sans-serif;"><br /></span><b style="color: #3d85c6; font-family: Verdana, sans-serif;">//*Your Extra CSS Here*//</b><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>
<br />
<h3 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">Customization:</span></h3>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Change <b><span style="color: #38761d;">#YourWidgetID</span></b> With Your Desired Widget ID Code.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Change The Value Of Given CSS Also With Your Desire.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Change <b style="color: #3d85c6;">//*Your Extra CSS Here*//</b> With Your CSS Code. </span></li>
<li><span style="font-family: Verdana, sans-serif;">Save And Done.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Enjoy.. </span></li>
<li><span style="font-family: Verdana, sans-serif;">If You Having Any Problem Then Comment Below...</span></li>
</ul>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-675950299014968435.post-82380981166336226612013-09-10T03:39:00.000+02:002013-09-10T12:09:24.638+02:00How To Add a Facebook Like Box Without The Branding<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/AVvXsEhoHeq-Cs1la8E_3_o-8CfOIECnqfgNa-a2V7-JkKMIiMnRMbrCvjXqLJmJ7VNVVir81KXHQ719BR9sUKiPCXhivzu5P_aao26WPRuY4xxIgHzcbhTyYhMTaibxWJ3sekq5UTjKCg3QpOmN/s1600/Facebook+Like+Box+without+Branding.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/AVvXsEhoHeq-Cs1la8E_3_o-8CfOIECnqfgNa-a2V7-JkKMIiMnRMbrCvjXqLJmJ7VNVVir81KXHQ719BR9sUKiPCXhivzu5P_aao26WPRuY4xxIgHzcbhTyYhMTaibxWJ3sekq5UTjKCg3QpOmN/s1600/Facebook+Like+Box+without+Branding.png" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Learn how to customize the layout of the Facebook Like Box with simple CSS styles. You can even remove the Facebook branding from the Like Plugin.</span><span style="font-family: Verdana, sans-serif;">The Facebook Like box placed on your website /blog is probably the easiest way to attract new fans to your Facebook page.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">And the same rectangular box can even help convert casual visitors to your site into regular ones. That’s because the photo pile inside the box will show visitors pictures of their friends who are already fans and when they seen a known face, it could increase their relative interest in your site.</span></div>
<a name='more'></a><h3>
<span style="font-family: Verdana, sans-serif;">Customize the Facebook Like Box with CSS</span></h3>
<span style="font-family: Verdana, sans-serif;">Facebook offers a simple Like Box Plugin that you can easily integrate into your website using either JavaScript or IFRAME. You can customize the border color, the height and the width of the Like Box but, officially, nothing more.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">That said, if you would like to add a background color to the Like Box to better match your site’s color theme or if you would like to completely remove the Facebook logo and other branding from the box to make it less crowded , you can easily do that with the help of CSS.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">To get started, copy the code below and paste it anywhere inside your website template. </span></li>
</ul>
<br />
<div>
<br /></div>
<div>
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><---Facebook Like Box without the Branding by SahiTech---></span><span style="font-family: Verdana, sans-serif;"><style </span><span style="font-family: Verdana, sans-serif;">type="text/css"></span><span style="font-family: Verdana, sans-serif;">.SahiTechFBOuter {</span><span style="font-family: Verdana, sans-serif;">background-color:<span style="color: #3d85c6;"><b>#F4F4F4</b></span>; </span><span style="font-family: Verdana, sans-serif;">width:<span style="color: magenta;"><b>250</b></span>px; </span><span style="font-family: Verdana, sans-serif;">padding:10px 0 10px 10px;</span><span style="font-family: Verdana, sans-serif;">height:<span style="color: magenta;"><b>250</b></span>px;</span><span style="font-family: Verdana, sans-serif;">border:1px solid #CCCCCC;</span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;">.SahiTechFBInner {</span><span style="font-family: Verdana, sans-serif;">height:<span style="color: magenta;"><b>250</b></span>px;</span><span style="font-family: Verdana, sans-serif;">overflow:hidden; </span><span style="font-family: Verdana, sans-serif;">}</span><span style="font-family: Verdana, sans-serif;"></style></span><span style="font-family: Verdana, sans-serif;"><div </span><span style="font-family: Verdana, sans-serif;">class="SahiTechFBOuter"></span><span style="font-family: Verdana, sans-serif;"><div class="SahiTechFBInner"></span><span style="font-family: Verdana, sans-serif;"><span style="color: #b45f06;"><b><div</b></span> class="fb-like-box" </span><span style="font-family: Verdana, sans-serif;">data-width="<b><span style="color: magenta;">245</span></b>" data-height="<b style="background-color: white;"><span style="color: magenta;">290</span></b>" </span><span style="font-family: Verdana, sans-serif;">data-href="http://www.facebook.com/<span style="color: #38761d;"><b>SaahiTech</b></span>" </span><span style="font-family: Verdana, sans-serif;">data-border-color="<b><span style="color: #3d85c6;">#F4F4F4</span></b>" data-show-faces="true" </span><span style="font-family: Verdana, sans-serif;">data-stream="false" data-header="false"></span><span style="font-family: Verdana, sans-serif;"><span style="color: #b45f06;"><b></div></b></span> </span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"></div></span><span style="font-family: Verdana, sans-serif;"><div </span><span style="font-family: Verdana, sans-serif;">id="fb-root"></div></span><span style="font-family: Verdana, sans-serif;"><script>(function(d, s, id) </span><span style="font-family: Verdana, sans-serif;">{</span><span style="font-family: Verdana, sans-serif;">var js, fjs = d.getElementsByTagName(s)[0];</span><span style="font-family: Verdana, sans-serif;">if </span><span style="font-family: Verdana, sans-serif;">(d.getElementById(id)) return;</span><span style="font-family: Verdana, sans-serif;">js = d.createElement(s); js.id = </span><span style="font-family: Verdana, sans-serif;">id;</span><span style="font-family: Verdana, sans-serif;">js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";</span><span style="font-family: Verdana, sans-serif;">fjs.parentNode.insertBefore(js, fjs);</span><span style="font-family: Verdana, sans-serif;">}(document, 'script', </span><span style="font-family: Verdana, sans-serif;">'facebook-jssdk'));</span><span style="font-family: Verdana, sans-serif;"></script></span></blockquote>
</div>
<div>
<br /></div>
<div>
<h3 style="text-align: left;">
Customization:</h3>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Change </span><b style="color: #38761d; font-family: Verdana, sans-serif;">SaahiTech</b><span style="font-family: Verdana, sans-serif;"> to your own Facebook username.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Change Background color of our Facebook Like by changing </span><b style="font-family: Verdana, sans-serif;"><span style="color: #3d85c6;">#F4F4F4</span></b><span style="font-family: Verdana, sans-serif;"> with any other web color.</span></li>
<li><span style="font-family: Verdana, sans-serif;">You can change the width and height values defined in </span><span style="color: magenta; font-family: Verdana, sans-serif;"><b>Pink</b></span><span style="font-family: Verdana, sans-serif;"> Colour.</span></li>
<li><span style="font-family: Verdana, sans-serif;">The above example uses the JavaScript version of the Facebook Like box though the same can be applied to the IFRAME version as well. In that case, you need to replace </span><b style="color: #b45f06; font-family: Verdana, sans-serif;"><div </b><span style="font-family: Verdana, sans-serif;">to</span><b style="color: #b45f06; font-family: Verdana, sans-serif;"> </b><b style="color: #b45f06; font-family: Verdana, sans-serif;"></div></b><span style="font-family: Verdana, sans-serif;"> with the IFRAME tag.(</span><i><span style="font-family: Trebuchet MS, sans-serif;">Note: Also Replace <div and </div> with IFRAME tag</span></i><span style="font-family: Verdana, sans-serif;">)</span></li>
</ul>
</div>
</div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-675950299014968435.post-6917635037449160002013-09-09T19:13:00.001+02:002013-09-11T08:17:35.608+02:00Replace Newer, Older And Home Links With Shiny Buttons In Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/_7wsQzULWIwo/Sy1PU0MriPI/AAAAAAAAClI/ygU0F-4eX1Q/Newer-Older-and-Home-Links%5B3%5D.png?imgmax=800" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Replace Newer, Older And Home Links With Shiny Buttons In Blogger" border="0" src="http://2.bp.blogspot.com/_7wsQzULWIwo/Sy1PU0MriPI/AAAAAAAAClI/ygU0F-4eX1Q/Newer-Older-and-Home-Links%5B3%5D.png?imgmax=800" title="Replace Newer, Older And Home Links With Shiny Buttons In Blogger" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Since most of you appreciated the Arrow Head Read More Buttons, I thought why not create some buttons for the Newer, Older and home Links that appear below each posts in Blogger. I have created various flavors of these buttons and I hope you will like them.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">This set consists of 8 Image Button Sets termed as Previous, Home and Next and categorized according to size as small, medium and large.</span><br />
<a name='more'></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">Check them together,</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/AVvXsEjioSXTGOm2JKSZS1Qix3v6iov0CICkDllNvh3afq3c_iw4eEIrRvXJh4Lq0XQnUv4FiMYh3Xlk1JqyfRIXFOeLtZdmoj-ZLclHmMzWrkS_DCMnQPhrWJc_NRtZ6C8XdlegYArmpgMZNgFJ/s1600/Home-Previous-Next%5B2%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Home-Previous-Next Image buttons for blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjioSXTGOm2JKSZS1Qix3v6iov0CICkDllNvh3afq3c_iw4eEIrRvXJh4Lq0XQnUv4FiMYh3Xlk1JqyfRIXFOeLtZdmoj-ZLclHmMzWrkS_DCMnQPhrWJc_NRtZ6C8XdlegYArmpgMZNgFJ/s1600/Home-Previous-Next%5B2%5D.png" title="Home-Previous-Next Image buttons for blogger" /></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="border-bottom: #48a1fa 10px solid; border-left: #48a1fa 10px solid; border-right: #48a1fa 10px solid; border-top: #48a1fa 10px solid; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;"><span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif;"><b><a href="http://sahitech.blogspot.com/p/downloads.html" rel="nofollow">Download</a></b></span></span></div>
<div style="text-align: center;">
<br /></div>
<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>Note:-</b> Also Includes Red and Light Blue Image Sets.</span><br />
<h3 style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">How To Replace Newer, Older and Home Link In Blogger?</span></h3>
<span style="font-family: Verdana, sans-serif;">For doing so follow the steps below,</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">Go To Blogger > Layout > Edit HTML</span></li>
<li><span style="font-family: Verdana, sans-serif;">Check the Expand Widget Templates box at top-right-corner</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:newerPageTitle/></span><span style="font-family: Verdana, sans-serif;"><br /></span></blockquote>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">And replace it with this code,</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><img src="URL-OF-PREVIOUS-BUTTON"/></span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Now search for this,</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><data:olderPageTitle/></span><span style="font-family: Verdana, sans-serif;">And replace it with this,</span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><img src="URL-OF-NEXT-BUTTON"/></span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Then search for this,</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><data:homeMsg/></span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">The above code will appear twice and replace both appearances with this code,</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana, sans-serif;"><img src="URL-OF-HOME-BUTTON"/></span></blockquote>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Make sure to replace the URLs with the Image Links of your uploaded Images. </span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;"> Finally save your template and enjoy the new look!</span></li>
</ul>
<div>
<br /></div>
</div>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0tag:blogger.com,1999:blog-675950299014968435.post-66544684473750111412013-09-09T09:56:00.000+02:002013-09-09T09:57:18.985+02:00How To Add Pop Up Facebook Like Box For 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/AVvXsEiY6hJkDwNrQUgbqnhKZIIYp-nogxk3xV8ehhXX5Y6hQbaJd64adFhi6JjBKNpPeUb1caT4FpauF1eXabrMATyPVlJSRYRQxabl6UGIF-GRUu_-OUkR8Bnc_DF3x9qEKdW0MZxbOUT67Gj5/s1600/JQuery+Pop-Up+Facebook+Like+Box+For+Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How To Add Pop Up Facebook Like Box For Blogger Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY6hJkDwNrQUgbqnhKZIIYp-nogxk3xV8ehhXX5Y6hQbaJd64adFhi6JjBKNpPeUb1caT4FpauF1eXabrMATyPVlJSRYRQxabl6UGIF-GRUu_-OUkR8Bnc_DF3x9qEKdW0MZxbOUT67Gj5/s1600/JQuery+Pop-Up+Facebook+Like+Box+For+Blogger.png" height="225" title="How To Add Pop Up Facebook Like Box For Blogger Blog" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">This widget pops up a jQuery window containing Facebook likebox as soon as a new visitor arrives. This plugin can be added to both Blogger Blogs and Wordpress. I am using here the same jQuery effect like this one can be widely seen on many blogs now. It will help you increase your Facebook Fans greatly.</span><span style="font-family: Verdana, sans-serif;">This popup appears only once to every new visitor. The ip address of the visitor is stored in browser cookie and as the page loads again the widget wont be called again for the same visitor thus eliminating the chances of bugging regular readers. Because of course it will look weird if the popup appears again and again on every pageview.</span><br />
<a name='more'></a></div>
<span style="font-family: Verdana, sans-serif;"></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">It will appear both on homepage and sub pages depending which page the visitor is accessing. I have set the cookie refresh time to 30 days, which means that this lightbox will appear again for the same visitor after 30 days. We can easily set the number of days to prompt the visitors about your Facebook Fan page. Lets get straight to the one step installation process.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;">Get the more fans to your fanpage blogger by adding a popup facebook like box to your blogspot.By adding this customized widget may know the visitors to know the number of people like your website and join your site directly</span><br />
<span style="font-family: Verdana, sans-serif;">To get this widget follow below procedure:-</span><br />
<br />
<br />
<h3>
<span style="font-family: Verdana, sans-serif;">Features:</span></h3>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Un-Blockable POP-UP By All Browsers.</span></li>
<li><span style="font-family: Verdana, sans-serif;">POP-UP With LightBox Effect.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Close Button Also Included.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Quick To Load And Easy To Install.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Simple And Stylish Design.</span></li>
</ul>
<br />
<h3>
<span style="font-family: Verdana, sans-serif;">How To Add In Blogspot?</span></h3>
<ul>
<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;">Go To Layout.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Click "Add A Gadget" Where You Want To Add It.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now Scroll To "HTML-JAVASCRIPT".</span></li>
<li><span style="font-family: Verdana, sans-serif;">Click "+" Icon To Add It.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now Copy The Below Code And Paste It To There.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Leave The Title Empty.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Click Save, Now You Are Done.</span></li>
</ul>
<br />
<h3>
<span style="font-family: Verdana, sans-serif;">How To Add In Website?</span></h3>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Just Go To Your HTML File.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Now Copy The Below Code And Paste It Between <body> </body>.</span></li>
<li><span style="font-family: Verdana, sans-serif;">Save It, Now You Are Done.</span></li>
</ul>
<br />
<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'></script><br /><script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script><br /><script type="text/javascript"><br />jQuery(document).ready(function(){<br />if (document.cookie.indexOf('visited=true') == -1)<br />{<br />var fifteenDays = 1000*60*60*24<b><span style="color: #351c75;">*30</span></b>;<br />var expires = new Date((new Date()).valueOf() + fifteenDays);<br />document.cookie = "visited=<b><span style="color: #0b5394;">true</span></b>;expires=" + expires.toUTCString();<br />$.colorbox({width:"400px", inline:true, href:"#STpopups"});<br />}<br />});<br /></script><br /><style type="text/css"><br />/*<br />ColorBox v1.3.16<br />(Copyright (c) 2013 SahiTech.Blogspot.Com)<br />*/<br />#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkPlAYZFvZR0OnI9rHbVsIKGe7dJCwZpNL-BtrtEEjTUUhISzZnRaBR6ha52QNAVtDmftPPIRWOiF6L4sN0ShAsvCrlhgLDVPwyXISef4RnJ5mXTd1pPLLYtYQ57u7DIXZDWKYDSGeaU/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiph92QtO0witqHLKayAnZWdihDVLHTsJMl0VCz8IiYLCnnpYPSzUQHb7lMHRZlsqsKIbHM-AClwYZduG06ijSoFJ4OrsfZql6brZQWtmPmrxdyGHrUsSQCf42g1R8qccv6GFew6RDSXDo/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkPlAYZFvZR0OnI9rHbVsIKGe7dJCwZpNL-BtrtEEjTUUhISzZnRaBR6ha52QNAVtDmftPPIRWOiF6L4sN0ShAsvCrlhgLDVPwyXISef4RnJ5mXTd1pPLLYtYQ57u7DIXZDWKYDSGeaU/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkPlAYZFvZR0OnI9rHbVsIKGe7dJCwZpNL-BtrtEEjTUUhISzZnRaBR6ha52QNAVtDmftPPIRWOiF6L4sN0ShAsvCrlhgLDVPwyXISef4RnJ5mXTd1pPLLYtYQ57u7DIXZDWKYDSGeaU/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiph92QtO0witqHLKayAnZWdihDVLHTsJMl0VCz8IiYLCnnpYPSzUQHb7lMHRZlsqsKIbHM-AClwYZduG06ijSoFJ4OrsfZql6brZQWtmPmrxdyGHrUsSQCf42g1R8qccv6GFew6RDSXDo/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkPlAYZFvZR0OnI9rHbVsIKGe7dJCwZpNL-BtrtEEjTUUhISzZnRaBR6ha52QNAVtDmftPPIRWOiF6L4sN0ShAsvCrlhgLDVPwyXISef4RnJ5mXTd1pPLLYtYQ57u7DIXZDWKYDSGeaU/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkPlAYZFvZR0OnI9rHbVsIKGe7dJCwZpNL-BtrtEEjTUUhISzZnRaBR6ha52QNAVtDmftPPIRWOiF6L4sN0ShAsvCrlhgLDVPwyXISef4RnJ5mXTd1pPLLYtYQ57u7DIXZDWKYDSGeaU/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkPlAYZFvZR0OnI9rHbVsIKGe7dJCwZpNL-BtrtEEjTUUhISzZnRaBR6ha52QNAVtDmftPPIRWOiF6L4sN0ShAsvCrlhgLDVPwyXISef4RnJ5mXTd1pPLLYtYQ57u7DIXZDWKYDSGeaU/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtik7SwtMnhOtqQE8DW2KwaXEdZrJ1mnjcYQKLvG3bEaReiWAVao0dnu__LmTd94tUpVrg3_WOBIixtPglfIBD-4s0o6SNyELFs645_8crYTSE_3XQvZCGxRwX6GQeDzJ46Dn-2FWmaA/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm2F341T9HvjI1xLUEKGpbEq-AtGcORjQE7KosxnjoRmRdjd4KgSGSYMf-togMt0gH7PdfBAcO9ytgGQ0HWqioZwE-2G-iuXy0QHR7HLMyjIrcfFyGksmhqg7-CZuCqrNZAE2ZEeoBlI/s400/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkPlAYZFvZR0OnI9rHbVsIKGe7dJCwZpNL-BtrtEEjTUUhISzZnRaBR6ha52QNAVtDmftPPIRWOiF6L4sN0ShAsvCrlhgLDVPwyXISef4RnJ5mXTd1pPLLYtYQ57u7DIXZDWKYDSGeaU/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}<br /></style><br /><div style='display:none'><br /><div id='STpopups' style='padding:10px; background:#fff;'><br /><center><h3 class="mdbox-title"><b><span style="color: #b45f06;">Like Sahi Tech on Facebook</span></b></h3></center><center><br /><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b><span style="color: #38761d;">SaahiTech</span></b>&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe><br /></center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://sahitech.blogspot.com/">SahiTech</a></p><br /></div></div></span></blockquote>
<br />
<h3>
<span style="font-family: Verdana, sans-serif;">Customization:</span></h3>
<ul>
<li><span style="font-family: Verdana, sans-serif;">Replace <span style="color: #38761d;"><b>SaahiTech</b></span> With Your Facebook Username.</span></li>
<li><span style="font-family: Verdana, sans-serif;">It Will Not POP Up Again And Again On Every Reload Or Every Pages. To Review The Widget Just Delete Your Browser Cookies And Refresh The Page To See It Appearing Again.</span></li>
<li><span style="font-family: Verdana, sans-serif;">If You Want To Appear This Widget On Every Reload Of Your Visitor On Every Page, Just Change <b><span style="color: #0b5394;">true</span></b> To <b>false</b></span></li>
<li><span style="font-family: Verdana, sans-serif;">This Widget Will Again POPUP On Your Viewer Desktop After 30 Day If He Is Clearing His Browser Cookies, If You Want To Minimize This Time, Just Change <span style="color: #351c75;"><b>*30</b></span> From The Above Code To Your Desire Day With 30.</span></li>
<li><span style="font-family: Verdana, sans-serif;">You Can Also Change The Title Of PopUp By Changing <b><span style="color: #b45f06;">Like Sahi Tech on Facebook.</span></b></span></li>
<li><span style="font-family: Verdana, sans-serif;">Save And Done..</span></li>
</ul>
</div>
ItsGhanihttp://www.blogger.com/profile/17315009878997993901noreply@blogger.com0