Blogger Tutorials | Blog Tips, Tricks for Beginners

<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> Blogger Tips, Tricks for Beginners</h2> <blockquote class="tr_bq"> <div style="text-align: justify;"> Here you can get the latest blogger tips, tricks, blogspot design tutorials, blog widgets for beginners, faq, adsesnse and more.</div> </blockquote> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-b7IThVLvDvw/U9mmlUsqw7I/AAAAAAAAAOs/voBNZcf7aqw/s1600/blogger-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Logo" border="0" src="http://3.bp.blogspot.com/-b7IThVLvDvw/U9mmlUsqw7I/AAAAAAAAAOs/voBNZcf7aqw/s1600/blogger-logo.jpg" title="Blogger Logo" /></a></div> <br /> <h1> Blogger Tutorials</h1> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/07/redirect-post-url-to-another-blogger-url.html" target="_blank">Redirect Blogger Post URL to Another Post</a></span></li> <span style="color: blue;"> </span></ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/07/use-google-web-fonts-to-blogger-blog.html" target="_blank">How to Use Google Web Fonts to Blogger</a></span></li> </ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/05/add-show-adsense-below-post-title.html" target="_blank">Show Adsense Ad to After or Below to Blog Post</a></span></li> </ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/04/redirect-oldblog-url-to-newblog.html" target="_blank">Automatically Redirect Old Blogger URL to New Blog</a></span></li> </ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/04/submit-url-google-bing-yahoo-ask.html" target="_blank">Submit Your Blog to Google, Yahoo, Bing</a></span></li> </ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/04/add-404-page-not-found-message.html" target="_blank">Add Custom 404 Page for Blog</a></span></li> </ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/04/add-expires-browser-cache.html" target="_blank">Add Expires Browser Cache Header to Blog</a></span></li> </ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/04/disable-stop-country-specific-ccTLD-redirection.html" target="_blank">Disable Country Specific URL Redirection in Blogger</a></span></li> </ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/04/create-xml-blogger-labels-sitemap.html" target="_blank">Create XML Sitemap for Blogger</a></span></li> </ul> <ul style="text-align: left;"> <li><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/04/backup-your-full-blogger-template.html" target="_blank">How to Backup Your Blogger Blog Template</a></span></li> </ul> <ul style="text-align: left;"><span style="color: blue;"> </span> <li><span style="color: blue;"><span style="color: blue;"><a href="http://dinetricks.blogspot.com/2014/04/hide-remove-url-comment.html" target="_blank">Hide URL Comments in Blogger Post</a></span> </span></li> </ul> <ul style="text-align: left;"> <li><a href="http://dinetricks.blogspot.in/2014/08/speed-up-blog-load-time.html" target="_blank">7 Ways to Speed Up Your Blog Page Load Time</a></li> </ul> <ul style="text-align: left;"> <li><a href="http://dinetricks.blogspot.in/2015/03/add-google-analytics-tracking-code-to-blogger.html" target="_blank">Add Google Analytics Tracking Code on Blogger?</a></li> </ul> <br /></div>

Blogger Tutorials | Blog Tips, Tricks for Beginners

Blogger Tips, Tricks for Beginners Here you can get the latest blogger tips, tricks, blogspot design tutorials, blog widgets for beginn...

Read more »

Redirect or Forward Blogger Post URL to Another Post or Page

