Home » Archives for December 2013
Notepad++ 6.5.2 Free Full Version for PC: Are you searching for the best text editor which can support multi view and several other gusty features like giving you support in the case of writing HTML and CSS JavaScript codes etc? If yes, then you are at the right place at the right time.This Notepad++ has several gusty features.
Features of Notepad++ 6.5.2 Full Version for PC
- Syntax Highlighting feature.
- Syntax folding.
- Now its too easy to edit your HTML CSS codes!
- Blogging Aid.
- Auto completion.
- Multi View.
- Multi Document.
- Full drag and drop supported.
- Free 100%
- Latest Version.
- Colorful Codings.
- Multi Language supported.
- Bookmark.
- Macro recording and playback.
Recommended:
Free Download Latest Version CCleaner 4.09.4471 : Did you have a low space on your Hard Disk and can,t delete your data for freeing the Hard disk space? If yes, then you are at the right place at the right time CCleaner is the best choice for, removing the unecessary Internet browsers data or history, removing the unused files too.The best feature of this software is that it have a separate featured registry cleaner.This software takes very less time to run because it have no additional shareware or Adware to make it slow while loading!
Features of CCleaner 4.09.4471
- Cleans all the History of the browsers.
- 100% Free.
- Latest version.
- Fast run.
- Fasten your PC.
- Remove unused Log files.
- 100% spyware free.
- Malware Free.
- No adware or shareware.
- PC version.
Download Recommended:Download Latest Version Internet Download Manager Free
3 in 1 Slide Out Followers box widget: Did you want to increase your followers throughout the social media hub? If yes, then 3 in 1 Slide out box widget is the best way for increasing your blog followers. Actually by adding this widget three Top social media boxes is added to the right side of your blog which slides out when someone hover over it. These contains the following social media boxes.
1) Facebook Slide out box.
2) Twitter Slide out box.
3) Google Plus slide out box.
How To Add 3 in 1 Slide out Followers Box widget in Blogger
- First of all Visit Blogger Dashboard.
- Then go to your site.
- Now click on layout, then Add a Gadget link.
- A list of gadgets will appear, select the HTML JavaScript gadget from that lists of gadget.
- Now copy the below code and paste it inside the HTML JavaScript gadget box.
<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" /> <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script> <div id="on"> <div id="facebook_right" style="top: 12%;"> <div id="facebook_div"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStqwbvQgkDzJuz0D8v7UsND1Aa67BEjgBxJ_R5I1tGgWD4Y8NHdKEKY8fdrPiiX38od77YYU4rovi3K-KyfINg5_gpUWTtKd8HFQLr-6xPWz5A9JrXe6f_UwJFLjBuiUQmQIED4z_ECE3/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Trickspunch/1397531987130417?ref=hl&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe> </div> </div> </div> <div id="on"> <div id="twitter_right" style="top: 28%;"> <div id="twitter_div"> <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjYoE-ykDE59l2vWQUOBNxrH17QALDOV5mGjQAMMmcOlM8fsRox4X3mZAyO3AVLcOOx9t0EUECUk_B6_hZhqCUzIqGEr4fJ2oqce44MoAj5gjQojLwrtknp_bYkmRXuByURy5M127kdaf/s1600/NBTtwitter_right.png" /> <div style="width:248px;font-size:8px;text-align:right;"><script type="text/javascript"> document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=trickspunch&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://www.trickspunch.blogspot.com" target="_blank"></a></div> </div> </div> </div> <div id="on"> <div id="google_plus_right" style="top: 45%;"> <div id="google_plus_div"> <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOdprQqU6lSA_p6_0Utf0RhPjQ0J8xxOfuZZtWLdet6fGLRZypg5US-HhWB3kHMHpLXGF9gD_TfBDV6g9Eq0NJjK4joIDsc2-5evWich-sT2-ol48WMoANWcmHA93Yjgq0tIYQ-VeEkEs/s1600/NBTgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"> <a href='http://www.trickspunch.blogspot.com'> <img alt='Blogging Tips and Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcxcRcvmVpXw577N-Gsj_ChP77s22DPCwA8aGTsQXkV1Z16Y2W4FADHD5i0V6BErhipbBtUXXp8FzcB8peIhyItWR1jseEEDAqiD_L-tvRo5wiLZR6VToqFwVrhwzVYFlQ3vak_gYTrcqq/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/104997427310964791620" data-source="blogger:blog:followers" data-width="270"></div> <script type="text/javascript"> (function () { window.___gcfg = { 'lang': 'en' }; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div> </div> </div></div>
Customization Before Saving:Make sure you made the following changes in the script:
- Replace the URL in green with your Google Plus ID URL.
- Replace the URL in Blue with your Twitter username.
- Replace the URL in red color with your Facebook ID URL or Fan page URL.
- Now click on the Save gadget button and Enjoy!!
Also Read:
If you find any problems while doing this Tutorial ask us through the comment box, we will resolve your problems if we can!!
Table of Contents or HTML sitemap: Actually sitemap is a list of your contents you posted on your blog.There are two types of Sitemaps:
1)
HTML Sitmap or table of contents: This type of sitemap is created for human, it is human readable.Mean that it provide some ease for your readers to find the specific post of your blog.
2)
XML sitemap for search engines:This type of sitemap is designed for search engines, search engines uses XML sitemaps to crawl your sites, its very necessary to install this sitemap on Google.
Here we will show you how you can create an HTML sitemap or Table of contents for blogger.However we will later post on XML sitemap and will teach you how you can add XML sitemaps for blogger.
How to create table of contents or HTML sitemap for blogger
- First Visit Blogger Dashboard.
- Now go to your site.
- Click on the Pages tab, then New blank page as shown below.
- Now Blogger editor will open the Blank page.
- Click on the EDIT HTML there.
- Copy the below script and paste it between the two lines as shown in the image below.
<script src="https://trickspunch.googlecode.com/svn/trunk/Trickspunch.js"></script>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=1000&callback=loadtoc" type="text/javascript"></script>
- In the title give any Name e.g Sitemap or Table of Contents etc.
- Now press the Publish button
- And that's it your sitemap is created!! Enjoy.
If you face any problems while doing the Tutorial ask us through the comment box we are here to solve your problems.
50+ Professional Blogger Templates: Few days to experience with 2013, Trickspunch is going to share some extravagant Blogger templates with all of you.All of these templates are professional and SEO ready made by professional bloggers.These templates have awesome design to meet the needs of all of you.I am sure these 50 plus templates must contains the choice of all the peoples.Following are those awesome blogger templates:
List of 50+ Professional Blogger Templates
Note:
The above links contains their corresponding featured templates which we recently posted, install these templates and enjoy high quality professional look of your blog.
If you have any problems while installing or something else regarding blogging ask us we are here to solve your problems.
Floating Social Media Share Buttons: As someone says "sharing is caring". According to this statement social media is plays a major role in optimization and traffic of your blog. When peoples like you actually Google likes you.But peoples will like you if you are creative and you provide some ease for them.For example if someone visits your blog and you have no social Media share buttons widget on your blog, No
Facebook Fan like box then peoples have no time to copy your link and paste it in their status for sharing even if they like their post by heart. You should have to add a social media widget for them for creating some sort of convenience.
So today I am going to share How to add Floating social media share buttons to blogger.Here floating means by adding this widget this will pop up from the left side having fixed at that place.
So let me teach you how you can add it.
How To add Floating Social Media share buttons to Blogger
- Visit Blogger dashboard.
- Now click on layout, add a gadget link as shown below.
- A list of gadgets will be pop up select HTML Javascript gadget.(as shown below).
- A box with empty space will pop up.
- Now copy the below script and paste it inside the HTML javascript gadget.
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:47px;top:325px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-516ff8e04b04378b"></script>
- Now simply save your gadget.
- You are done|! Enjoy!
If you have any problem while adding this widget ask us through the comment box we are here to help you.
Recommended:
Water Color Stylish: An excellent blogger template having 2 columns stylish background adapted from WordPress has several stunning features.Right sidebar along with beautiful Menu buttons add 5 star to its beauty.This template is most commented template in 2013 according to the survey of Btemplates.com.Template has fresh look beautiful stylish design.Template loads very faster it is designed by Falcon hive.
Key features of Water Color Blogger Template
- Stylish design.
- One of the most commented blogger template.
- Loads faster.
- Beautiful buttoned menu.
- Customized widgets right sidebar.
- Beautiful background.
- 2 columns.
- Right sidebar.
- Perfect with all browsers.
- Gusty look.
Recommended:Top 5 perfect Blogger Templates.Simple clean white Blogger Template
Internet Download Manager 7.1: Are you really in search of a software which can download you videos from sites which doesn,t allow you to download videos directly? If yes then you are at the right place at the right time.I have found a version of Internet Download manager 7.1.It is an excellent app for downloading videos from sites which doesn,t support videos to be downloaded directly such as Youtube, Daily motion etc.This software not only download videos but it can download any thing for you.
It have several stunning features such as controlling the downloading rate, adding a specific URL of the video to download.As far as its speed is concerned it have a lot better speed then a typical browser down-loader speed.This is probably due to the fact that it split the file into fragments and then combine it when downloaded as a result the file is downloaded faster.It have also the ability to resume and schedule the downloads in to different files.You can download this software free on our blog.
Features of Internet Download Manager 7.1
- Faster download.
- full version.
- No trials.
- 100% free.
- Resuming downloads capabilty.
- Supports URL to download videos.
- Minimum system requirements.
- Almost work on any PC.
- PC version.
- Simple GUI.
- Speed controller.
- Free on our blog.
Recommended: Minimize your files size with FileMinimizersuite7.0.
Basic Tips For Blogging in 2014: Before giving you the basic tips of Blogging, first of all you need to know what is a blog? The answer is simple:A personal website on which an individual or group of peoples share opinions, links to other sites, etc. on a regular basis.
So now you may get the idea what is a Blog? Coming towards, the next topic, How to Create a Blog?It is extremely simple to create a blog?
- First of all create a Gmail account.
- Go to Blogger.com, enter your Gmail account you have created.
- There click on the New Blog button, give the title of your blog, and also the address.
- Thats it you have created a blog.
According to the above mentioned steps it is too easy to make a blog, just like making an account on social media sites. But maintaining a blog, getting flood of traffic, developing readership, creating an ecosystem is a really difficult thing.Its really need a lot of Hard work.You should have to work day and night consistently in order to get succeeded.This Hard work is consist of several phases out of which I am going to share the basic or Fundamental steps or tips to develop your blog.1. NICHE or Topic:
After learning about the blog.A question arises What to blog about? Basically these type of questions lay the foundation of your blog.The answer is very simple:
Any topic about which you, have sufficient knowledge, can satisfied your readers is the niche or topic of your Blog.
For example I have knowledge about blogging, HTML, CSS, blog designing so I am doing blogging about How to renovate your blog.So Niche is actually the topic which you will be discussing to your readers in detail. It is actually the first step before you start a blog. So you need to take this step very carefully.I am clearing the concept of Niche or Topic through another example:Let suppose you have open a shop of selling fruits, means that the title of your shop is Fruits Store. And you put some other stuffs like Toys, Clothes etc. So a person on passing by look at your Shop title he enters in your shop to buy fruits and you have clothes, toys etc in your shop. He will just leave your shop in an anger, saying Oh my God what the hell is this. Same is the case of Blogging.If you start blogging about Photography and you share some games in it, so that's too much dull for your blog visitors.When they visit your blog for Photos and pictures and your blog contains Games etc.Conclusion:In short, if you start a blog on specific Niche or topic, then you should have to confined to your Niche only.However, you can select Multi Niche also for your blog depending upon your Knowledge.2.Posting To Blog or Writing Articles:
Now that you have selected a Niche, its the time to write inspirational articles there must be a question in your mind.How to write an inspiration article. Bloggers can write an inspiration articles bloggers have the ability to impress their readers.You can also become a blogger if you put some extra effort.Following are the tips to write great articles.- Title of your Posts:Title is actually the king of your articles, so write SEO optimized articles, by SEO we mean use a keyword in your blog which the visitor search for.(Title is the king of your posts)
- Don,t copy articles from other blogs.
- Write yourself, then only peoples will like your blog.
- If peoples like your blog in fact Google like it!
- Don,t use Spinner tools. I have seen many guys spinning articles from other bloggers.As a matter of fact is a Sin. And also Google hates copying.
- For some days spinned articles got position in Google but when they update their Algorithms like Google Panda, Humming birds.They remove the spinned and copied articles from Google.
Conclusion: In short, if you write articles on your own then you can become blogger otherwise your blog will be ignored by the search engines.3.Essential SEO techniques:
So you learn how to post to your blog. But obviously not too much.So this section will cover your post optimization to search engines.What is SEO?Abbreviated as Search engine optimization (SEO) is the process of affecting the visibility of a website or a web page in a search engine's "natural" or un-paid ("organic") search results.
This is the standard definition of SEO by Wikipedia, so looking to the definition the is a word natural or Organic traffic.By natural or organic we means the traffic which you got from search engines naturally without paying to any site.Actually there are a lot of SEO tactics out of which I am going to share the basic tips;4.Blog designing:
Although designing is a very huge field, but bloggers who have command on certain styling languages share their Tutorials on blog designing.
Designing is also really very important for a blog to be liked by the peoples. Because peoples or visitors like creativity. You should really have to give them a navigable design of your site so they can navigate or explore your blog content easily. We also write some articles on Designing you can cover a little designing from our site.
5. Sharing Your Blog on social media sites:
According to someone sharing is caring, this is also the most important and must have to do tactic in order to optimize your posts. When you share your posts and get more likes and shares.It put a positive effect on search engines and it improve your rankings in search engines too.So share your posts to some popular sites like Facebook, Twitter,Digg, Stumble upon etc.Add social media widgets to your blog. Recommended:
- Add floating Facebook like box to Blogger.
- Add static Facebook like box to Blogger.
We know the importance of Professional Blogger Templates, What is Professional Blogger Template? Obviously, you need to be professional and unique then others in order to get a lot of fame throughout the web-field.One of the major Factor is the Template of your Weblog.It needs to be Professional and unique, otherwise you can,t get too much visitors.So here I am going to Share some Unique and Professional Blogger Templates hope you will find it interesting.Features Of These Blogger Templates
- Professional design.
- Ads ready.
- SEO Ready.
- Perfect.
- Top professional navigation menu bars.
- Designed by professional Bloggers.
- Attractive color combinations.
- Gusty features, many more customized widgets.
- Browsers friendly templates
ISEO Blogger Template
MBL Freshable Blogger Template
NEW TUT Blogger Template
Labnol Blogger Template
Groom Your Blog With professional Look
Above were some top Class Professional Blogger templates these templates are seo and ads ready having professional design.So what you are looking for just download these templates from our Blog for free and Enjoy Professional Layouts.
Free Professional Blogger Templates
Reviewed by Haider Ali on oct 24 2013
Rating:4.5
Premium and SEO Ready Blogger Templates: Every one knows the importance of Blogger templates.Finding an attractive template for your blog is very difficult.But now a days bloggers have made thing easy.They made templates and then sell it over the web.But today we are going to share some Free Blogger Templates.These templates are made by professional bloggers which are 100% free on our blog.Features of These Blogger Templates
- SEO ready.
- Ads ready.
- Navigable dashboard.
- Beautiful layouts.
- Made by professional bloggers.
- Work with all browser.
- Gusty features.
- Premium.
- Professional
| S.NO | TEMPLATES NAME | LIVE DEMO | DOWNLOAD |
Change your blockquote style: You might have seen professional Blogs have some really good layouts. And one of those beauty is the Quote style of a Blog. Actually most of the Bloggers use to enclose their script and codes in Quote which is a command in Blogger. But then the style of a Quote depends upon the coding of the template for the Blockquote.Now after studying CSS a little bit I am able to customize that style of the Blockquote.
How To Customize BlockQuote Style In BLogger
- Login to your Blogger Dashboard.
- Now navigate to Template and then Edit HTML as shown below.
- Now proceed a little in the coding.
- Now Find the below tag.by pressing ctrl+f you can find it.
Blockquote
Note Remember that CSS coding for specific tag starts from symbol { and end at }.For example you will find blockquote { border: solid; background:red;.............................................. }- Now when you find the above mention thing which is the tag of blockquote in CSS coding.
- Then copy the below script and replace it with your Blog Blockquote CSS tag. you should have to replace the blockquote tag from this symbol { to this symbol } along with the blockquote word.
blockquote{
border-style:solid;
background-color:#F3E2A9;border-color:#DBA901;padding:20px;
}
- Replacing it with the above code will customize your Blockquote to my Template style blockquote which is shown above.
Personal Customization:
- Now if you want to change the background for the blockquote then replace the text in red with your own desire color.
- If you want to change the border color then change the text in Green color with your desire color.
- If you want to change the border style like dashed groove etc then change the text in Blue to your desired style.
Note
You may see the text in red and green is numbers and alphabets it is in hexa format, you can also replace that with names like red, Blue,Green.
Or you can also find the Hexa code of your desired color by from the below link.
If you guys have any problem in doing this hack simply ask us we are not going to charge you!
Our recent Widget Latest Recent Commets widget with avatars was also an Awesome widget you may like it. But this time we come with a different widget Expandable Recent comments Widget for Blogger the main difference between our recent widget and this widget is big.In this widget there is no Avatar But it have an Awesome Expanding and collapsing feature. There is a plus sign along side the comment which is for expanding the comment and then it become minus sign can be used for collapsing the expansion.How To Add Expandable Recent Comments Widget to Blogger
- Go to Blogger Dashboard.
- Click on Layout and then add a gadget.
- Now a menu will pop-up, select the HTML Javascript gadget from that menu.
- Now copy the Below script and paste it inside the HTML Javascript gadget box.
<style type="text/css" media="screen">
.row-aa { background: #f2f2f3; }
.row-bb { background: #F8F5F1; }
.row-div {
margin:0px;
padding:5px;
}
.comment-header {
font-size:0.9em;
// border:1px solid #E0E0E0;
// background-color:#F3F3F3;
padding:4px;
margin-top:10px;
margin-bottom:5px;
}
.comment-box {
margin:0px;
padding:0px;
font-size:0.9em;
height:500px;
overflow:auto;
}
.comments1 {
// background: #F3F3F3;
padding:3px;
border-left:1px dashed #A6A6A6;
color: #888888;
font-style: italic;
padding-top:4px;
margin-bottom:5px;
}
.comment-footer {
text-align:center;
font-size:0.9em;
padding:4px;
margin-top:5px;
}
</style>
<div style="text-align: center" class="comment-header"><input class="comment-button" id="commshowall" type="button" onclick="if (this.value == 'Show all') { unfold_all(this); this.value='Hide all'; } else { fold_all(this); this.value='Show all'; }" style="width:8em;font-size:1em;font-family:Verdana,sans" value="Show all" /></div>
<div class="comment-box">
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/expandable-recent-comments.js"></script>
<script type="text/javascript" src="http://trickspunch.blogspot.com/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts">
</script>
<script type="text/javascript" src="http://trickspunch.blogspot.com/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments">
</script>
</div>
Customization
In the above script http://trickspunch.blogspot.com Replace with you own Blog URL and that's it you have done this.
- Hit the Save Button you will see a gadget having recent comments.
- If you have any problems ask us we are giving answers for free that's for sure.
Related Post Widget with thumbnails for blogger:Its time to boost your blog traffic with more efficiency then ever before. You would think what is that? So the answer is Related post widget-Yeah there are many more way to increase you blog pageviews and page-rank But adding Related post widget to blogger is very nice trick because it gives your readers a little bit summary about your blog posts so in this way they can see more post then ever on the same page.So let me teach the Tutorial.How To add Related Post Widget to Blogger
- Login to your Blogger Dashboard
- Navigate to template and then Edit HTML.
- Now search for the </head> code. (Pressing ctrl+f) to find.
- Copy the below code and paste it above the </head> tag.
<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAWqMGOr-KgM5_G5nkunzYLLW4n_9W5rmEeqtr-Z8bKDfEX70yYEz1D3aF9Lgh1DOBQ2nBqCpWaKYVkR8RVSc9wSUL6qnGfN4Wigj-dqHcpL67LfN8OIWif97Fs5YnTpNMS3thPLde6p11/s1600/no_image.jpg"; var maxresults=4; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script> <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
Customization:
- If you want to display this widget also on the Homepage then remove the Blue code from the above script.
- If you wish to show more then 4 posts in this widget according to your Blog width then change the value 4 that is in red in the above code.
- Now search for the below script( Some templates have this script more then one time so do the below steps for all)
<div class='post-footer'>
- Copy the below code and paste it above <div class='post-footer'> Tag.
<!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=4"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://thatsblogging.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9SzjZ5csQT1qsjpHkjqddxPlsyLLzb4Xqu5Ym04BiBDzIucHxh-sV3wGciM7WR6B3dzf2SgTm2cv3byyKZyXUom9jGTpUtyFgJrPh_qYhYexH7UW4h-21XHJdJuGF3CaqG6pN6I0QjKR/s1600/best+blogger+tips.png'/></a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->
Customization:
- If you want to display this widget also on the Homepage then remove the Blue code from the above script.
- If you wish to show more then 4 posts in this widget according to your Blog width then change the value 4 that is in red in the above code.
- Save your Template that,s it you have done this Tutorial.See your Blog with new look.
Groom Your Blog
Make your Blog awesome and professional by adding this cool widget don,t wait anymore! If you have problems then share your thoughts in the comment Box below :)
Adding adsense ads in Blogger posts is a cool way to get more clicks then before.This Hack is especially for Blogger whose pageviews is More and clicks are very less on their ads. This will surely increase your clicks through ads.But you have to take care of the page CTR.So let me describe the Tutorial for all of you.
Parsing your AdSense Code
Before adding AdSense ads into work first of all you have to Parse your code from HTML to XML form Because Blogger Templates are in XML form.To parse your Code first of all create an ad Unit and then copy it, for parsing in the parser. Follow the Below Link to Parse your AdSense Code.After parsing the Code follow the Below Easy steps:
How to Add AdSense Ads Below Post title in center
- First Go to Blogger Dashboard>> Template>> Edit HTML.
- Now search for the Below code.(CTRL+F)
<data:post.body/>
- Now copy the Below script and paste it above the <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
Paste the Parse Adsense Code here
</b:if>
- In the above code Replace the Paste the Parse Adsense Code here with your Parse AdSense code.
Note
In some Blogger Templates you may found <data:post.body/> Tag three or two times so do the above steps for All.- Then just save your Template, you have done adding the ads below post title in center.
How to add AdSense ads below post title at the Right Corner
- Go to Blogger Dashboard>>Template>>Edit HTML.
- Proceed it and find the following code by pressing ctrl+f
<data:post.body/>
- Now copy the Below script and paste it above the <data:post.body/> Tag(Must Replace your parse AdSense code).
<b:if cond='data:blog.pageType == "item"'> <div style="float:Right;">Paste the Parsed Adsense Code here </div></b:if>
- In some Blogger Templates you would find the <data:post.body/> Tag two or three times so do the above steps for all.
- Now just save your Template you have done adding adsense ads below post title at the right side.
How to add AdSense ads Below post title in Left corner
- Again Goto Blogger Dashboard>>Template>> Edit HTML.
- Proceed and find the below tag
<data:post.body/>
- Now copy the below Tag and paste it above the <data:post.body/> Tag.For template having more of these tags do the steps for all.
<b:if cond='data:blog.pageType == "item"'>
<div style="float:left;">
Paste the Parsed Adsense Code here
</div>
</b:if>
- Must Replace Paste the Parsed Adsense Code here with your Parse AdSense code.
- Save your Template you have done the Tutorial of adding Adsense ads below post title at left corner.
- Recommended: Add adsense ads to blogger header.
5 Star Rating Widget gives a cool way to you to get Feedback from your visitors.Actually adding this Widget Below Post or Above the Post Add 5 Stars to your Blog post through which readers can vote your Post and Rate it as they wish.This cool Widget also add the number of stars to your Post in Google Search results. So let me Describe the Tutorial.
How To Add 5 Star Rating Widget To Blogger:-
The following Tutorial Will lead you to Add 5 Star Rating Widget To your Weblog.
- Login To Blogger Dashboard.
- Then Click the Template Tab<< Edit Html.
- Now search for the </head> Tag.
- When you find </head> tag, Copy the Below code and paste it above or before the </head> tag.
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />
- If you have done the above Steps, Then search for <data:post.body/>
- Now copy the Below code and paste it above/below the <data:post.body/> tag.
<b:if cond='data:blog.pageType != "static_page"'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div><div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes"'></script></b:if>
- Now Save your Template Because you have done this Tutorial.
Groom Your Blog
This will simply Groom your Blog, add this widget and Enjoy cool widgets from Tricks Punch!. If you have any problem share that with us we are here to solve your Problems.
Simple Clean White Blogger Template:Free Blogger Template having Fresh white look,Two columns with Right sidebars.This cool template is very famous for its simplicity in the Template World.This Template has rounded corners, Minimalist, and exclusive design for blogger. Moreover this cool template is ads ready, also having a cool navigation or menu Bar.This Template has also footer columns.The post are in thumbnails sort of manner, But there the Thumbnails are Rounded, and whenever mouse arrow come over it, the thumbnail rotate Beautifully. However the main thing in this Template is its Simplicity and cool Layout which attract readers towards itself.Simple Clean White Blogger Template
How To install Blogger Template
Newbies have problems installing Blogger Template, To learn how to install blogger template follow the below link.
