Special Characters in Blogger

Add Special Characters For Blogger Like Copyright, Registered trademark

 ™    ™       Trademark
&      &        Ampersand
®       ®        Registered trademark
©     ©        Copyright
†  †         Dagger
»    »         Right pointing double angle quotation mark
«    «         Left pointing double angle quotation mark
—   —         Em-dash
°     30°       Degree
¼ ¼         Quarter
½ ½         Half
¾ ¾        Three quarters
· ·         Middle dot
¡     ¡         Inverted exclamation mark

Print This Page For Blogger Code

Lots of blogger providing lots of good article and visitors want to take a print out of thees article. Student also want to directly take a print out of blog post. "Print This  Page" This Code save your Visitors time to make copy and paste in Word Document and it also shows nice Impression to your blog reader.

 Go to Layout–>Page Elements then Add a Gadget–>HTML/JavaScript Add Code given below.

<!--  www.blogtechworld.com-->
<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> To Print this page!</form>');
}
// End -->
</script>
<!--  www.blogtechworld.com-->

Add Print This Page Just Below Header.
Press Ctrl + f & find <data:post.body/> you'll see some code like this:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Paste the code just before the above code.

<div class='post-body entry-content'>
Your Code Goes Here
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Save Your Template.
Open Your Blog and See the Changes.

Google plus (+) widget for blogger and WordPress

Google plus is Most Popular Social Networking Site and Fastest Growing Social Networking Site. Its Added approximately 20 million users Having lots of New and good facilities  for Blogger. In Google Plus You can easily Add any User in Your Friends list and For Blogger and Webmaster You can shear you post with your Friends to get help to Improve Your Blog hits. Use Google plus to grow you blog hits. Now I am Writing about how to  Add Google plus (+) widget in You blog. Open Widgetsplus
Fill All required box and Click on get Code.

Login to your Blogger Account, go to Design then under the Page Elements Section go to Add a Gadget, from the given list find and choose HTML/JavaScript, paste the code there and click Save. Go back to your blog and preview it. Your Google Plus Widget will appear on the sidebar.

Google plus (+) widget for WordPress
But if you are a WordPress user, just login to your WordPress Dashboard, under Appearance section click on Widget. From the Widgets available find Text, click on it and drag and drop it on the sidebar, paste the code and save it.

Google translate For blogger widget

Google Translate is a tools gives opportunity to translate you blog language to visitor desire language. Its a great tool provided by Google. Google Translate tools help you to become a popular blogger become a far from you language This tool also helps you visitors to understand you post in there own language. Try this....

Go to Layout–>Page Elements then Add a Gadget–>HTML/JavaScript Add Code given below.

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Save Your Template. Open Your Blog and Try Your New WIDGETS.

Resize thumbnails image in blogger

Some time Blogger want to increase or decrease size of thumbnails image of our blogger post. Blogger admin want to adjust Image as per there requirement. This template Hack shows how to resize thumbnails image in blogger post. You have to made some changes in you template.
Note: Must Take a Backup of Your Template Before Changes any Code.

Search Using Ctrl + F 

var thumbnail_mode = &quot;float&quot; ;

Search Code Look like this
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 200;
img_thumb_width = 200;
</script>

Change Numerical value of 200 

img_thumb_height = 200;

img_thumb_width = 200;

Save Template and See Your Changes.

Adsense below post title in Blogger

Adsense in One of The Most Paying Advertisement Network and Most of The Blogger want to raise money from Adsense. Blogger below Post title is the best place for show your Advertisement. Use can easily see your Adsense Ad, visitors might be click on you ad and  you can earn good money. Around the blogger title is the best place for show your advertisement. Today i am writing about  How To Place Adsense Below Post Title. Its very simple, follow some steps.

Adsense below post title in Blogger

1. Make Compatible with Blogger format. Convert Your Adsense Code (Convert Adsense Code Here)
2. Login in your Blogger account and go to Design then Edit HTML tab and check Expand Widget Templates option.
3. Take a BACKUP of Yoru Template 
4. Press Ctrl + f & find <data:post.body/> you'll see some code like this:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

5. Paste the converted ad code just before the above code.

<div class='post-body entry-content'>
Your Adsense Code Paste Here
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

6. Save Your Template.
7. Open Your Blog and See the Changes.

Unlimited Blog Hits Free Use Blog N Like

Join Blog 'N' Like and Share Your Article With World Blog N Like is Social Community For Blogger Feed Aggregatior. Join its Free and also Usefully for SEO. Main Features in Blog N Like is You don't have to Submit Your Post Day by Day when you Post New in Your Blog its Automatic Submit Your Post in Blog N Like.

How Blog 'N' Like Works.
As a user, you participate in determining all site content by discovering, selecting, sharing, and discussing the stories, news, videos, podcasts, and articles that appeal to you.