<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> Redirect Blogger Post URL to Another Post URL</h2> <div style="text-align: justify;"> Learn how to forward a custom blogspot blog post URL to 301 temporary or permanent redirection to any blogger post url. You can do this easily by using the given simple steps to forward the url which you want to auto redirection.</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-Dj7-GDI42os/U9k2_eLz9TI/AAAAAAAAAOE/5l-xvO3G3hU/s1600/404-url-to-301-redirection.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Redirect Blogger 404 URL to Another Post or Page" border="0" src="http://1.bp.blogspot.com/-Dj7-GDI42os/U9k2_eLz9TI/AAAAAAAAAOE/5l-xvO3G3hU/s1600/404-url-to-301-redirection.jpg" title="Redirect Blogger 404 URL to Another Post or Page" /></a></div> <br /> <div style="text-align: justify;"> Today I have found some 404 pages on my blog "dinetricks.blogspot.com" from <a href="https://www.google.com/webmasters/" rel="nofollow" target="_blank"><b>google webmaster</b></a> tools. So I decided to automatically move that page to my blog's another page. I have searched from google then finally i have found the solution for this feature. Also I have tested with my blog posts. It works great. So I would like to share with you all. I hope this trick may useful to all the users, those who wants to remove all the broken links from the blogger blog.</div> <h3 style="text-align: left;"> <br /> <span style="color: #e69138;">Also Read:</span> <a href="http://dinetricks.blogspot.com/2014/04/redirect-oldblog-url-to-newblog.html" target="_blank">How to Automatically Redirect Old Blog Address to New Blog?</a></h3> <br /> <h1> How to Redirect Blogger Post URL to Another Post or Page?</h1> <ul style="text-align: left;"> <li>Login your blogger account</li> </ul> <ul style="text-align: left;"> <li>Go to blog dashboard.</li> </ul> <ul style="text-align: left;"> <li>Scroll down the page and click "<span style="color: #e06666;"><b>SETTINGS</b></span>" then select "<b><span style="color: #e06666;">Search Preferences</span></b>"</li> </ul> <div class="separator" style="clear: both; text-align: center;"> <a href="http://2.bp.blogspot.com/-P3MI5DHq9YM/U9k52NCDgOI/AAAAAAAAAOQ/PHkhLi8eXRY/s1600/blogger-settings-option.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Settings Option" border="0" src="http://2.bp.blogspot.com/-P3MI5DHq9YM/U9k52NCDgOI/AAAAAAAAAOQ/PHkhLi8eXRY/s1600/blogger-settings-option.PNG" title="Blogger Settings Option" /></a></div> <div style="text-align: justify;"> <br /> <div style="text-align: justify;"> Now you can find the option named as "<b>Errors and Redirections</b>". Just click the "<b><span style="color: #e69138;">Custom Redirects</span></b>" option. Here you have to add the old url and destination url to complete the url forward option. </div> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://2.bp.blogspot.com/-nnw_-r7Ijb0/U9k8noP_48I/AAAAAAAAAOc/8d8M8W7L8Vc/s1600/301-redirection-blogger-post.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="301 blogger Post URL Redirection" border="0" src="http://2.bp.blogspot.com/-nnw_-r7Ijb0/U9k8noP_48I/AAAAAAAAAOc/8d8M8W7L8Vc/s1600/301-redirection-blogger-post.PNG" title="301 blogger Post URL Redirection" /></a></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> After adding the links,  click the "Save Changes" button. That's it. Now check with the your old url. It will be redirected the destination url which you have given on the same page.<br /> <br /> <h3> <span style="color: #bf9000;"><b>Also Read:</b></span> <a href="http://dinetricks.blogspot.com/2014/04/add-404-page-not-found-message.html" target="_blank"><span style="color: blue;">Add Custom 404 Page in Blogger</span></a></h3> </div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> I hope, the blogger url post redirect works for you. If you have faced any issues in url forward feature in the blog, just leave a comment to this post.<br /> <br /></div> </div>

Redirect or Forward Blogger Post URL to Another Post or Page

Redirect Blogger Post URL to Another Post URL Learn how to forward a custom blogspot blog post URL to 301 temporary or permanent redirec...

Read more »

How to Use / Add Google Web Fonts to Blogger Blog

