Friday, 27 April 2012

How to Add Widget inside Blogger's Header

, , 0




Well you may have seen many professional blogs that have a Special widget in their header.Specially on those Blogs that have Ad sense or any other Widget inside their blogger's header.Well most of the bloggers use Ads of 468x60 Ad banners there.because it is the perfect place to install such type of widgets.So if you cant see Option like Add a Gadget link on your blog's header then Here is a Small trick to Add it.Now let's do the Work.

How To Add Widget Widget/Gadget Inside Blog's Header?


  • Go to Blogger Dashboard > Design > Edit HTML. (In new User Interface it is Dashboard > Template )
  • Backup a Copy of your Template
  • Now Find for the Below Code

/* Header
----------------------------------------------- */

  • If you can't above code then find for below code :

#header

Now replace above code with below piece code :.

/* Header
----------------------------------------------- */
.header-left{
display: inline-block;
height: 35px;
width: 350px;
float: left;
}
.header-right {
display:inline-block;
float:right;
}


  • You Can change height and width of the logo then edit the lines in blue from above code.
  • To change position of the logo to right the change float: left; to float: right;

  • Now find for below code in your template
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>


Note - Above code will be in little different format in your template as coding of each template differs.The best way to find above code is search for only half piece of code i.e. upto id='header'.


  • And replace above code with below code


<b:section class='header header-left' id='header' maxwidgets='1' showaddelement='no'>



  • Now "Preview" your template, you will find  the background color of Blogger's header is not visible or it is missing. To bring it back, you need to add some more piece of codes.

Find the following code:

</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>


If you can't find above code then only find for below piece of code in your template.

<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>


  • And paste the below code just below of above code

<div style='clear:both;'/>


Now save your template.And Go to your Layout page and you can find "Add a Gadget" link inside your header.

That's it Enjoy!

9 Sites to Find 1000+ Free Twitter Buttons And Badges

, 0




Twitter is a biggest social Networking site.Which drives a much more Traffic to our Blog.And Talking about the Buttons and Badges they really Adds Beauty to our site or blog.Now a days twitter is getting more users and rankings in Amazing Rate.Here is the List of Awesome Sites Where you can find More than 1000 Twitter buttons and Badges.



    Follow me Twitter Badges and Logos Here






    Free Twitter Buttons here





















The Body Language Rules :Ebook

, 0





Body language is the most fluent, lyrical, revealing, and significant form of communication. As an off-shoot of the psychology of human behavior, it is intriguing, exciting, fascinating, and fun—and yet ultimately frustrating. As a communication skill your body language accounts for over 50 percent of the perceived impact of all your face-to-face messages and so you underestimate its power and influence at your peril. By creating and defining your own body language, and therefore your own image, you will avoid allowing others to perceive you in a way that will have more to do with assumption and misunderstanding than real skills and abilities.




Download the Body Language Ebook Here


Click the Below Icon to Download

Download"Click to Download

Save Gmail Attachments To Google Drive

, 0




Well After a much waiting Google Has Launched their File hosting Service Google Drive Which Stores up to 5GB Cloud Storage.So with that introduction Gmail has removed the option to save Gmail Attachments in Google Docs.and provides option to view the Document and Downloads.




Though it may be a small problem.but here is an alternative.But if you want to Feature it back then just install this Google Chrome Extension. Just install it and you can save gmail attachments to Google Drive by clicking the Link.This saves you a lot of trouble because you no longer have to open the file before saving it to Google Docs. Secondly, this extension allows you to store any type of files in Google Drive.


So once you install the Extension you will be able to see an additional link to save the file to Google Drive.Clicking the link opens a new window and save the File to your Google Drive Account.So currenty files are shared in the Main drive of google drive.But We can Easily Move to Custom Folders 



Awesome New Latest Twitter Tweets Widget For Blogger

, 0




Hello Friends! As you Know Twitter has always been a Handle for Sharing post content And to attract more visitors.Well Almost every blogger uses Twitter To share their posts and to Publicize their Blog.So here is an Awesome Widget that lists a number of Latest tweets on your blog.on your Sidebar or Anywhere your widget is added.The tweets are listed line by line with an icon of Bird.And also a Follow me Option below.It is very impressive widget and it can be easily added to blog.



How to Add Twitter Stream To Your Blog :.

There is Nothing For you to Do.Just You have to Replace My profile Link with Your's .

Click on the Below Button and The Widget will be Added to blog Automatically .Just Replace My profile link With Your's!



That's it Now you're Done! If you Enjoyed this post please Take 5 Seconds to Share it.

Download Digg Template for Blogger

, 0




Digg is a Social Bookmarking And a Social news Site.Now a days It is becoming More popular Almost every Blogger uses Digg service to share their Posts and Contents.Digg is one of the best service to drive more traffic to their Blogs.So Download the Template Which looks like Digg ! Digg template is Really Awesome.Just upload it To your Blog and Enjoy!



Just have a look at the Below Screenshot.




Download Digg Template




Letsenjoy | TUW 

Thursday, 26 April 2012

Hide Navbar And Have it Reappear When You Hover Over it

, 0




Well friends i think you may be familiar about Hiding the Navigation bar on blogger and also familiar about Auto sliding Navbar on Blogger. but this is a new trick to Hide and Have it Reappear When You Hover Your Pointer over it.This is a simple trick.it is a one step trick and it's all done just by tweaking Code of Nav bar! 
 so follow the below steps to proceed.




Note: If you already applied hide Navbar Code on your Blogger.then Remove that Code or else this trick won't Work.


Adding it to Your blogger blog :.


First logon to your Blogger and then Go to Design < Edit Html .
Now Find the Following Code ]]></b:skin>
Add the Below Code just Before ]]></b:skin>  Tag












#navbar-iframe {
height:5px;
}

/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
height:40px; !important;
}

Now Click on Save template That's it. Now you're Done.Enjoy!