Tags: Blogger Tricks / Tutorials

Add Attribution Links to Copied Text from your Blog

- 1 Comment

Many popular and new blogs are using simple scripts in their blogs that automatically adds attribution links to copied text from their blog. This is a great way for securing your content from stealers. There are many online services available that helps you in adding attribution links to copied text from your blog. Recently one of our users asked us about adding attribution links to copied text. So, today in this tutorial we'll show you that How to Add Attribution Links to Copied Text from your Blog. In this method all you've to do is to just add a JavaScript to your blog and after that when someone copies content from your blog, it'll automatically add attribution links to copied text. We hope that this article might would help you in securing your content.

Add Attribution Links to Copied Text from your Blog

Step 1. Log in to your Blogger Account
Step 2. Select a Blog >> Go to Template >> click Edit HTML and search (Ctrl+F) for the </head> tag
Step 3. Now Copy (Ctrl+C) the below code and Paste (Ctrl+V) it just above/before it

<script type='text/javascript'>
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br/><br/> Read More at: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright © Blogolect"; // You can Replace this with your own text
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}
document.oncopy = addLink;
</script>

Note: You can change the highlighted text with your preferred text
Step 4. Hit the Save Template button
And you're done!

From Editors Desk

We hope this tutorial may have helped you in learning How to Add Attribution Links to Copied Text from your Blog. Share this post with your friends and don't forget to subscribe us.

Tags: Beginner's Guide / Blogger Tricks / Tutorials

How to Block AdBlocker on your Blogger Blog

- 3 Comments

AdBlocker is a browser extension, available on all major browsers and it is used to block advertisements and pop ups shown on websites. Advertisements annoys each and every visitor of our blog, especially pop ups. AdBlocker is useful to stay away from those annoying and disgusting ads, but this extension is a roadblock in the path of a blogger. Due to this extension visitors don't reach ads and it effects the earning of bloggers. AdBlockers totally affect life of bloggers who want to make money from there blogs. It also reduces CPM, CPC and other rates which you use to generate your revenue. There are two ways that you can use to block AdBlockers, the first one is to ask your readers to remove AdBlocker extension and the other one is that, force them to remove AdBlocker. If thousands of people visits your blog daily then it is impossible to ask each of them to remove AdBlocker extension which means that we have to force them to remove AdBlocker. So, today in this tutorial we'll show you that How to Block AdBlocker on your Blogger Blog.

How to Block AdBlocker on your Blogger Blog

Step 1. Log in to your Blogger Account
Step 2. Select a Blog >> Template >> Edit HTML >> Search for the ]]></b:skin> tag and above/before it paste the following code

#bgt_noadblocker {
display:none;
}

Step 3. Again Search for </head> and paste the below code just above/before it

     <script type="text/javascript">
    if (document.getElementById("bgt_noadblocker") != undefined)
    {
    }
    else
    {
        alert("We've detected that you're using AdBlock Plus or some other adblocking software. In order to keep this website free, this site is sponsored in part by advertisements.\r\nPlease consider disabling your ad blocker on this website\r\nif you enjoyed the content, and would like to support future \r\ninformative posts.Thank you!\r\n\r\nClick OK to continue\r\n\r\nPowered by www.blogolect.com...");
            setTimeout("nag()",12000);
    }
    </script>

Step 4. Now Search for <body> and just below/after it paste the following code

<script type="text/javascript" src="http://ftp.bauer-power.net/misc/tc/advertisement.js"></script>

Step 5. Hit the Save Template button and you're done!
Now if any visitor with AdBlocker enabled visit your site will face an annoying message, he will get this message until he disables AdBlocker.

From Editors Desk

We hope this tutorial may have helped you in learning How to Block AdBlocker on your Blogger Blog. Share this tutorial with your friends and don't forget to subscribe us.

Tags: Beginner's Guide / Tutorials

How To Upload Custom Template On Blogger

- 1 Comment

Blogger Default Templates don't give a professional look to your blog. Uploading a customized template is useful, interesting and gives a professional look to your blog which attracts more visitors to your blog. There are millions of blogs hosted on blogger but they don't don't know that how to upload a custom template. If you're bored of the generic templates supplied by Blogger and you want to upload your own custom template to your blog. So, Today in this tutorial we will teach you that How To Upload Custom Template To Your Blogger Blog.

