Thursday, 31 October 2013

Computer Hardware Dictionary




Computer Hardware Dictionary



Computer Hardware Dictionary






OR 


Unknown at 18:51 0 comments

Operation Air Assault 2 Full Version Game Free Download





Operation Air Assault 2 Full Version Game Free Download.Latest Upload Operation Air Assault 2 Full Version Game Free Download.Fighting Games Free Download.Computer Games Free Download.Best Fighting Games 100% Free Download.Air Assault 2 game that received a summary of the risk of a terrorist act. Then the militants gaggle Air Assault 2 is a square measure will be taken down on a secret operation. This will complete the Air Force game.


System Requirement !

System= Pentium III CPU 1.0 GHz
RAM= 256 MB
Size= 22 MB
Video Memory= 32 MB
OS= Windows 98, 2000, ME, XP, Vista, 7 and Windows 8





Download Now
Unknown at 11:32 0 comments

Add Simple Social Sharing Below Your Blogger Posts

Social_sharing_for_bloggerSocial media buttons is a great way to boosting your blog traffic. The shares of your blog content made through these social buttons circulate over different social networks will help your blog engaged with long term traffic. Twitter, Facebook and Pinterest all offer JavaScript that they'd LOVE for you to add to your site. Tracking is one of the reasons that they'd love you to add these. That may or may not be a strong reason not to add their JavaScript, but a concrete reason not to is speed. When you add three services' JavaScript you're adding three DNS lookups, three (or 20) HTTP requests for their JavaScript and images, and on and on. That JavaScript has to execute as well, of course, but the value it provides isn't justified over the speed and hassle involved in our opinion. We add just one third party (addtoany) script in this widget. I wanted to add social sharing links without adding JavaScript. Fortunately all these services support sharing via simply visiting a URL. Stated differently, you can share via an HTTP GET. This widget uses a total of 9 Icons but believe it or not it is super-fast and loads with in seconds.


Now Lets Add Them Below Each Post In Blogger

  1. Go to Blogger Dashboard > Select the Blog > Go to Template page of theBlog
  2. Click Edit HTML button.
  3. and Add the Following CSS Code before ]]></b:skin>
div#social-sharing   { 
width:550px; 
height: 90; 
background: radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
background: -o-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
background: -ms-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
background: -moz-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
background: -webkit-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); 
padding:10px; 
margin:0 auto; 
border: 1px solid #999; 
border-radius:5px; 
-webkit-border-radius:5px 5px 5px 5px; 
-moz-border-radius:5px 5px 5px 5px; 
-webkit-transition: all 0.6s ease-out; 
-moz-transition: all 0.6s ease-out; 
-o-transition: all 0.6s ease-out; 
-ms-transition: all 0.6s ease-out; 
transition: all 0.6s ease-out;
}
div#social-sharing:hover { 
-webkit-box-shadow: 1px 1px 3px #CCC inset; 
-moz-box-shadow: 1px 1px 3px #CCC inset; 
box-shadow: 1px 1px 3px #CCC inset; 
}
#social-sharing img { 
width: 35px; 
padding: 5px; 
border: 0; 
box-shadow: 0; 
display: inline; 
opacity:1; 
filter:alpha(opacity=1); /* For IE8 and earlier */ 
}
#social-sharing img:hover { 
-webkit-transition: all 0.6s ease-out; 
-moz-transition: all 0.6s ease-out; 
-o-transition: all 0.6s ease-out; 
-ms-transition: all 0.6s ease-out; 
transition: all 0.6s ease-out; 
opacity:0.6; 
filter:alpha(opacity=60); /* For IE8 and earlier */ 
}
.social-sharing-title { 
text-align: center; 
padding: 3px 10px 2px 0px; 
margin: 0 0px 0 0; 
color: #8d0303; text-transform: uppercase; 
line-height: 25px; 
vertical-align: middle; 
font-size: 14px; 
}

You can replace the Statement Text Color Highlighted in Red.  You can also change the Background width by changing the width: 550px; highlighted above in yellow color.

4. Next, locate the Second instance of <data:post.body/> tag and paste the following code Below/after it:

