Provogue Blogger Template

Provogue is a three column blogger template with sidebar to its right and post section to left.The theme is designed by web2feel and converted by me to blogger.The design is gorgeous and it looks damn proffessional.Top menu links are ready for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.There are two menu widgets for you.One is linklist and other is page widget you can add links from your layout.I hope you will like his template for sure.Special feature in the templates is the featured section and tabbed content navigation widget in sidebar.

Other blogger templates you may like are Warpack and BrandNew Folio.

Hacks Installed In Template Or You Can

• Horizontal Navigational Menu Links


• Search Box For Blog


• Swap Title Hack For Blogger


• Embed Comment Form


• Magazine Style Widgets


• Hidden Navbar Layout


• Removed Showing Posts Wih Labels


• Removed Subscribe To Posts Atom

Features Of The Template

• Featured Section


• Tabber Widget


• Fixed Width Template


• Three Column Blogger Template


• Right Sidebar


• Menu And Submneu Links


• Compatible With Mozilla, Chrome and IE7

I request you to Please Back Up your blogger template and all blogger widgets to your desktop or just copy paste all sidebar widgets codes to notepad and save to your desktop for further use in this template.

Installation

• Using Tabber Widget In Sidebar

Go to Design > Page Elements . You will see the structure in sidebar like image below.First three Add a Gadget elements are for three tabs of tabber, then comes the sidebar gadget.



There are three Add a Gadget.

First Add a Gadget for Tab1
Second Add a Gadget for Tab2
Third Add a Gadget for Tab3

So you can add your three widgets in first three Add a Gadget widget to show them up in tabber.

And now how to edit the title text of three widgets of tabber.

Go to blogger edit/html and press ctrl+F and search for



<ul class='tabsnav'>
<li class='fea'><a href='#Tabber1'> Tab 1 </a></li>
<li class='rec'><a href=' #Tabber2'> Tab 2 </a></li>
<li class='pop'><a href='#Tabber3'> Tab 3 </a></li>
</ul>



Now you can change the red text with your three titles you want for three widgets of tabber.


• Using Featured Section

In blogger Design >Edit/html, you will find the below codes for featured section.Just edit them as i told below.



<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slidearea'>
<div class='widgets' id='tabzine'>


<div class='tabdiv'>
<span class='tabshadow'/>


<div class='videoid' id='feature-98'>
<img alt='' class='slidim' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyKRNoiQMrI4YpNl9KH2HKX7vn48VSG00jqfvxayPTstRfVu14kn31ee4s356VKQ0S2jqmiLU8Ct2V9kWejYBp_d1vnzTVWQjq0yrPhutzqCvFwR_GQ8Ctnjpej8WnludmUvCwW2qzb06q/s1600/1.jpg' width='1000'/>
<div class='featpost'>
<p><a href='POST-LINK'>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, ... </a> </p>
</div>
</div>


<div class='videoid' id='feature-56'>
<img alt='' class='slidim' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1GS3_eTEL2nvBTQkwdrKfw_BkrNUDHT_UlgtKSoT03p5XH5Zm1IBClFoX5eFtOv9BY6FML1XXjLvA1fSOAWYs6OiI5ohYvdcx15jmqEMj_qUVTpRtIHAGTs7xM3Cy3RCrEiANkdjaHDz6/s1600/2.jpg' width='1000'/>
<div class='featpost'>
<p><a href='POST-LINK'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, ... </a> </p>
</div>
</div>

<div class='videoid' id='feature-54'>
<img alt='' class='slidim' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfseJ0I-rYX8fmnObCSFE-WQ2Sap5suBDr0EDg6pxUmrcIrsZXhG0DAn5fojJ7m5UMl2o83HveeJZYj4e-_i43sXlmfHoxbJn3Vfuy5iHjADREwVtBYXHkYphesWG-EIxK1cGvIEgaVPMj/s1600/3.jpg' width='1000'/>
<div class='featpost'>
<p><a href='POST-LINK'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, ... </a> </p>
</div>
</div>

<div class='videoid' id='feature-52'>
<img alt='' class='slidim' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVGd-UaI_csKkX8fmdlUdB_h7BfiEUVWao5rfGhWtldd6Um5VAAQ5sAtFHGTa1PrUNCp85lU4lBeYjASYFGQSFsFn4TwhIIRhg2VCWWucy7sSmMxYFUqiOjHCtDcBkXnlBchdadpS2PD-v/s1600/4.jpg' width='1000'/>
<div class='featpost'>
<p><a href='POST-LINK'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, ... </a> </p>
</div>
</div>