How To Upload Custom Template To Blogger

Step 1. Go to Blogger Dashboard >> Select your blog >> Select Template

Step 2. Now Hit the Backup / Restore Button

Step 3. Click on Download Full Template Button make a backup for your previous template

Step 4. Click on Browse Button and choose the Template that you want to upload

Step 5. Hit the Upload button

That's all !!!! Enjoy Blogging

From Editors Desk

We hope this tutorial may have helped you in learning How To Upload Custom Template On Blogger. Share this tutorial with your friends and don't forget to subscribe us.

Tags: Blogging Tips / Traffic Tips / Tutorials

Top 3 Giveaway Generators to Create and Run Giveaways

- 5 Comments

With the passage of time, the blogosphere is getting bigger and better. Thousands of blogs are created daily with millions of competitors. People are still finding it difficult to promote their blog to increase their traffic, people use their own different techniques to promote their blog. Some of them use Blogging Communities, Commenting while some of them use Social Media. But the truth is that none of these methods could take your blog to the chasm. One of the best ways to promote your blog is to start a free contest or giveaway, through this service we can offer free gifts to our readers by doing some simple jobs like sharing our blog on social media, commenting on our blog and etc. These contests makes our readers to revisit our blog again and again. Today in this article, we are going to share some top Sites to create and run giveaways easily and for free.

1. Gleam

Gleam provides beautiful and stylish generators for your blog. Its easy to use and no coding is requires. All it takes is just 5 Minutes and your generator is ready. Embed the code and see it working live on your blog.

2. Rafflecopter

Rafflecopter is just like gleam and easy to use. All you've to do is Create your Generator >> Embed the Code and you're done.

3- PromoSimple

PromoSimple provides both free and premium entry forms. You can easily customize your forms and no coding or skills are required for creating a generator.

From Editors Desk

We hope this tutorial may have helped you in creating a Giveaway Generator for your blog. Share this article with your friends, share your opinions in the comments below and don't forget to subscribe us.

Tags: Tools / Tutorials

MakeWebVideo Review - An Ultimate Solution for Creating Animated Videos

- 5 Comments

If you're a business owner or a blogger, then its obvious that you need something for your blog/business promotion and using a video for promotion is a great way for increasing engagement with users. But an animated video, creating animated and attractive video sometimes is quite expensive, requires a lot of time and Animator skills. Then how can you get a great video for a reasonable price? Don't worry the solution is makewebvideo.com. Using makewebvideo.com you can easily create great animated videos for your business promotion. It's easy to use and you don't need to be a professional animator to get started with MakeWebVideo. It's super fast, you can get your video within just 30 minutes. Reasonable price, starting from $29 for a full HD video. Here's a short tutorial on How to Create a Video Using MakeWebVideo.

How to Create a Video Using MakeWebVideo

Go to MakeWebVideo.com and click Get Started

makewebvideo blogolect - create animated videos

It'll redirect you to the Templates page, Pick a Template >> From the next page click Make Your Video

Now and Log in using your Google account or Create a New Account

From the Step 2 choose Change Graphics, now you can Edit your Video, the video will be in separate parts, choose each part and edit it, after editing click Go to Menu button.

Now choose Change Music to choose its background music, select your track and again press the Go to Menu button

And at last press the Produce Video button, Preview your Video, Looks Great >> Make your Payment and Download your Video.

From Editors Desk

We hope this tutorial may have helped you in learning how to create an animated video for your business/blog promotion. Share this tutorial with your friends, don't forget to subscribe us for more amazing tools and articles and Share your thoughts in the comment section below.

Tags: Beginner's Guide / Tutorials

How to Remove Click Trap from Blogger Preview

- No Comments