<b:if cond='data:blog.pageType == &quot;item&quot;'><
center> 
<div id='social-sharing'> 
<div class='social-sharing-title'>Do You Like This ? Please Take Five Second To Share It!</div>
<!-- Facebook --> 
<a class='face-book' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0uzDzESLP3ew0FQuatgBPMXzYIsefTY3FXo9YNS5qSyn_51_iplzlPVFMZwNIt4xA1Y92nsXwIC_MdXFDW8IdvOxxjMSlHuRHUtzQsKfdbAs5eq1eGgaw7lCqwQLuYa1zEvr2scHEJv4p/s1600/Facebook.gif'/></a>
<!-- Twitter --> 
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlmIPqg1RrBoTzhxdbxNEZ2SnhTaEoJSDO0cOEPbtgXVdGwXxkJZpWHZD5qnaHCV9J95J1pKXDidk_NFLtqC2cBM8ot2NeaCBf-vadKlYt_cuUOAE7uobQM4sMNfhphjK_BVh4bP72qRq/s1600/twitter_bird.gif'/></a>
<!-- Pinterest --> 
<a class='pint-er-est' href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img alt='Pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4OXdI_WrrydIgOJ1lDt_c78_q5q_d0Q3ncxzlPCCgBH-72-WUI8-7WPvoCHFZRhly7E4EghlqLgOJ6EHGZvGb0gm1v38mWME3-T1ltomLcaJV_x4NCwAatOrSWxQXOKRK0NUMV_xWiAk/s1600/Pinterest.gif'/></a>
<!-- Stumbleupon --> 
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble this'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWIn5NOF8hQRMVu5C8tMjM2WsOzzlcfdsprZiyJdy1Uqc6dMk_TIhd0MxsOfCMO2-iAXPCrTVIFA5Ts5jB9B19AG-766-6PDLneOogzWkQkG9tMrKRdyc0G5BG9aRWkPbEsQ2lkH1iTWn8/s1600/stumbleupn.gif'/></a>
<!-- Delicious --> 
  <a class='del-icio-us' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Delicious'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4FgpKCGtPb1RRFcdWfubiVnnVBObXHHSvAkP8IEtqK4YWKYO2-7hbbm_Bj-IDQtATh6eiQnIaiovT7vO9OXsNXs3tww3n0nsOWVr3CQUTD1cVerYcgfD7qbMg8NGe0TcWdKOaS2bSwvr/s1600/Delicious.gif'/></a>
<!-- Reddit --> 
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihOFBiB1C6xyYWKyHDeOtsE3mymdITaPo7YtHIjcYUI4yyfvJAhgi49cXmwtHRsb3mu-V4cHtjRXB1laFDsgE8PNUkJcUURPQ6OIZm0tFDQeORLsSt76YzAVKTzLGeqm-T1HIzYvcY-DS9/s1600/reddit.gif'/></a>
<!-- Digg --> 
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='nofollow' target='_blank' title='Digg This'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwiVBYrHqUSw8yevRmkasMZMUbkHPmIKuCfRcJA2S_lQS2MXsLCDpm57cKoB15aykDolnAsJmx3W6v9B7i5UXIVPw1c_2XPjAJZk3K2twqnyO3OPceiqfb8jc7wLh3HF_EibuhB2QB06n1/s1600/digg.gif'/></a>
<!-- Email --> 
<a href='mailto:?Subject=My Blogger Tricks&amp;Body=Check out this site.. http://www.myblogger-tricks.com' rel='nofollow' target='_blank' title='Email This'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrRR9ISHcGn6MQ8RCWnLJsuvZDp6jzeecakFpUvY6JhrI6mz1C4uoImVYqehz0R9T3nhn3wOYh18zIFQpdOYWKcoxFNor-l2Z8p8OpxRUuhh3e6gB2NvWpCGr7aaWsU4Mrkg3XRxgnY25h/s1600/email.gif'/></a>
<!-- addtoany --> 
  <a class='a2a_dd more' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Share On Others Networks'><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNuPcg-0iHlL7rTOnUllIw5u167ceT4sR9cAtYcHkdtX6BroOMS2LRNrscwAgJEaGOikjvPnjEnp3rgm2Jegi5z4vsR9I5SAzQs5edqueXRTvli84WYYbAtWDVxNPsTZJw-r_HEsmJ3T2_/s1600/share-to-any.gif'/></a>
</div> 
</center>

5. See Preview before saving.

Note:- The buttons will only appear on post pages. We place this limit  because the 
Pin-it button only pins the page on which it appears. As such  on homepage (if we were to allow it there), every instance of the button will pin the homepage, not the post (as it’s “supposed” to).

Troubleshooting

While finding the <data:post.body/> code is coming three time.This Problem comes when we install Auto Read More Hack in our Blogs. For this Problem Search for any one line from below and Put Above Section of Widget HTML Code after it!

This
<div class='post-footer-line post-footer-line-1'>

Or this

<div class='post-footer'>

Or this

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<data:post.body/>

Let me know about other social sites that support this kind of sharing in the comments, and I'll add your tips to this post. I hope you will enjoy this tutorial and take a 5 seconds to share it.Cheers Smile
Unknown at 06:49 0 comments

Monday, 28 October 2013

Adding a Dashing Subscribe Now Box to Blogger

