TechPerish

TechForty  is sharing awesome Blogger  Tricks, Tips and Tutorials since 2013. Today we are going to list 20 best blogger tutorials in one post. This post covers 20 featured tutorials for your BlogSpot blog and helps you know how customizable Blogger platform is. Following these tutorials you can change your blogger blog's look and feel more beautifully. List Of Blogger Tutorials Below list is a collection of 20 Cool Blogger Tutorials handpicked by us for our blog readers. Click on the links to view article. All the links will automatically open in a new window. Related Posts with Thumbnail widget for blogger This is one of our most popular tutorials, this post explains how can you add a beautiful related posts widget to your blogger blog.  Add Custom Favicon to Blogger Want to customize your blog fully? let's add a custom favicon to it. Read this post and learn how can you change that small picture on your browser tab. Adding Google Plus comments to Blo...

Don't want people to steal your images? Or for any other reason you might want to disable right click on your blogger blog. Here I am sharing a code snippet which will disable right click on your blogger blog. Disable Right Click on Blogger Using Javascript 1) Log in to Blogger Dashboard --> Layout --> Page Elements 2) Click on 'Add a Gadget' on the sidebar 3) Select 'HTML/Javascript' and add the code given below and click save. <script language="JavaScript"> <!-- //Disable right click script III- By Renigade (renigade@mediaone.net) //For full <span id="IL_AD8" class="IL_AD">source code</span>, visit http://www.dynamicdrive.com var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);...

Many bloggers aim to create video blogging websites. Blogger is best place to start for any company or individuals. Today we are sharing free seo optimized video blogger templates. Some of the templates are best for adding videos from YouTube, Vimeo and DailyMotion. VIDEO BLOGGER TEMPLATES 1.  BlogTube Professional Video Template BlogTube is a Professional Responsive Video Blogger Template designed for video sites, video blog video portal. This template will help you to setup a professional video site quickly. It is inspired by popular websites including YouTube, Vimeo and Dailymotion. No two opinions to say that it is the most powerful Video Blogger theme ever. It is fast, responsive, minimal and packed with tons of features required to set up a professional video site. 2.  Videoism Blogger Template. Videoism is a professional video hosting blogger template designed for video site and video blog portal. This template would help everyone in setting up a pr...