Have you ever previewed a post you've been writing in blogger and tried to click something, but you can't. Every time you preview something in blogger, blogger lets you check your changes through preview mode, and you might have noticed that it prevents you from clicking anywhere, blogger calls it the "Click Trap". There are no strong reasons that why Blogger has implemented this click trap but may be blogger uses it to prevent you from accidentally clicking on links while you only want to preview your changes. Whatever, for Bloggers, Click Trap produces a great disturbance. Today in this tutorial, we will show you that How to Remove Click Trap from Blogger Preview.

How to Remove Click Trap from Blogger Preview

To Remove Click Trap from Blogger Preview, all you need to do is to add the following piece of code to your Blog Template. Log in to your Blogger Account >> Select your Blog >> Template >> Edit HTML and paste the following code just before/above ]]></b:skin> tag

.blogger-clickTrap {
display: none!important;
}

Click the Save Template button and you're done.

From Editors Desk

We hope that this article helped you in removing click trap from blogger preview. Share this article with your friends and don't forget to subscribe us.

Tags: Blogging Tips / Tutorials

How to Automatically Remove Spam Links from Blogger Comments

- 16 Comments

Comment Spam is a major issue for all bloggers and identifying/removing spam comments is among the most frustrating job for a blogger. We all love comments but identifying spam comments from hundreds of comments is the toughest job, especially when you don't have time to moderate all those comments. Obviously you don't want to remove all comments just for a few spam comments. As we know that Blogger doesn't have a real-time spam detection plugin, so its your job that how you manage with spam comments. Today, in this article, we will show you that How to Automatically Remove Spam Links from Blogger Comments.

Automatically Remove Spam Links from Blogger Comments

Method I : Use CSS to Completely Remove Links

Step 1. Log in to your Blogger Account
Step 2. Select your Blog >> Template >> Edit HTML and search for the ]]></b:skin> tag
Step 3. Copy the below code and Paste it just above/before it

.comment-content a {
display: none;
}

Step 4. Press the Save Template button and you're done

Method II : Use jQuery to Remove Links

Step 1. Log in to your Blogger Account
Step 2. Select your Blog >> Template >> Edit HTML and seach for the <body> tagStep 3. Copy the below code and Paste it just after/below it

<script>$('.comment-content a[rel$=nofollow]').replaceWith(function(){return ($(this).text());});
</script>

Step 4. Press the Save Template button and you're done

From Editors Desk

I hope that this article helped you in Removing Spam Links from Blogger Comments. Share it with your friends and don't forget to subscribe us.

Tags: Beginner's Guide / Tutorials

How to Set Custom Redirects in Blogger

- 8 Comments

Blogs changes over time. Everyday new posts and pages are added and deleted. If you want to avoid 404 errors (Pages that doesn't exists), so Custom Redirects will help you to avoid these errors. Custom Redirects is a tool provided by blogger, using this tool you can redirect a URL to another. Let's take an example, suppose this URL http://www.blogolect.com/p/my-page.html, this is a page which was published 5 months ago and it is popular on the web and you've backlinks for this page, but now after 5 months you want to delete this page and create a new page on the same topic, the problem is that on visiting this page people will get 404 error as it is deleted, so if you want to keep your traffic flowing to the same URL, blogger Custom Redirect tool will help you to do this, using which you can point the same URL to your new post. Today, in this post, I'm going to show you that How to Set Custom Redirects in Blogger.

How to Set Custom Redirects in Blogger

Step 1. Log in to your Blogger Account
Step 2. Select your Blog and Go to Setting >> Search Preferences >> Under the Errors and redirections menu, click Edit next to Custom Redirects

Step 3. Enter the Old URL in the 'From' field and Enter the New URL in the 'To' field (Including / Symbol)

Note: Do not enter the full address of the links, just type the address after your blog address e.g In case my URL is http://www.blogolect.com/p/my-page.html, you just have to enter /p/my-page.html
Step 4. Click the Save button and then click Save Changes button
Note: This works only if you wish to redirect within your blog, not for external links.
If you want more redirects click New Redirect button

From Editors Desk

We hope that this article helped you in learning How to Set Custom Redirects in Blogger. Share this article with your friends and don;t forget to subscribe us.

Tags: Blogging Tips / Tutorials

How to Change Mouse Cursor in Blogger

- 6 Comments

You might have seen that many sites have their own mouse cursors. When you move your cursor on their blog, the cursor automatically changes and a custom mouse cursor makes your blog different from others. Recently, one of our readers asked us to write an article on changing mouse cursor of your blog. So today in this tutorial, we'll learn that How to Change Mouse Cursor in Blogger.

What is a Mouse Cursor?

In the computers, a pointer or mouse cursor is a graphical image on the computer monitor or other display device. A cursor is an indicator used to show the position on a computer monitor. It is mostly used for clicking, select or for moving folders/files from one place to other.

How to Change Mouse Cursor in Blogger?

First of all, log in to your Blogger Account and select your Blog. Go to Template >> Edit HTML >> Search (Ctrl + F) for the ]]></b:skin> tag and paste the following piece of code just above/before it.