Usually a Subscribe Now box is for user's it provide user's facilities they can get all the updates related to the blog directly into there inbox so adding a Subscribe Box is not only useful for a user but also for a publisher.By using Rss Feed,Email Subscription,Facebook Like and etc you can  increase your blog's Traffic big time.This is the reason why we will today add a Dashing Subscribe Now Box to your Blogger Enabled blog before adding it.You should know what it will posses 

1.The subscribe Box will have one RSS Feed Option
2.It will also have a Facebook Page option
3.It will have a Rss Email Subscription option 
4.It will have a link to your Twitter page
5.And it will have a link to your Google Plus Page

So without wasting any time let us directly go to the point and let us start adding a Dashing Subscribe Now box to Blogger

Simple go to Blogger.com >> Then Yourblog >> Then Layout >> Then Add a Gadget >> Then Add Html/Javascript >> Then simply copy paste the following code

<div dir="ltr" style="text-align: center;" trbidi="on"><div style="text-align: -webkit-auto;"><span style="background-color: white;"><img alt="button_subscribenow.png (314×89)" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjra_zCv-wMbNvZEOVMkyeYWnohHbhPTJjdVEqR_dwfIveZ_oNCvXeNaWN_zT3dhCXmg7zk9GDsDYP3J0EFxxuiRyiK3wxUhVmE2zHTbdwjOjDkci8TTn-AYtiZknD5UhwlZars1crmhI5P/s1600/1.gif" width="300" /></span></div></div><b></b><div class="subicons" style="background-color: white; border-bottom-color: rgb(230, 230, 230); border-bottom-style: solid; border-bottom-width: 1px; color: #666666; float: left; font-family: Helvetica, Arial; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: -webkit-auto; width: 300px;"><div class="rssicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNkYDZbpK_fg_PyqP8mHQpjPBWhErHsqpHCZkgmZjUuoXBPUvoJLurFXPno-N4fDko57DufT3hoUJ6lC-jB_as10zcitvAQgpcpXJwNWC9obKDiXggY7ugZjWgCvkNiEARLu1VhxcXmAW/s400/rsssprite .png); background-origin: initial; background-position: 0px 5px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 2px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;"><b>&nbsp;<a href="http://e-ideamart.blogspot.com/feeds/posts/default" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">&nbsp;RSS</a></b></div>
<div class="googleicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNkYDZbpK_fg_PyqP8mHQpjPBWhErHsqpHCZkgmZjUuoXBPUvoJLurFXPno-N4fDko57DufT3hoUJ6lC-jB_as10zcitvAQgpcpXJwNWC9obKDiXggY7ugZjWgCvkNiEARLu1VhxcXmAW/s400/rsssprite .png); background-origin: initial; background-position: 0px -37px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 2px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;">
<b>&nbsp;<a href="http://plus.google.com/101845370194687634858" rel="author" style="color: #333333; text-decoration: none;" target="_blank">&nbsp;G+</a></b></div>
<div class="fbicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNkYDZbpK_fg_PyqP8mHQpjPBWhErHsqpHCZkgmZjUuoXBPUvoJLurFXPno-N4fDko57DufT3hoUJ6lC-jB_as10zcitvAQgpcpXJwNWC9obKDiXggY7ugZjWgCvkNiEARLu1VhxcXmAW/s400/rsssprite .png); background-origin: initial; background-position: 0px -79px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;">
<b>&nbsp;<a href="https://www.facebook.com/eideamart" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">FB</a></b></div>
<div class="twittericon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNkYDZbpK_fg_PyqP8mHQpjPBWhErHsqpHCZkgmZjUuoXBPUvoJLurFXPno-N4fDko57DufT3hoUJ6lC-jB_as10zcitvAQgpcpXJwNWC9obKDiXggY7ugZjWgCvkNiEARLu1VhxcXmAW/s400/rsssprite .png); background-origin: initial; background-position: 0px -121px; background-repeat: no-repeat no-repeat; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;">
<b>&nbsp;<a href="http://twitter.com/saadahmads" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">Twitter</a></b><br />
<br /></div></div>
<div class="emailsub" style="background-color: white; border-bottom-color: rgb(230, 230, 230); border-bottom-style: solid; border-bottom-width: 0px; color: #666666; float: left; font-family: Helvetica, Arial; font-size: 12px; line-height: 18px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 15px; text-align: -webkit-auto; width: 300px;">
<div class="emailicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Ab_vyEKyhlxjMz7HKhawqdTNnwqre4-5wJkKgvDgSlYcxA6IpoHxTzOb9Lut8GOBfsyuNtEWqL1W374miTWIalfWR4CUNusqQ9VjIb3ZoMQgHOmnY3bVzxdMq6v4ojfFQcSHNYzfj8Y/s400/email.png ); background-origin: initial; background-position: 0px 2px; background-repeat: no-repeat no-repeat; color: #333333; float: left; font-size: 14px; line-height: 20px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 40px; padding-right: 15px; padding-top: 0px; vertical-align: middle; width: 300px;">
<div style="color: #3a3a3a; font-size: 13px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 270px;">
Receive Quality Updates Straight in your &nbsp;&nbsp; Inbox by submitting your Email ID below<b>.</b></div></div>
<div class="emailupdatesform" style="float: left; margin-bottom: 5px; margin-left: 5px; margin-right: 0px; margin-top: 15px; width: 300px;">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=E-ideaMartbestBloggerTipsAndTricksAndManyMore" method="post" target="popupwindow">
<b><input class="emailupdatesinput" gtbfieldid="10" name="email" style="background-attachment: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; background-image: initial !important; background-origin: initial !important; border-bottom-color: rgb(210, 210, 210); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(210, 210, 210); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(210, 210, 210); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(210, 210, 210); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #a19999; float: left; height: 25px; padding-bottom: 0px; padding-left: 8px; padding-right: 8px; padding-top: 0px; width: 185px;" type="text" value="Enter your email here..." /><input class="joinemailupdates" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(87, 171, 254)), to(rgb(0, 128, 255))); background-origin: initial; border-bottom-color: rgb(0, 128, 255); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 128, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 128, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 128, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: white; cursor: pointer; font-family: arial; font-weight: bold; height: 25px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; padding-top: 0px; text-transform: uppercase;" type="submit" value="Submit" /></b></form></div></div><b> 