1.Discover.
Submit your favorites. Find an article, video, or podcast online and submit it to blognlike.com. Your submission will immediately appear in "Top Posts," where other members can find it and, if they like it. Then they can click on vote. A great facility is also provided in this site that you can choose an option of posting the articles either manually or automatically. It will be of your choice. After you got registered with this site, first time for the posting of any article you have to post by yourself and from the next time you can submit your articles automatically. This facility of posting the articles automatically will be provided to you by admin. Become popular. Once a submission has earned a critical mass of Blog 'N' Like, it becomes "popular" and jumps to the home in its category. Discover media on Blog 'N' Like Visit the "Top posts" section to discover recently added articles, videos, and podcasts. Of course, you can always check the topic home to see what's newly popular. And you can subscribe to RSS feeds of particular categories, published/Top posts and even individual users.

2.Select
Blog'N'Like participate in the collaborative editorial process by Blognliking the stuff that you like best. As you are in Blognlike you can contribute to the popularity of any given item. You are also building the history of Blognliking that you or your friends can view. Bury. If you find articles with bad links, off-topic content, or duplicate entries, clicks "Bury" to sweep it under the "rug". That's how we get the junk out of the system and let the good stuff rise to the top. The system only works when users actively participate on a large scale, so make sure to do your part and Vote and Bury content that matters to you!

3.Share
Build a network. Invite your friends or find them on Blog 'N' Like and add them to your friends list. Then your friends can track what you're Blognliking and you can see what they Blog 'N' Like as well, enable you to collect the articles together. Email. Send your friends (Blognlikers or non-blognlikers) the articles that you Blognlike.

4.Discuss Comment
Share your opinions by commenting on stories, videos, and podcasts as well as blognliking and Burying comments by other users.

Visit Blog N Like

Flash Headlines Widget For Blogger

Blog Tech World brings you a Flash Headlines widget For Your Its May Give notice of their Blog Visitor. It looks attractive and it is able to attract the attention of readers.

LATEST POST:

Add This

<p><span class="tickls">LATEST: </span><a id="tickerAnchor" style="text-decoration:none"></a></p><script style="text/javascript" src="http://blognlike.com/amrit/Host/scroll.js"> </script><script style="text/javascript"> var theLeadString = "LATEST: "; var thePostCount =5; var sBgColor; var nWidth; var nScrollDelay = 175; var sOpenLinkLocation="S"; </script> <script style="text/javascript" src="http://www.blogtechworld.com/feeds/posts/default?alt=json-in-script&callback=PostTicker"> </script><br/>
<span style="font-size: 50%"><a href="http://www.blogtechworld.com/2012/02/flash-headlines-widget-for-blogger.html">Add This</a></span>

Note : If You Want to Show More the 5 Post Change Red Color 5 to as per your requirement.
Change blogtechworld Name to Your Own Blog.

How to Add
1.Login to your blogger Dashboard--> Design--> Add a Gadget--> HTML/JavaScript (Paste given code above in HTML/JavaScript Box and Adjust as you Desire Place. If you got problum to add this code please post comment we will happy to provide solution for you..... Like our Facebook to Keep Update Our New Post or Subscribe.

Open Blogger Link in New windows

If You want to open your all link in New windows try this code. All Blogger hyperlink will open in new windows will help you to write code for all link its save you time.

1.Login to your blogger dashboard--> Go to Template >> Edit HTML. (In old blogger Go to Design ) Edit HTML>> And then click on Expand Widget Template.

2. Search Using (Ctrl + F) <head>

3. Now copy below code and paste it just after <head> tag

<base target='_blank'/>

4.Click on "Save Templates" and you are done.

Related Post Without Thumbnail For Blogger

If Your Want to Increase Your Blog Visitors Read Your Article in Your Blog this Widgets will helps for Spending more time on you Blog. Most of the Blogger using related post Widgets. this Widgets is also helping your visitors to show similar post want to read. Now try using Related post Widgets in your blog, Just Follow some steps to setup Related Post Widgets in your blog.

Go to Template >> Edit HTML. (In old blogger Go to Design ) Edit HTML>> And then click on Expand Widget Template.

Find </head> Using CTRL+F and just above it paste the code given below. 

<style>
#related-postz { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; margin-left: 5px; line-height: 25px; font-weight: bold; font: 18px Arial,sans-serif; margin-bottom: 10px; }
#related-postz .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-postz .widget h2, #related-posts h2 {
font-size: 0.7em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em; }


#related-postz a { text-decoration : none; }
#related-postz a:hover { text-decoration : underline; }
#related-postz ul { border : medium none; margin : 10px; padding : 0; }
#related-postz ul li {
display : block;
background : url(&quot;&quot;) no-repeat 0 0;
padding-left : 21px;
padding-bottom : 1px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
font-size: 0.7em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
} </style>
<script src='http://blognlike.com/amrit/Host/related.js' type='text/javascript'/>

Find <data:post.body/> and just below it, paste the following code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-postz'>
<font face='Verdana' size='4'><b>Related Posts:</b></font>
<b:loop values='data:post.labels' var='label'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script><div align='left' style='font-size:12px'><a href='http://blognlike.com'>Promote Your Blog</a>
<div align='right' style='font-size:11px'><a href='http://www.blogtechworld.com/2012/02/related-post-without-thumbnail-for.html'>Add This</a></div></div></div>
</b:if>

Save Your Template and Open Your Blog to See Changes in Your Blog. If you Got any Error Please Put Comment here we will feel happy to solve your error.