body{
cursor: url(Your Cursor Image), auto;
}

Now replace Your Cursor Image with the image URL of your cursor and press the Save Template Button.
Note: You can get hundreds of free cursor images here at >> http://www.cursors-4u.com/
Congratulations: You've successfully customized you mouse cursor. Now visit your blog and see the magic.

From Editors Desk

We hope that this article helped you in customizing your mouse cursor in blogger. Share this tutorial with your friends and don't forget to subscribe us.

Tags: Blogging Tips / Tutorials

How to Schedule Posts in Blogger for Auto Publish

- 1 Comment

Updating your Blog regularly is not only important for SEO but also for Alexa Ranking. We should update our blog daily in order to maintain our traffic which we're receiving currently and our ranking on the web. And one more thing that updating your blog daily on the same time also increases you ranking and traffic. But sometimes we don't have time to publish the post or we are unable to update our blog at accurate time. So, the solution of this problem is to schedule posts. You can also schedule you posts when you are busy in your exams or other occasion. Today in this article we'll learn How to Schedule Posts in Blogger for Auto Publish in Blogger.

How to Schedule Posts for Auto Publish

Step 1. From your Blogger Dashboard open or create a new post and write your complete post
Step 2. From the Post Editor's sidebar click on the Schedule option >> Set date and time

Step 3. Now you've to set the exact date and time on which you want to publish that post.

Step 4. Click on Done and you're Done
Congratulations:
Now you post will be automatically publish on the time that you've set.

Tags: Beginner's Guide / Tutorials

How to Find codes in Blogger Template Editor

- No Comments

We edit our blog's Template HTML to customize it in our own taste. Since the Blogger introduced the new HTML Template editor most of the people are having trouble in finding the codes. Some of the codes in the new blogger HTML Editor are not expanded and are hidden inside folds and because of that your browser's search option doesn't search inside that folds. So today we are going to learn How to Find codes in Blogger Template Editor.

How to Find codes in Blogger Template Editor

Step 1. Go to Blogger Template Editor
Step 2. Click anywhere inside HTML Editor
Step 3. Press Ctrl+F a search box will appear in the upper right corner of HTML Editor

Step 4. Now paste the code you want to find tin that box and hit Enter
That's all !

From Editors Desk

We hope that this article helped you in learning How to Find codes in Blogger Template Editor. Share it with your friends and don't forget to subscribe us. Take Care!

Tags: Beginner's Guide / Blogging Tips / Tutorials

How To Recover Your Blogger Blog From Backup

- 5 Comments

In our previous post we discussed about How To Backup Your Blogger Blog Posts and today in this tutorial i am going to explain that How To Recover Your Blogger Blog From Backup. If after the backup of you blog, your blog is deleted by blogger and you want to backup your blog posts, so just follow the steps below to recover your blogger blog :

How To Recover Your Blogger Blog From Backup

Step 1: Go to Blogger Dashboard >> Select Blog >> Setting >> Other And click on Import Blog option

Step 2. A new screen will appear

Step 3. Click on Browse and select your backup file

Step 4. Enter the words in image in the box and click on Import Blog Button

Step 5. All your blog posts will be imported back to your blog

Note :

If you backup your blog daily then you can recover your blog easily after serious damage or after complete deletion.

Tags: Beginner's Guide / Tutorials

How to Change Your Blogger Profile to a Google Plus Profile

- 13 Comments