E-mail subscribers are the easiest way to increase your blog traffic. This also reminds your users of every new post you wrote on your blog. Today you will learn how to add e-mail subscription box below every post in blogger. Email Subscription Box Below Every Post in blogger : Steps  Step 1: Login to your blogger dashboard. Step 2: Go to  Template > Edit HTML option. Step 3: Search for <div class="post-footer-line post-footer-line-1"> Step 4: Paste following code just below it and save the template. <style> .subscribebox{width:500px;background:#f2f2f2;padding:20px;margin:auto; text-align: center; font-family: 'Prata', serif; text-shadow: 1px 1px 1px #FFF; background:); padding: 1em; outline: 2px solid #E0E0E0; outline-offset: 5px; font-family:calibri;} </style> <b:if cond='data:blog.pageType == "item"'> <div class='subscribebox'> <h2 style='text-align:center;c...

Facebook like and share buttons make easy to let your content to be shared by facebook users on their walls. This also helps you increase your social media traffic.Today we will learn how to add a facebook like and share button below or above  every post of blogger. Facebook Share and Like Button Below Every Post Login to blogger account Go to Template &gt; Edit HTML Now in the blogger template editor search for  < data:post.body/> Just below paste this code : <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe> If you want to add it above the posts just paste it before < data:post.body> Now you and y...

Labels are beautiful way to categorize your blogger posts. Labels are very good way to let user see your older posts from the same label. Today you will learn how to display labels below every post in blogger. Adding Labels Below Posts in Blogger Login to blogger account Go to Template > Edit HTML Now in the blogger template editor search for   <data:post.body/> Just below paste this code : <style>.post-labels { float:left; font-size:14px; color:#555 } .post-labels a { color:#111 text-decoration:none; } .post-labels a { text-decoration:undeline; }</style><span class='post-labels'> Posted in <b:if cond='data:post.labels'>           <b:loop values='data:post.labels' var='label'>             <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &qu...

Author name acknowledges the person who has written that blog post. In a blogger blog you can have upto 100 authors per blog . You can automatically display who has written the post by following this simple tutorial. Blogger/BlogSpot collects the data of the author from their blogger profile in case you have not connected your Google+ account with Blogger. If one haven't connected their profile to google+ then they can change the name of their blogger account easily. Whenever that author will publish a post, this display name will appear as the name of the author. Adding Author Name Below Posts in Blogger Login to blogger account Go to Template > Edit HTML Now in the blogger template editor search for  <data:post.body/> Just below paste this code : <span class='tfauthor'> Post By: <a expr:href='data:post.authorProfileUrl' title='posted by'> <data:post.author/></a>  </span><style> .tfauthor a { t...

A 404 error page is displayed when there is no content to display, the content of that page have been moved elsewhere or the url is misspelled. The 404 error page shows your visitors and search engines that their is no page to display and it displays a message something like "Sorry, the page you were looking for in this blog does not exist". This will make a bad impact on your traffic to solve this you can use this tutorial to redirect blogger 404 not found page to homepage. Redirect Blogger 404 Error (Page Not Found) To Homepage Go to blogger DashBoard login >  select your blog and then go  to Settings > Search preferences > Custom Page Not Found. Edit this field and paste the following code  Sorry, the page you're looking for does not exist. You will be redirected to homepage in 5 seconds. <script type="text/javascript"> BSPNF_redirect = setTimeout(function() { location.pathname= "/" }, 5000); </script> ...

Every blog have some pages like - about, contact and privacy policy. Blogger by default enables comments for pages. But, none of the users will be interested in posting comments on your blogger page and it also doesn't look professional. So i will show you how to remove or disable blogger comments on pages. How to Disable and Remove Comments on Blogger Pages  The steps you need to follow are to login into your blogger account.  Go to Pages >> Options >> under “Reader comments” and you will find their following three options: Allow:   Show comments in pages(it is default) Don't allow, show existing:  Checking this will not allow comments in pages, but will display the previous comments. Don't allow, hide existing:  Checking this will not allow comments in pages, hide the previous comments too. Select “Don't Allow” as your option and Press “Done”, ALSO READ :  How to Disable Anonymous Comments on Blogger ?   If you hav...

Is making money online one of your dreams. Then it;s no more a dream. Today i am sharing the ways you can make money blogging on Blogger , WordPress or any other blogging platforms . check out these 4 fairly easy ways to starting making money from your blogging efforts. 1. Joining Advertising Programs There are plenty of advertising programs that let you earn money through your blog, Like google adsense, chitika, Infolinks etc... Advertising Programs are the most popular way to make money blogging. 2. Affiliate Programs Affiliate programs let you allow selling there products, or making signups on their website through your blog and they pay you commissions. This is a very popular way to make money blogging. 3. Sell Direct Ads You can sell direct ads on your blog to interested advertisers. Many sites like BuySellAds let you sell adverts on your blog. Thus you can control which ads are being displayed on your blog and how much the advertisers pay you. ...

Blogger is very good blogging platform, from newbies to masters every type of persons use this. Templates make a website look good and let users to navigate easily.  Today i am sharing 7 best free blogger templates. Templates below are good for all types of websites but they are specially useful when you use them for magazing/news blogs. EvidBT Professional Blogger Template Responsive design : EvidBT is responsive, which means it supports the majority of screen resolutions. You can always preview responsive designs using our responsive design testing tool. New Mashable Blogger Template Another cool mashable style blogger template. New Mashable blogger template is designed for technology blogs, We try out best to give this theme unique and professional look, by looking at name of this theme you will think that this template is copy of famous technology blog mashable.com , but I want to clarify that this theme is codded by us and we don't use a single line of code o...

Today I am going to share free, responsive, magazine style blogger templates. Blogger is one of the best places to make a NEWS, Multimedia website and the templates i am going to share are responsive, so they make your website fit to any screen size. Below are 5 cool responsive blogger templates, Enjoy !!! Vortex Blogger Template Vortex is a premium looking free blogger template. Vortex is 100% responsive, high functioning and multimedia blogger theme.Vortex is 100% responsive, high functioning and multimedia magazine style blogger template designed for richly professional bloggers and webmasters. It has some efficient features and functionalities that would certainly make you go gaga about this template. Most importantly, this template looks different on each and every device. Flat Mag Flat Mag Responsive Blogger Template is a multi-purpose straight Blogger template precisely designed for multimedia, news bulletin, Entertainment and Technology blogs. With elegant green ...

A drop down menu is something that contains navigation URl's of your blog and making it easier to find the content users are looking for. A floating element is something that sticks to your blog at the place you post it and scrolling doesn't affects it position. Today I am sharing a drop down menu for blogger with search box. Adding Floating DropDown menu to blogger Login to your blogger dashboard. Select your blog. Select Template . Click Edit HTML.  Add this code just above the body tag <style> #naviopdropcont{   width:100%;   height:45px;   display:block;   padding:0;   margin:0 0 20px 0;  z-index:100;   top:0px; left:0px;  position:fixed;     box-shadow:2px 2px 5px  #444444; -moz-box-box-shadow:2px 2px 5px  #444444; -web-kit-box-shadow:2px 2px 5px  #444444; -goog-ms-box-shadow:2px 2px 5px  #444444; background:#000; } #naviopdropnav{   f...

Google+ is becoming a popular social network day-by-day, and especially most of the bloggers now use google plus as one of their daily used social networks. If you are a Google+ user and post updates on your Google+ profile frequently then this tutorial is straight away for you. With embedding your google+ post on blogger you can get more +1's on your blog. Users can follow you on Google+, add comments to your post and also share it without leaving your awesome blog. Embedding Google+ Comments In Blogger Step 1: Go to any Google+ account from where you want to embed the post in your blog. Step 2: Go to the post which you want to embed in your blog(for this click on the timestamp link). Step 3: hover the mouse pointer on down arrow above post title and Click on it. Step 4: A dropdown menu will appear with many options. Step 5: Choose Embed post option from the list of option.           Step 6: Now a code will appear in a box copy this ...

Many of the users of blogger are blogging about the content that can be used worldwide and not just in the area they live, but we live in a world where in every 10 miles languages change(not a fact, just a saying) . So to make your blog be usable and readable by the worldwide audience you may use a free service provided by Google , Google Translate. What is Google Translate Google translate is a web service provided by google for normal users as well as webmasters to traanslate their website content in the language end users want. Adding Google Translate To Blogger First thing you have to do is go to Google Translate website , then click on website translator link at the bottom. Then click on  Add To Your Website Button. Now fill up the form and in the next step you will have two options Translate all languages : this will display a list of all available languages on Google Translate to your user to translate into. Specific languages: this will add your c...

Popular posts, as it's name suggests shows your visitors your most popular blog posts name's and links to them. Adding his widget is very simple and cool and it has lots of benefits. This gadget shows which are the most visited blog posts on your blogspot blog, and you can set it to display the info you want in four possible combinations: (1) only the title of the post, (2) a thumbnail of the image and the post title, (3) post title with a summary, and (4) post title with a thumbnail and a post snippet. Why You Should Add A Popular Posts Widget Increase Your Pageviews: Showing your users what everyone is reading is a good idea to increase your pageviews. Higher Income: If you are monetizing your blog increased Page Views can increase your earnings too. Adding Popular Posts Widget To Blogger adding one is a great idea, is'nt it ? let's start the tutorial - Go to Blogger dashboard and sign-in and choose the blog from list. Go to Layout and look f...

With comments users can express what they feel about your blog post and comments are essential part of each and every blog. Blogger also provides it's own commenting system for users to let comment on a blogger blog.By default Blogger allows anonymous comments, Using this any person can comment without giving any info about him/her(even not the name). Anonymous commenting means nothing but allowing strange, unregistered users to comment on your blog without logging in. Anonymous commenting is mostly used by spammers for posting spam links on your Blogger blog. Thus you must disable anonymous comments on your blogger blog to be safe from spam. Disable Anonymous Commenting in Blogger 1. Go to Blogger Dashboard > Settings > Posts and Comments. 2. Under the comments subheading, you will find an option saying 'who can comment?' There will be these 4 options to choose. Anyone: Anonymous commenting is allowed(Anyone can comment) Registered users: only ...

So, what you are blogging about on your Blogger blog? Describing this in 150 characters is called Meta Description . Meta description is also displayed on search engines below your Blog link. Meta descriptions are invisible to visitor on your blog but are crawled by search engines. Meta descriptions play an important part in Search Engine Optimization( SEO ) of your Blogger blog. How To Add Meta Description To Blogger  The first thing you have to do is going to your Blogger dashboard and from there, go to Settings > Search  preferences > Meta Tags > Description and click on Edit Meta Description. The screenshot below defines how will it look: How To Add Meta Description To Individual Post On Blogger  Its as easy as you can do it in 5 seconds, Just go to Blogger dashboard then go to the post or page you  want to edit and click on the Search Description setting, and there you enter the text and save by clicking  the Done button. Now you are don...

A search box helps your visitors find the information they are looking for easily and quickly. Most of users coming from search engines or landing at your homepage will want to search the information on your blog and they will need a search box. Today we are giving you a beautiful, responsive CSS3 search box for your Blogger blog. This search box will surely force your visitors to try a search on your blogspot blog. This search box is responsive and even works on non CSS3 supported browsers. How To Add Search Box To Blogger: 4 Steps 1. Go to Blogger Dashboard and select the blog to which you want to add the search box 2. Now click on Layout tab and add a new gadget in sidebar (or wherever you want to add it) and select HTML/Java Script for the gadget 3. Now paste the below code,  name the Title as Search or any other text(you can also leave it blank). <style>.searchform { display: inline-block; zoom: 1; display: inline-block; border: solid 1px #d2d2...

Are you tired of looking at the default templates that Blogger provides? We decided to search for some of the different-looking beautiful dark Blogger templates and found these 5 cool dark blogger templates. Eclipse Dark theme that brings werewolves to mind. An enchanting template for the dark souls.Theme is designed beautifully with extra dark colors and glitter. Limax Another beautiful dark blogger template with striking colors. Butterfly Magic Another dark colors collection in this butterfly nagic blogger theme Xenon Xenon is a free dark blogger template adapted from WordPress with 2 columns, left sidebar and posts thumbnails. Cooperate Cooperate is a free blogger template adapted from WordPress with 2 columns, right sidebar, slideshow, social bookmarking icons, posts thumbnails, tabs, drop down menu and a background pattern. Excellent layout for blogs about any general topic. So we have given you 5 Cool Dark Blogger Templates, Now it;...