Now to modify it yo your setting do the following changeing to make it as it is yours 

To add your own Facebook page Url     
Look for https://www.facebook.com/eideamart once you find it replace it with your own facebook page url

To Add your own Twitter Page Url
Look for http://twitter.com/saadahmads once you find it replace it with your own twitter page url

To Add your own Rss Feed Url
Look For http://e-ideamart.blogspot.com/feeds/posts/default once you find it replace it with your own Rss feed url

To Add your own Email Subscription Url
Look For http://feedburner.google.com/fb/a/mailverify?uri=E-ideaMartbestBloggerTipsAndTricksAndManyMore once you find it replace only E-ideaMartbestBloggerTipsAndTricksAndManyMore with your own feed's url name

To Add your own Google plus Page Url
Look For http://plus.google.com/101845370194687634858 once you find it replace with your own Google Plus page url  

And then hit Save button and you are done with adding A Dashing Subscribe Now box to blogger if you have any trouble with adding this widget feel free to ask 

Unknown at 08:15 0 comments

How To Insert Attractive "Table of Contents Page" Sitemap in Blogger


It's very important for a publisher To insert Sitemap (Table of Contents) in his blog  to make it look more professional. Basically Sitemap (Table of contents) is a place in your blog where all of your post are arranged according to their type.This is the reason why today we will going to Insert a Table of Contents in Blogger.

We have designed a table of contents for blogger which will update automatically so you don't need to just edit it every time when you publish a new post.If you  publish a new post on your blog it will automatically added  to your Table of Contents Page so it really saves lot of time.This Table of Contents widget will display all of your post well arranged under their specific categories (LABELS). 

This widget is designed and optimized with CSS so it looks really attractive and has some Jquery which do attract your eyes.So let us start our fingers rolling over the tutorial.

But first I know you would love to see the preview of the widget,so first see the widget which we are going to apply on our blog




Features:

  • The sitemap (Table of Contents) updates automatically when you publish a post
  • It will automatically tag your latest posts as NEW in sitemap (Table of Contents)
  • All of you posts will be well arranged under there given categories (Labels) 
  • Has a fresh and new look with drop down feature

Adding a Table Of Content in Blogger:


To insert an Attractive Table Of Contents (Sitemap) in Blogger Follow these Steps
  • Go To Blogger >> Template >> Edit HTML >> Proceed 
  • Now search For  ]]></b:skin> in Your Template with (CTRL+F)
  • when you find  ]]></b:skin> just above it  place the following code