Today, in this post I'm going to show you that how to Change Your Blogger Profile to a Google Plus Profile. By connecting your blogger profile to a Google Plus profile you can easily publish your posts to your Google plus profile or page and you even have the option to have your new posts self publish there. So just follow the steps below to Change Your Blogger Profile to a Google Plus Profile.

Changing Blogger Profile to a Google Plus Profile

Step 1. Log in to your Blogger Dashboard
Step 2. Click on Setting button on the top left side and then click on Connect to Google+ Button as shown below

Step 3. Now Mark the Terms button and click on Switch Now button

Step 4. Select the blogs that you want to show on your Google+ profile, click on Add Blogs button or you can also Skip this step

Thats it !! Now your Blogger Profile is Changed to a Google+ Profile

Tags: Beginner's Guide / Tutorials

How to Disable/Turn Off your RSS Feeds in Blogger

- 2 Comments

If you don't want your feed subscribers to receive any type of Email from your blog or to get notify of new posts. So, in order to do this you can Disable/Turn Off your RSS Feed. Once you turn it off, you cannot use any of the services offered by RSS. In this article, I'm going to share that How to Disable/Turn Off your RSS Feeds in Blogger.

First of all Log in to your Blogger Account and Go to Setting >> Other >> Site Feed and click on Allow Blog Feed, there you'll see 5 options :

Full : This option will display the whole content of your feed.
Until Jump Break : This option will display the content Until Jump Break.
Short : This will display short portion of content.
None : This is the option which completely disable RSS Feed of your Blog.
Custom : This shows 3 more options to customize your feed.

In order to Disable/Turn Off your feed you have to select None option. This option completely disables your RSS Feed. Select None from the list and click on Save Setting Button.

Congratulations : Now you have completely Disabled the Feeds of your Blog. To enable your feed again you can select Full or other options i.e Until Jump Break, Short, Custom whatever you want.

Tags: Beginner's Guide / Tutorials

How to Find Your Blog's ID Number in Blogger

- 1 Comment

Each blog you create has its own ID means Identification number which makes your blog
different from others on a specific blogger account. Usually, you won't need to worry about your blog ID, but occasionally it could be useful to know your blog ID number. Because several third-party services you want to install to your blog require a blog ID number. So in this article we are going to show you that How to Find Your Blog's ID Number.

How to Find Your Blog's ID Number

Step 1. Log in to your Blogger Account and select Any blog.

Step 2. From any of the posting, settings, or template pages, you can find your blog's ID number if you look at the URL in the address bar. At the end of the address, you can see that it says blogID=XXXXXX where the X's represent your blog's ID as shown below :

Note :
Every blog on your account will have a different ID number, so make sure you get the right one.
I hope that this tutorial has helped you to find your Blog's ID Number.

Tags: Beginner's Guide / Tutorials

How to Find Your Post ID Number in Blogger

- 4 Comments

All the posts that you publish on your blog has a unique ID means Identification number. Usually, you won't need to worry about this, but sometimes it can be useful when you want to apply different CSS or HTML code to a specific post without applying that code to other posts. So, in this post we will show you that How to Find Your Post ID Number in Blogger.

How to Find Your Post ID Number in Blogger

Step 1. Log in to your Blogger Account >> Go to Blogger Dashboard
Step 2. In the Blog Posts list " Edit " option is located below every Post Title

Step 3. Click on the Edit Button and the HTML Editor will open where you Edit your posts
Step 4. Now check the URL of that page in the Address Bar you will see a code at the end of the URL just like postID=XXXXXXXXXXXXX the numbers after postID= in the URL will be the ID number of that post as shown below

I hope that this tutorial has helped you to find your Post ID Number.
Enjoy !!

Tags: Tutorials

How to Disable/Turn Off the Blogger Light Box Image Viewer

- No Comments

Blogger light box is enabled on all blogger blogs. When you click on any image blogger light box opens it in an overlaHow to Disable/Turn Off the Blogger Light Box Image Viewer y and if your post has multiple images, they will appear as thumbnails along the bottom. If you don't like blogger light box and you want to disable it from your blog, so follow the steps below to disable Blogger Light Box :