Blogging Tricks And Templates

A blog full of the blogging stuff...!! Templates, Gadgets, Widgets and more!!

EntreCard

Your Request

Widgetbox Network

Widgetbox Network (+/-)

Helpers

Blogging Tips Blogs - BlogCatalog Blog Directory Blog Ratings

License

Creative Commons License
Blogging Tricks And Secrets by Danial is licensed under a Creative Commons Attribution 2.5 India License.

You must be aware of the Popular Wordpress Template Revolution Style.... Now it is available for blogger.. The full collection of revolution style is available for you here - 

  • Revolution Crunch
  • Revolution Lifestyle
  • Revolution Code - Blue
  • Revolution Code - Gray
  • Revolution Code - Red
Easy Installing Instruction
Features of these Templates:

  • These Templates are 3 column fixed with Sidebars at right.
  • These Templates are optimized for advertising.It has got more than 4 perfect areas for advertising.
  • It has got inbuilt site-search Engine.
  • These Templates have date widget at Top left that shows the current date.
  • These Templates have two CSS Menus.
  • These Templates are magazine style templates and has got the professional look.
  • So Now Let’s look at these templates one by one and you decide which is the best for you.


Revolution Crunch
Revolution Crunch is originally a magazine style wordpress theme.It is 3 column fixed and is optimized for advertising.



Configuration - 
TOP MENU


To customize Top Menu , find the following code and edit with your own link.

<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='#'>Sample Page</a>
<ul>
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a></li>
<li><a href='#'>Sub Page #4</a></li>
<li><a href='#'>Sub Page #5</a></li>
</ul>
</li>
<li><a href='#'>Sample Post</a></li>
<li><a href='#'>Blog Page</a></li>
</ul>
</div>

SUB MENU


To customize Top Menu , find the following code and edit with your own link.But if you are a Google Adsense user then i suggest you to use long Link unit here.

<div id='subnavbar'>
<ul id='subnav'>
<li>
<a href='#'>Community Events</a>
<ul>
<li>
<a href='#'>Sub Category #1</a>
<ul>
<li>
<a href='#'>Sub Sub Category #1</a>
</li>
<li>
<a href='#'>Sub Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Conferences</a>
</li>
<li>
<a href='#'>Get Connected</a>
</li>
</ul>
</div>


Revolution Lifestyle
Revolution Lifestyle is Magazine style almost similar to Revolution Crunch which you saw above. This template is able to recover some of the drawbacks of the Revolution Crunch Blogger Template.



Revolution Code - Blue
Revolution Code Blue is a 3-column Widget-ready template.




Revolution Code - Gray
Revolution Code Gray is a 3-column Widget-ready template.



Revolution Code - Red
Revolution Code gray is a 3-column Widget-ready template.



HOPE YOU LIKED THIS POST!!

Hello! people!! Almost everyone on loves chatting on Yahoo messenger!! How will it be if your Visitors can chat with you privately... Yes with this widget you can chat with your visitors privately.... What you requires is a yahoo account and latest yahoo messenger

This is how the widget looks like



Now adding this to your blog is simple
Visit this yahoo pingbox service and design your Pingbox
thats it!! Copy the code!!
and go to
Dashboard > Layout > Page Elements > Add a element > Html/Javascript 
and paste the code

Google Chat Widget is here for you.. No download required just a simple code. Google Talk Gadget is a web based version of Google Talk and allows you chat with your friends on your web browser like Firefox, Internet Explorer etc. No download required.Your can add Google talk Gadget to your Blogger blog as a page element in very easy one step to your blog sidebar and after signing in you will be able to chat with all your friends...

This is how the widget looks like




To add this Just Go To Dashboard > Layout > Page Elements > Add a element > Html/Javascript

And add the below codes to it and save it

<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350"></iframe>

How to show blogger widget only in home page or blogger posts pages.
Add the widget in blogger layout where you want to display in blogger.Now you wnt to select on which pages of blogger it should be displayed.

Now go to "Edit HTML" page.
Mark "Expand Widget Templates"

And Search for -
<b:widget id='HTML3' locked='false' title='Your Title name you gave to your widget' type='HTML'>