/*--------E-iDeaMart TOC-----*/ 
.judul-label{ 
background-color:#E5ECF9; 
font-weight:bold; 
line-height:1.4em; 
margin-bottom:5px; 
overflow:hidden; 
white-space:nowrap; 
vertical-align: baseline; 
margin: 0 2px; 
outline: none; 
cursor: pointer; 
text-decoration: none; 
font: 14px/100% Arial, Helvetica, sans-serif; 
padding: .5em 2em .55em; 
text-shadow: 0 1px 1px rgba(0,0,0,.3); 
-webkit-border-radius: .5em; 
-moz-border-radius: .5em; 
border-radius: .5em; 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
-moz-box-shadow: 1px 1px 4px #AAAAAA; 
box-shadow: 0 1px 2px rgba(0,0,0,.2); 
color: #e9e9e9; 
border: 2px solid white !important; 
background: #6e6e6e; 
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); 
background: -moz-linear-gradient(top,  #888,  #575757); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); 
} 
.data-list{ 
line-height:1.5em; 
margin-left:5px; 
margin-right:5px; 
padding-left:15px; 
padding-right:5px; 
white-space:nowrap; 
text-align:left; 
font-family:"Arial",sans-serif; 
font-size:12px; 
} 
.list-ganjil{ 
background-color:#F6F6F6; 
} 
.headactive{ 
    color: #fef4e9; 
    border: 2px solid white !important; 
    background: #1C8DFF; 
    background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2)); 
    background: -moz-linear-gradient(top,  #9dc2e7,  #438cd2); 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2'); 
}

  • Now save the template by pressing Save Template button 
  • Now we will create a new page for our Table of contents Remember:we will create a new page not post.To create a new page go to Blogger >> Pages >> New Page >> Blank Page 
  • Now Give title to your page i.e "XYZ Table Of Contents" and now under EDIT HTML tab (button) paste the following code


<script src="http://nurulimaminfo.googlecode.com/files/daftarisiv2-pack.js">
</script> 
<script src="http://www.mybloggerlab.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script> 
<script type="text/javascript">
var accToc=true; 
</script> 
<script src="http://deroc.googlecode.com/files/accordion-pack.js" type="text/javascript">
</script>

Now after pasting the code above look for http://www.E-ideamart.blogspot.com and replace it with your blog URL and Publish the page now go and view your Amazing Table of Contents with Drop down style.
Unknown at 07:59 0 comments

Sunday, 27 October 2013

How To Add Social Buttons With Hover Effects In Blogger

As we all are well aware of the fact that, Google is playing foremost role is killing all the traffic of a website by rolling out back to back algorithm updates. Due to which, almost 50 percent of bloggers are trying to utilize social networking websites to boost their traffic. For that reason recently, we released Floati ng Social Media tab widget which proved to be the greatest hit of all time. Since, it’s the Thanks Giving weekend, so we decided to share yet another fabulous looking social buttons that will add a new life to your blog. It is sleek and stylish plus it has entire new look which will attract readers. So today, in this article we will be sharing How to Add Social Buttons with Hover Effects in Blogger.



Where This Social Buttons With Hover Will Appear:

Many of our visitors complained that there is no such Social widget that could be used in the Sidebar. Therefore, keeping those views in mind we have designed a Social Bookmarking Widget which can be used in the sidebar. It has five Social buttons which includes Pinterest, Facebook, Google Plus, Twitter and RSS Feed. Take a look at the following screenshot. 

How To Create Social Buttons With Hover Widget in Blogger:

Just like our other tutorials, the steps which are mention below, are ideally made for those who are new bloggers. It will hardly take 5 minutes to complete the integration. Just follow the following instructions.  
  • Go to Blogger.com >> Layout >> Add a Gadget.
  • In the List Select Edit HTML/JavaScript.
  • Now in the HTML Text box paste the Following Coding.

/* --- E-ideaMart Social Hover Buttons Plugin For Blogger --- */                                                                         <div id="mbl-social-hover">

<div class="tota2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4LVAkoeb1-rvJQd4X23o_oHyAUDcTv9BoUKPxTJR7vNH84vOjIQZGvgYTHaMHkfVLzJetwzDRX897jnTjEQhrZwOwXLjYWt3DHVl1svw_As_aUY_u1bp03xsF9OC7cdqTHykVD3pzc4Y/s1600/SUB-BAN .png" /></div>

<div id="links"><a href="http://twitter.com/saadahmads" class="twitter" title="Twitter" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9cXR2wM3bXAOK0-vP5aHb76Vk3A7kxcBmxCnIjVrkFg2mH8vx7v2sBqCh3zItCvlyCtk7QgUyPzGXN-sByCL-K5KunFvurS23mDVPpbN1lMuIVSbHc8wjao4QatF8r2ICYksFozBGpls/s1600/twitter .png" /></div></a>

<a href="http://www.facebook.com/eideamart" class="facebook" title="Facebook" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm37Q4RMDDu_roF_rt2C734OHjBxlwcceBY-xv8_7YbtR_tEXnraRUzgjmMUfyVW3GELmtYA6BkT9RftPrPHOk-TFNxTh0gZyXJ4LevKrg5DSUUajyJTgsQI6XnYd5a8z5ikr3hhM8qvk/s1600/FB.png"  /></div></a>