<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <span style="font-size: large;">About Google Fonts:</span></h2> <div style="text-align: left;"> <div style="text-align: justify;"> <blockquote class="tr_bq"> <b>GoogleFonts </b>is an open source font directory site hosted by Google, provides popular Fonts in a hosted application programming interfaces for web fonts with free of charge. </blockquote> </div> <h4 style="text-align: justify;"> Also Read: <a href="http://dinetricks.blogspot.com/2014/04/disable-stop-country-specific-ccTLD-redirection.html" target="_blank" title="Disable Country Specific URL Redirection in Blogger"><span style="font-weight: normal;"><span style="color: blue;">How to Disable Country Specific URL Redirection in Blogger </span></span></a></h4> <br /> <h3 style="text-align: justify;"> <span style="font-size: large;">Types of Google Fonts Usage:</span></h3> <div style="text-align: justify;"> There are 3 ways to use google fonts to your website.</div> <div style="text-align: justify;"> <blockquote class="tr_bq"> 1. The standard href link attribute with URL location.<br /> 2. @import url(siteURL);<br /> 3. Javascript</blockquote> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-HvibhBCqh58/U9KajVfi4tI/AAAAAAAAANg/c1nlmRShmEQ/s1600/google-web-fonts-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Web Fonts Logo - How to Use / Add Google Web Fonts to Blogger" border="0" src="http://4.bp.blogspot.com/-HvibhBCqh58/U9KajVfi4tI/AAAAAAAAANg/c1nlmRShmEQ/s1600/google-web-fonts-logo.jpg" title="Google Web Fonts Logo" /></a></div> <br /> You can use any fonts to your website in above 3 types mentioned. Just choose any one of the methods on fonts page which you would like to use. This tutorial explains how to add the <b>Google Fonts</b> for your web pages. <br /> <br /> <h1 style="text-align: left;"> How to Use or Add Google Web Fonts to Blogger or Web Site</h1> <blockquote class="tr_bq"> 1. Goto to <a href="https://www.google.com/fonts" rel="nofollow" target="_blank"><span style="color: blue;"><b>Google Fonts.</b></span></a><br /> <br /> 2. Choose any one of the fonts from the list.<br /> <br /> 3. Select 'Quick Use' option from that selected font.</blockquote> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-fDbeRam_71w/U9KdC3zAnjI/AAAAAAAAANs/Q5PzZeTF1Sk/s1600/fonts-quick-use.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Quick Use Selection in Google Fonts" border="0" src="http://4.bp.blogspot.com/-fDbeRam_71w/U9KdC3zAnjI/AAAAAAAAANs/Q5PzZeTF1Sk/s1600/fonts-quick-use.png" title="Quick Use Selection in Google Fonts" /></a></div> <br /> <div style="text-align: justify;"> Analyze the font with 'Impact on page load time' and make sure to select the best one for your website which is not affect your website. Select the type of usage which you want to use.</div> <blockquote class="tr_bq"> 4. Copy google font's standard href link </blockquote> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/--nL-INq_JUY/U9Kd6cN2QEI/AAAAAAAAAN0/U3ZBabRU0R0/s1600/google-font-standard-href-link.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Fonts Standard Href Link Selection" border="0" height="165" src="http://1.bp.blogspot.com/--nL-INq_JUY/U9Kd6cN2QEI/AAAAAAAAAN0/U3ZBabRU0R0/s1600/google-font-standard-href-link.png" title="Google Fonts Standard Href Link Selection" width="640" /></a></div> <b>Example: <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'></b><br /> <br /> <div style="text-align: justify;"> Before updating changes in your blogger template make sure you have <a href="http://dinetricks.blogspot.com/2014/04/backup-your-full-blogger-template.html" target="_blank" title="How to Backup Your Entire Blogger Template"><span style="color: blue;">backup your blog template</span></a>.</div> <div style="text-align: justify;"> <blockquote class="tr_bq"> <div> 5. Go to your blogger dashboard and then select template option.</div> </blockquote> <blockquote class="tr_bq"> 6. Find of your template source code. Copy the generated code which you get it from the font selection page (refer step 4) and add or paste that code after <span style="color: purple;"><b><head></b></span> tag.</blockquote> You Might Also Like: <a href="http://dinetricks.blogspot.com/2014/04/hide-remove-url-comment.html" target="_blank"><span style="color: blue;">Hide / Remove URL Comment in Blogger </span></a></div> <div style="text-align: justify;"> </div> <br /> <h4 style="text-align: justify;"> Example:</h4> <div style="text-align: justify;"> After updating google font your webpage source code will be like this,</div> <div style="text-align: justify;"> <span style="color: purple;"><head></span></div> <div style="text-align: justify;"> <span style="color: purple;"><link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'></span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Save the blogger template. Now goto your blogger or web site's homepage to see the updated font style with new look.<br /> <br /> Do you have any doubts in how to add / use <b>Google Fonts</b> to your blogspot blogger just leave a comment.</div> </div> </div>

How to Use / Add Google Web Fonts to Blogger Blog

About Google Fonts: GoogleFonts is an open source font directory site hosted by Google, provides popular Fonts in a hosted applicatio...

Read more »