<div class='videoid' id='feature-50'>
<img alt='' class='slidim' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsYGvofx__oIVcigTGAyUtRew_4Ut8MH9YqyHQy_WXTTI231iv9jrV9LfwTOnRSakzSQVv_AcSYaI7ma5kO6eFzwpCKrYK3EJD8aZEvQKXDW2LjHM6XRIuMLumfVjkU52ki-h-zGROUQ4k/s1600/5.jpg' width='1000'/>
<div class='featpost'>
<p><a href='POST-LINK'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, ... </a> </p>
</div>
</div>

</div>


<ul id='tabnav'>

<li>
<a class='listab' href='#feature-98'>
<img alt='' class='boximage' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6oLm_33KXWJ0KNxknOJTXjo595Lb29dAkj1RmBi-6aGZWdxLlKmmr_gVeNfrYAzbeOgIDrFpgz946YrjA24iXCi6YSYUY9CeT1x8sRknDT8bIC-N9kThS7qe8tirnA5SKtOHodmmPxHBT/s400/6.jpg' width='180'/>
</a>
</li>

<li>
<a class='listab' href='#feature-56'>
<img alt='' class='boximage' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji7N6pNZXDLEgly1OEnV6WSt6jg43rjQVRRCL1VZhAPzqlpqCiKtTOQZC4s_6xCsQSDzB4vwYKXY0tNiDtaLe72tQYnmeIoQ8uijeMzeYTJVmgZkCH-Cb1uBsPmyO7EvPs0m-c_pgHIJI6/s400/7.jpg' width='180'/>
</a>
</li>

<li>
<a class='listab' href='#feature-54'>
<img alt='' class='boximage' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Y-crYubZfdsqhG5KGOq_neeR9SiFyfPkad44nYgVN8Wme94wQui_cJuurKyXYlAQLYCvySxIHrMEhS7RmSWrbgsmEYi2cFdAwg0DwYmuA-Olilf9Sm-OhimzP17HLyzwzcx86IC1agoO/s400/8.jpg' width='180'/>
</a>
</li>

<li>
<a class='listab' href='#feature-52'>
<img alt='' class='boximage' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBghfbb8ni2lbYrnlyAFcVlgXmZQrOERUS0DDbCqnJj6ytguOPgUTQnJ3SeAR94_IHcBhyUNKZOe73oJMM9F4aqW9J4Y2yExoB-CkamI6qVPLhH9L4n6Dua-OX-4u7lchhtuLxfoxZMvg/s400/9.jpg' width='180'/>
</a>
</li>

<li>
<a class='listab' href='#feature-50'>
<img alt='' class='boximage' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_TYAy_09BDQKaRT-5wX61K2kGPAB7UoGf1XELpiaDuywvB3oi1shJNJ9LlF68OsZ8nbiBePXVVuldNdnezt4LjY-TqIBf_tbXgroRqSB2-xBh81mYUIivVA6jridLUh6xHy-CfsOHqZR/s400/10.jpg' width='180'/>
</a>
</li>

</ul>


</div>
</div>
</b:if>



Just there are 5 posts in featured section.You can edit the red highlated image link with your image of size close to 1000 by 300 and bold Text POST-LINK to your post url and at last the green text with post summary you want to show up.

Similarly you can do for next four posts of featured section following the first one which you edited as i showed you above.

After editing the four posts as i said you will get codes for 5 thumbnail of your featured posts.I have highlated the image link again with red you can change that also with your thumbnail image of size 180 by 80.

If you still have any problems , Leave your comments below.

Blogger Hack To Increase Your Comment Count For All Posts

Hi friends today i am going to make you learn a hack for blogger which you can use for fun in your blog.I am sure some will love it for sure but use it for fun only in your blog.Its funny hack for blogger comments count, as with it you can increase your comment count for all blogger posts with any fixed count you want.Got confused :) no need to worry, i will explain you.Suppose your blog post have have 0 comments, i will make it possible to readers to show 1000 comments or any number you want, so cant wait to implement it.I think i should proceed to the tutorial so that all of you can enjoy this funny hack in your blogger.

You can also check the demo for this hack here as you will see the comments count to be 9760 here for all posts or more.

1. Sign in into your blogger account and go to Design > Edit HTML

2. Look out for </b:skin> tag

3. Add the following code before it

a.comment-link:before{content:"76";}

4. Now save the template and view your blog