<a href="https://plus.google.com/u/0/101845370194687634858" class="google" title="Google Plus" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrwCK9zEL6f-yNS1mG2uWFRV6ITy9-z10qEpORJswz7Bpjgi5NfXfyh6aaovWIJ9sDRW8VqfwjpmGKJyxtMAhZHntQJ6b6r3efTfj3MexIvrFVETbgDONk0h5X9tpyplTKk76IAwXeqiI/s1600/google. png" /></div></a>
<a href="http://pinterest.com/-----------/" class="pinterest" title="Pinterest" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlSmwv0POGqaZTV4jFWaqvYM8Hi6MDVjtscys31IdGZJWUkZO-eZgTVFJ8VQB3CdVDTpUKlUiIPNbrJRERQUYRzXy3tBzMMJv1r6X_DNk8OtyLGckxYjTceeKelbwsHk-3wsfrZykPEw/s1600/pin.png " /></div></a>

<a href="http://e-ideamart.blogspot.com/feeds/posts/default" class="rss" title="Feedburner" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzScgdOUTvo42U-jHp45yuMp3Ph5TYL_srne-QeZBpgPB0NfCaycaiepc_UUdWChgsbGF0k2xZFadNkDLVrglH3U874JMovIyCPhWxI3D2wdfOfMnG2jH4apaWxBZkSSOEtU4NXcNWJA8/s1600/rss.png " /></div></a></div></div>

<style>.tota2 { margin-left:15px; margin-top:10px;}.tota { margin-top:7px; }#mbl-social-hover{position:relative;width:240px;height:400px;background:#554e4c url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKrq68G07-aWQdTTifks3TiPxUaZifJbCHo98mjVnygQeuw9baZ0APdO876vY4XZtkatxcmbIm4MFjaUDkZ7HM2Xt6VHF4Dto0e0-J-rk-AIxCwgjkPNJ9fbWVBeXv6-hBovD6k2Cr26k/s1600/vintage .png");}#mbl-social-hover #title{font-family:'Open sans';font-size:28px;color:#fff;font-weight:600;margin:30px 20px 0;text-align:center;line-height:1.1em;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}#mbl-social-hover #title span{display:block;font-size:14px;line-height:1.5em;margin-top:10px;font-weight:400;}#mbl-so cial-hover #links{position:absolute;bottom:0;width:100%;}#mbl-social-hover a{display:block;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:12px;background:rgba(0,0,0,0.08);bord er-top:1px solid #4c4644;border-top:1px solid rgba(0,0,0,0.1);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}#mbl-social-hover a:hover{background:rgba(0,0,0,0.15);text-decoration:none;}#mbl-social-hover a.twitter:hover{background:#79dbff;}#mbl-social-hover a.facebook:hover{background:#6e9bee;}#mbl-social-hover a.google:hover{background:#00be00;}#mbl-social-hover a.pinterest:hover{background:#cb2027;}#mbl-social-hover a.rss:hover{background:#ffae42;}#mbl-social-hover a span{height:15px;line-height:15px;width:15px;text-align:center;margin-right:20px;font-size:1 3px;padding:5px;border-radius:99px;background:rgba(0,0,0,0.1);}#home-tagline{text-align:cent er;font-size:32px;color:#000;font-weight:300;margin:60px 0 40px;}#home-tagline strong{color:#ff5421;font-weight:300;}#home-highlights{margin-bottom:40px;}.home-highlight{f loat:left;width:142px;padding:30px 0;margin-right:21px;text-align:center;font-size:13px;display:block;opacity:0.9;color:#796f6c ;font-size:40px;background:#e2e0df;background:rgba(0,0,0,0.04);-webkit-border-radius:4px;-mo z-border-radius:4px;border-radius:4px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.home-highlight p{margin:0;}.home-highlight:hover{color:#3a3534;text-decoration:none;background:rgba(0,0,0,0 .1);}.home-highlight-title{font-size:13px;margin:7px 0 0;text-align:center;color:#796f6c;cursor:pointer;font-weight:900;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.home-highlight:hover .home-highlight-title{color:#3a3534;}#home-featured{min-height:400px;margin-bottom:37px;}#ho me-featured .home-divider{margin-top:0;}#home-featured h2{text-align:center;font-size:32px;color:#161414;font-weight:300;margin:0 0 40px;}#home-featured h2:after{display:block;content:"";width:342px;margin:0 auto;height:1px;background:#161414;margin-top:5px;}.featured-theme-entry-content{font-size:1 6px;float:left;width:430px;font-weight:300;}.featured-theme-entry-content h3{font-size:21px;line-height:1.4em;margin:0;font-weight:400;}.featured-theme-entry-content .button{margin-top:15px;}.featured-theme-entry-content .button:hover{background:#f5634a;opacity:1;}.featured-theme-entry-img{display:block;float:ri ght;margin-right:5px;}.featured-theme-entry-img a{display:block;padding:6px;background:#fff;border-radius:2px;}#featured-theme-slider .flex-control-nav{position:absolute;top:-20px;left:-54px;}#featured-theme-slider .flex-direction-nav{margin:0;}#featured-theme-slider .flex-direction-nav li a{background:#312d2c;cursor:pointer;display:block;height:70px;line-height:70px;width:30px;co lor:#fff;text-align:center;margin:-30px 0 0;position:absolute;top:50%;-moz-transition:background 0.3s ease-in-out 0s;opacity:0.15;border-radius:4px;}#featured-theme-slider .flex-direction-nav li .flex-prev{left:-90px;}#featured-theme-slider</style>