The number in red can be any like 1,2,3,4 it depends on your no of widget your are adding but the title to the widget you gave will be same.

So to make the widget code find easily for you find the below word

<b:widget id='HTML

and you will find many codes like these so keep on matchng the title name of widget of them to which you want to show on different pages.

After finding the code of widget you want to display on different pages add the red codes to them as i have shown below.

To display the any Blogger widget only in HomePage



<b:widget id='HTML5' locked='false' title='Widget Title Name' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Add the red codes as shown above in codes whch you found for that particular widget in your blog html.

To display widget in all posts pages but not in HomePage



<b:widget id='HTML3' locked='false' title='Widget Title Name' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To Display Widget In Archive Pages



<b:widget id='HTML3' locked='false' title='Widget Title Name' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


Your Comment plzzz

Backup your blogger posts and comments regularly,this is blogger tip i think every blogger should follow for its safety,do you back up your blog posts regularly ? Very less amount of bloggers would have been using this tip including me,so lets follow this tip and start backing up your blog posts from now as i have stared it from today.

Login to http://draft.blogger.com
Then Go to
SETTINGS > BASIC > BLOG TOOLS, click on the Export Blog, and once more on EXPORT BLOG button.


Choose the location where you want to save the file, and click Save. And that's it!

Your Blog (content + posts) is save as .xml document. Quite small, too. You will not be able to see it, or read it on externally, but you can always upload it through Blogger.


Simple Stuff But Very Usefull

Hello Friends Lets Talk About LinkList... I am gonna tell you about How to Add LinkList As Horizontal Top Menu Links in blogger!!


GO TO Layout > Edit HTML
Then Search For Code </b:skin>
 
Now add these below Css codes before it-

/* ----- LINKBAR ----- */
#linkbar {
margin: 6px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
position: relative;
background: #000;
border: 1px solid #000;
border-bottom: 0;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 5px 5px 7px 5px;
text-align: left;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 3px 20px 3px 20px;
width:100%;
text-decoration:none;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #fff;
border-right: 1px solid #fff;
}

#linkbar a:hover {
color: #000;
background: #fff;
}


Now Search for below codes-

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Testing templates (Header)' type='Header'/>
</b:section>
</div>


And add the below codes after the above codes:-

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>

</div>
</b:includable>
</b:widget>
</b:section>
</div>


Now Goto Page elements and you will see an gadget named linkbar in your blogger layout below the header of you blog,click the Edit Button On that gadget an window will open and add the link you want to show up in your blog top menu from there and can manage all menu links from there...
Its Easy Dude!!! If having problem COMMENT here

Hello as i have just started this i want to tell you that the scripts provided on our blog may run out of bandwith. In This case we will recommend you using the bollowing services :-

HotLinkFiles - Free Direct File Hosting

or

What is RSS?
RSS (Rich Site Summary) is a format for delivering regularly changing web content. Many news-related sites, weblogs and other online publishers syndicate their content as an RSS Feed to whoever wants it.
Why RSS? Benefits and Reasons for using RSS

RSS solves a problem for people who regularly use the web. It allows you to easily stay informed by retrieving the latest content from the sites you are interested in. You save time by not needing to visit each site individually. You ensure your privacy, by not needing to join each site's email newsletter. The number of sites offering RSS feeds is growing rapidly and includes big names like Yahoo News.
What do I need to do to read an RSS Feed? RSS Feed Readers and News Aggregators

Feed Reader or News Aggregator software allow you to grab the RSS feeds from various sites and display them for you to read and use.

A variety of RSS Readers are available for different platforms. Some popular feed readers include Amphetadesk (Windows, Linux, Mac), FeedReader (Windows), and NewsGator (Windows - integrates with Outlook). There are also a number of web-based feed readers available. My Yahoo, Bloglines, and Google Reader are popular web-based feed readers.

Once you have your Feed Reader, it is a matter of finding sites that syndicate content and adding their RSS feed to the list of feeds your Feed Reader checks. Many sites display a small icon with the acronyms RSS, XML, or RDF to let you know a feed is available.

Your Ad Here