Hurray now your post having 0 comments will show up 760 comments.Its really fun.

You can change 76 to any number you want.Try using it and have fun.

India get its own Rupee Currency Symbol

The Indian rupee has got its own unique symbol, joining the dollar $, pound � sterling, euro E and the yen as international currencies with an identity that is instantly recognizable worldwide.The Union Cabinet decided on the symbol for Indian Rupee, a privilege (unique identity) available only to major currencies like dollar, euro, pound, sterling and yen.

For getting this symbol On 5th March, 2009 the Indian Government announced a contest for a New Symbol for Indian Rupee with a prize of Rs 2.5 lakh for the winner and 25,000 for the top 5 shortlisted designs and Jury has shortlisted 5 designs.Below are some of these designs.


Among those designs one has been selected by the Cabinet today (July 15th, 2010) which will be the Official Indian Rupee Symbol and was submitted by an IIT post-graduate D Udaya Kumar.


Congratulation, Mr D Uday Kumar for giving us such a simple and innovative symbol for Indian Rupee to fixed its position in International markets. Now India also can use its own currency symbol for all international activities in financial markets. It is the answer to all the strong currency symbol in world available to know that the status of Indian currency symbol in international financial market. So now we can give the Indian Rupee a new face in International financial market.

It is the combination of Indian Devenagari Script and Roman Script as well with the view of Indian Flag in arithmetic way. That will give us to represent our script and culture in world level. The symbol will be printed or embossed on currency notes or coins. The symbol will feature on computer key boards and softwares so that it can be printed and displayed in electronic and print.


The new symbol is a blend of the Devanagari �?� and the Roman capital �R� without the stem. The parallel lines at the top(with white space between them) make an allusion to the tricolor Indian flag.With this the rupee will be the fifth currency in the world after the US dollar, the UK pound, the euro and the Japanese yen to have its own symbol.The Indian government will try to adopt the symbol within six months in the country and globally within 18 to 24 months.

The Latest Theme Blogger Template (Updated)

Hi friends How are you,today i am going to give you a very beautiful blogger template you all would love to use.As you would have not been using this type of blogger template layout as before.This is very nice template with a very clean layout.I am damn sure you will love this blogger template.As this was the wp Theme design from wpthemedesigner and i have succesfully converted it into blogger template.It also has three column footer below it and is magazine styke template.Now lets show you the template.

Updated Features

1. Support Blogger Pages.
2. Comment avatars activated
3. Now compatible to all browsers

Hacks Installed In Template

• Blogger Header Splitted Into Two Sections


• Horizontal Navigational Menu Links


• Automatic Read More Hack With Thumbnail


• Search Box For Blog


• Swap Title Hack For Blogger


• Three Column Footer


• Embed Comment Form


• Magazine Style Widgets


• Hidden Navbar Layout


• Removed Showing Posts Wih Labels


• Removed Labels Posts Count


• Removed Subscribe To Posts Atom

Features Of The Template

• Fixed Width Template


• Two Column Blogger Template


• Right Sidebar


• Add Ready Widgets


• Menu And Submneu Links


• Compatible With Mozilla, Chrome and IE7


• Three Column Footer


• Magazine Widgets

I request you to Please Back Up your blogger template and all blogger widgets to your desktop or just copy paste all sidebar widgets codes to notepad and save to your desktop for further use in this template.

Latest Template Installation

1) Header Image:-Just upload your header image from header widget inside the blogger layout.That is widget at top left of page elements,by hitting Edit Button.If you don't wanna use image,you can use text also.

2) Advertisement Widget :- Just add the adsense banner or any banner add of size 468 cross 60 in the widget that is at the top right of blogger layout.You would see an background image i used for advertisement,to use this image just use below codes and add it to the Html/Javascript widget.

Codes are :-

<table border="0" width="500" background="http://i36.tinypic.com/2s7uteq.jpg" height="81" align="center">
<tr><td width="500" height="77">
<div align="center">

<!----- Adsense Codes Here------->

</div></td></tr>
</table>

Just add these codes in widget and place the adsense codes in between where mentioned in between in red lines.

3) Menu Links:-Just publish your blogger pages menu links will get add automatically.


4) Submenu Links:- Just add submenu links from the Linklist Widget in Design.

5) Read More Hack With Thumbnail:-As read more hack with thumbnail is installed.And it display image of size i assigned on homepage.
If you want to change it or remove it or any alterations in it,you can read and modify it from here.