Customization: 
  • Replace https://plus.google.com/u/0/101845370194687634858 with Google+ Profile URL.
  • Replace http://twitter.com/saadahmads with Twitter Username.
  • Replace http://e-ideamart.blogspot.com/feeds/posts/default with RSS Feed URL
  • Replace http://pinterest.com/--------- with Pinterest Profile URL.
  • Replace http://www.facebook.com/eideamart with Facebook Page URL.
All Done: After customization, save the template by pressing Save button. That’s it, go ahead and check out the website to see the picture perfect results. 


Unknown at 21:21 0 comments

10 Tips To Get Your Blog Approved By BuySellAds

The best way to get our blog approved by Buysellads.com is to study those blogs thoroughly which are already listed in BSA directory. Let us do a demonstration which will allow us to identify what kind of blogs could receive approval from BSA.

Go To BuySellAds.com and search for a specific niche blog i.e. Blogging, Blogger, Entertainment and etc. As soon as you hit enter you will see a large list of blogs. Now just select a blog which you liked the most and open it’s details.

Now we will examine the data of that blog. Essentially Alexa Ranking is the most vital element in BuySellAds, but you will also notice low ranked blogs. However, they have high Social media exposure this is the cause why they are part of such a gigantic organization.

However, if you got accepted It does not indicate that you will magnetize advertisers automatically i.e. Google Adsense. The main thing which usually attracts advertisers is your blog traffic. So be unique be good and make more money.

Get Social Media Exposure – BuySellAds Loves Social Media:

Social media plays vital role and about 25% of blog traffic depends on it. If we don’t have enough fans on Facebook and Twitter then it will become pretty much difficult to get approval from buyselllads.com. It’s essential to make sure that we have at least 600 Facebook and twitter fans.


Some To The Point Tips For BuySellAds Approval:

  • Getting a Professional Domain: Getting a (.com) domain is becoming the basic requirement of every blogger and Buysellads.com is following same rules, they don’t accept (.blogpot) domains.
  • Posting High Quality Content: Content is the most important piece of a blog and according to BuySellAds content represents the personality of a blogger so it’s crucial that we create high quality content.
  • Posting Unique Content: To attract BSA advertisers we must give importance to unique content. This will increase our traffic and hence our advertiser will get more exposure.
  • Quantity of High Quality Content: Just like other advertising programs BSA also gave importance to the quantity of content. I personally think our blog must have about 300 well written articles to get approval.
  • Specific Niche Blog: Usually BSA advertisers like to advertise on those blog which are based on specific niche this will give more exposure to their specific niche advertisement.
BSA is among those outstanding advertising programs which not only adore their advertisers but also provides great support to their publishers. This is the secret of their success, mentioning user friendly experience. So we must fancy our chances with BuySellAds.com Till then Peace, Blessing and Happy Learning.
Unknown at 20:58 0 comments

Animated CSS3 Multi Drop Down Menu For Blogger

Animated CSS3 Multi Drop Down Menu For Blogger




Beauty is the key component of a blog this is the reason why most of blogger always wishes to make their blog as eye-catching as possible. To craft their blog looks more astonishing they take help of different widgets resembling Featured Posts, Image Gallery and etc. If we go deeper, we will come across this conclusion that usually majority of Blogger pays no concentration to their CSS Drop Down Menus. Therefore, their blog not only remains short of ideal appearance but also fails in providing user-friendly experience to visitors. So today we will insert Animated CSS Drop Down Menu in blogger. This astonishing Drop down menu is created by Catalin Rosu with spectacular JQuery effects! We will be sharing a customized version which works flawlessly with blogger. It purely represents true supremacy of CSS3 with the combination of JQuery. This widget will make your Blogger Blogspot blog outlook more fashionable and attractive. So instead of waiting lets startworking!!!

I am certain you will adore previewing this CSS3 Menus, so first let us look at its live demo.