http://www.anshuldudeja.com/2009/05/automatic-read-more-hack-for-blogger.html

Donate If You Like The Work

If You Really liked my work and want encourage me to convert more Proffessional wordpress themes to blogger templates for Free, Then please help us by donating something you feel for this design by using paypal button in my sidebar.

How Add a Reply Button To Blogger Comments

Hi friends you would have seen a reply button to each particular comment in wordpress blogs, and we also want blogger to add this feature in blogger comments and make blogger comments more useful.But they busy in adding more blogger features to blogger blogs to make it more easy and useful.As its not possible to make hack to have this reply button in blogger comments as wordpress blogs, but we have come with small hack like this to make reply button which would make look blogger comment system look better than before.

Other hacks to improve blogger comment system are highlight blog author comments and numbering blogger comments which can be quite useful for you to make blogger comment system more useful and beautiful.

Now lets continue to how adding reply button to each comment in blogger.



As you would have seen this reply button in picture above, which will make you more clear, or check the below live demo to check its working.

Let now continue to tutorial how to add this to blogger comment system.

Step 1 : Go To dashboard Click Design > Edit Html > Tick the 'Expand Widget templates' box.

Step 2 : Press Ctrl + F and search for below code

<data:commentPostedByMsg/>

And place the below codes after it.

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>[Reply]</a></span>

You must need to change the YOUR-BLOG-ID with your blog id.Now how to get your blog id.Just got to blogger Design > Page Elements.
Now see for adress bar in your browser.You will get link like this.



Just get the id number in pink border and replace in the above code.And you have done now and just save your template.Now you will be able to see the reply button in each blogger comments.

Now Some customization to reply button.

Some users will like to want to keep reply button instead of text [reply].So just replace [Reply] in red in above codes with below image link and you will get reply image instead of that text.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_YteRPEPE1dZ7-yxjI20XO8miHiV6OAQPuAxsAKdRh1qW2i7J8kEImwLtMmXoiGV7dJ5ZxR4NDAQpeQ3i8vvpOuBrBlqtN2HkanbNfpcuC6_LzZoaJJ4t9QhbBtgTtbHUsdfmi-v-3HR/s1600/reply%5B1%5D.gif"/>

Just to have your own image change the image link with yours to have your own image.

Advantages

As now your readers just need to hit the reply button to any particular comment and a pop window will open like below and just need to write comment there and publish it.As it will make comments publish fast and easily.



Just type your comment after the text written in window above and publish it.

Comparison To Wordpress

As in Wordpress when doing comments using reply button, the comment get publish after the comment u replied to but in this hack the comment get publish as usual in last as blogger does, not like wordpress :)

But still i feel many will like this for sure to make look here blogger comment system look good and making easy for readers o reply.

If you have any further questions leave your comment below i will try to solve your issues.
Source:- Thisischen

How Add Any Blogger Widget Without Any Title To it

Nowadays many blogger are facing problem in keeping the title blank of the blogger widgets they adding.Like when we add any blogger widget to blogger blog we need to add title and widget content to it and the widget get added in the sidebar.As if you would have noticed before blogger used to allow, to add content to widget without any title but now when we add content to widget it has become necessary to add title to the widget else it dont get added to blogger layout.Due to this many bloggers are facing problem as there are many widgets that dont need any title to be added.Like you say Linklist widget or any sponsors widget codes, many dont feel need to add title to some widgets.They want to keep it widget title blank without showing any title.

So i will be going to tell you how to make that title disappear from that widget.Below image will make clear what i am trying to hide and what content only want to show.



Just add any blogger widget you want to add in your blogger layout.Keep the title blank and place widget content and try to save it, the widget will show an error and will ask you to give title, means you are forced to give title to widget.
Dont worry just add title to it related to content.Now if you dont want to show that title follow the tutorial.

Suppose i have added the title Our Partners to it.But i dont want to show that title in blog.

Now just go to Blogger Design > Edit Html > Press Ctrl+F
and search for title like i will search for - Our Partners.

Then you will get title in one widget line like below.

<b:widget id='HTML3' locked='false' title='Our Partners' type='HTML'/>

Now what you have to do is to get id of widget that is written in red in above code.
In above example it is HTML3.

Now after getting the widget id, find for ]]></b:skin> tag in your template and place the below code before it and your widget title will get hide for you.

#HTML3 h2 {display:none;}

Just be sure to change the HTML3 with your widget id which you find for your widget.

Just Enjoy this small css hack........which is very useful for many bloggers :)