Features Of CSS3 Drop Down Menu:

It is one of the greatest CSS3 Drop down menu as it has heaps of handsome new features which make it unique from all menus. Let us look at few of its features.
  • Easy to use, Optimized with CSS3
  • Speedy, No compromise in blog speed
  • Stunning Multi Drop Down Menu
  • Optimized with stunning Animated JQuery Jumping drop down effect
  • Supports PC, Mobile phones and iPad
  • Editing coding as easy as ABC

How To Add Animated CSS3 Drop Down Menu In Blogger:

To add this widget in Blogger simply Follow these steps
  • Step# 1: First Go to Blogger.com >> Your Blog 
  • Step# 2 Now Select Layout >> Add a Gadget (the place where you want to insert your drop down menu).
  • Step# 3 Then Click on HTML/JavaScript >> and then just Paste the following code.
<!--EiM Animated CSS3 Multi Drop Down Menu For Blogger-->
<link rel="stylesheet" type="text/css" href="http://mybloggerlab.com/StyleSheet/MBLNAV.css"/>          


<nav id="mbl-menu-wrap">    

<ul id="mbl-menu">

<li><a href="URL-Here">Home</a></li>



<li>

<a href="URL-Here">Categories</a>

<ul>

<li>

<a href="URL-Here">CSS</a>

<ul>

<li><a href="URL-Here">Item 11</a></li>

<li><a href="URL-Here">Item 12</a></li>
<li><a href="URL-Here">Item 13</a></li>
<li><a href="URL-Here">Item 14</a></li>
</ul>
</li>
<li>
<a href="URL-Here">Graphic design</a>

<ul>
<li><a href="URL-Here">Item 21</a></li>
<li><a href="URL-Here">Item 22</a></li>
<li><a href="URL-Here">Item 23</a></li>
<li><a href="URL-Here">Item 24</a></li>
</ul>
</li>

<li>
<a href="URL-Here">Development tools</a>
<ul>
<li><a href="URL-Here">Item 31</a></li>
<li><a href="URL-Here">Item 32</a></li>
<li><a href="URL-Here">Item 33</a></li>
<li><a href="URL-Here">Item 34</a></li>

</ul>
</li>
<li>
<a href="URL-Here">Web design</a>
<ul>
<li><a href="URL-Here">Item 41</a></li>
<li><a href="URL-Here">Item 42</a></li>
<li><a href="URL-Here">Item 43</a></li>

<li><a href="URL-Here">Item 44</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="URL-Here">Work</a> 
<ul> 
<li><a href="URL-Here">Work1</a></li> 
<li><a href="URL-Here">Work2</a></li> 
<li><a href="URL-Here">Work3</a></li> 
<li><a href="URL-Here">Work4</a></li> 
            </ul> 
            </li> 
<li><a href="URL-Here">About</a></li>
<li><a href="URL-Here">Contact</a></li>                                                                                                                               <li><a href="http://www.e-ideamart.blogspot.com">E-ideamart</a>                                                    </li> </ul>
                                                                                                                                           </nav>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(function() {
if ($.browser.msie && $.browser.version.substr(0,1)<7)
{
$('li').has('ul').mouseover(function(){
$(this).children('ul').css('visibility','visible');
}).mouseout(function(){
$(this).children('ul').css('visibility','hidden');
})
}

/* Mobile */
$('#mbl-menu-wrap').prepend('<div id="mbl-menu-trigger">mbl-Menu</div>');
$("#mbl-menu-trigger").on("click", function(){
$("#menu").slideToggle();
});

// iPad
var isiPad = navigator.userAgent.match(/iPad/i) != null;
if (isiPad) $('#mbl-menu ul').addClass('no-transition');      
    });   
       
</script>


Customization:
  • To insert URL according to your choice replace URL-Here
  • Don't forgot to include http://www. before every URL
  • Customizating this widget is very simply but still to make it more easier we have highlighted those elements which need to be changed i.e. URL-Here  Home and ETC.

Step# 4: After customizing your widget just save your template by pressing Save Button. 

Step# 5: Now go and check your blog you will witness a picture perfect Animated CSS Drop down menu

Remember: For WordPress
If you are thinking to use this CSS3 Drop Down Menu widget on WordPress then you can do it without facing any trouble. All you need to do is to follow the same steps.

From The Editors Desk:

I expect you all would love this widget, and I assure you this CSS3 Menus will never let you down. Still it is the opening we will share more superior optimized CSS menus with enhanced styling and colors, as our main aim is to provide quality widgets. The tutorial is very simply but still if you face any difficulty regarding anything feels free to ask till then Peace Blessings and Happy Optimizing. 

Unknown at 20:47 0 comments
 
Top