Blogger Tips and Tricks MyBlogTools.Com

Home » Posts filed under Blogger Tutorials

Showing posts with label Blogger Tutorials. Show all posts

Learn to Put your Blogger Site on Maintenance Mode

Posted by Unknown Saturday, 1 November 2014 0 comments

You might have seen sites which show a message that “Our site is in Maintenance mode, please try accessing later”. Many popular site uses maintenance mode when they are going through a monthly maintenance check or improvising site experience because nobody likes to land on a page that is either broken or no longer reachable. in other sense, new websites often use it as coming soon page allowing users to sign up to be notified when site is ready for launch. In this article, we will show you how to put your blogger site on maintenance mode.

First thing you need to do is to download Soonex – Maintenance mode template. Since, you are putting your site on Maintenance mode so be sure to take a backup of your existing template. Now upload the template to your blogger site. After uploading the, you need to go to Blogger >> Layout >> to configure the template.

This template setting is divided into three different sections i.e. tabs, first one is home, second is about and third is contact.

Adding Welcome Note:

Soonex allows you to create beautiful pages to provide improved user experience. The first option is of “Welcome Note” that you’ll find in the Layout area on blogger dashboard. To customize press the “Edit” link and input the description which you want to display on your site, weather your site is on maintenance mode or you are about to launch a new site.

Once you’re done writing it, press “Save” button to store the changes you made to the template.

Adding Email Subscription:

Soonex also allows you to add a subscription widget from which users can subscribe to your feeds and can also receive notification when your site goes live again. To customize, go to “Email Subscription” and press the “Edit” link. Now input the username of your feed (Example feeds.feedburner.com/myblogtools, here myblogtools is the username).

Once you are done with adding the username, press “Save button.

Adding Countdown:

If you are creating a coming soon page, or you would like to display a accurate time to your users when your site will be up, then scroll down to "Countdown Settings" and press “Edit” link. Now enter the time and date of the countdown in this format 2014/10/15 12:00:00.

However, If you don’t want to display the countdown widget then simply leave the text area blank or input “empty” in the text area and press “Save” button to store the changes.

Adding About us:

You can also add information about your site. Go to “About The Company” and press “Edit” link. Now in the text, insert the information you would like to display on about tab. Once you’re done press “Save” to store the changes.

We hope this article would help you in creating a powerful under maintenance or coming soon page for your blogger site. Have you ever used a maintenance page on your site, if yes feel free to share your knowledge in the comments below. If you like this article then, share it on Twitter, Facebook and Google+.

Learn To Create a Social Content Locker in Blogger BlogSpot 2015

Posted by Unknown 0 comments

ATTENTION: The Tutorial is Update, Please Update Your Scripts or it will not work!
How many people are using Social networking websites to boost their Website’s Traffic? There are tons of professional Bloggers who entirely depends on the Social Traffic. However, it is extremely difficult to get social exposure quickly. Though, there are some widgets which help to increase social followers, but it is not enough. If we want to dominate the social web, then we have to make use of each and every opportunity that we have. For that reason, we have come up with one of the much anticipated Social Widget of all time, Social Content Locker.

Do you use multiple social sharing widgets on each and every page of your site? However, still your social exposure is on the lower side. Actually, the problem is that, people love your content. Therefore, they don’t click the social buttons and instead Read and leave your website because they don’t care about your traffic or your website. Asking people to like, +1 or tweet to get access to your content is indeed an ideal way of forcing users to share it on the social web.

Social Locker consists of three social buttons and a locker displaying horizontally. The Social buttons consist of Facebook, Twitter and Google plus. Whenever, a person would either press Like, Tweet or Plus one button it would display the hidden content. This allows a person to get more real social followers. Feel Free to enjoy the Following Real time Demo.

How To Install Social Content Locker in Blogger?

The Steps are extremely straightforward that even a small kid can follow it. There is no need of learning any Html coding because all we have to do is to copy paste the coding. Just follow the following instructions.

Go To Blogger.com >> Template >> Edit HTML >> Proceed.
Search for </head> just and above it paste the following CSS Coding.

<link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/>

After pasting the coding save the template and proceed to next step.

How To Add Social Content Locker in Blogger:

Now whenever a person wants to add a Social content locker in his specific article, then he can follow the following instructions. (Remember: The same steps can also be used on Gadget Area and even in a template).

Go To Blogger.com >> New Post.
Select the HTML Tab from the blogger post editor and paste the following coding.

<article id="default-usage">

<div class="to-lock" style="display: none;">



<div style="text-align: center; margin-bottom: 20px;">

<img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />

</div>

<div style="text-align: justify">

Add Your Hidden Text Here

</div>



</article>

</div><div id="mblunlocker"> </div>

<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/lockers.js"></script>

<script>

jQuery(document).ready(function ($) {

$("#default-usage .to-lock").socialLock({

text: {

header: "Share it To Unlock This Content",

message: "Yes, this is Social Locker. Just try it, click on one of buttons."

},

style: "ui-social-locker-secrets",

buttons: {

order: ["twitter", "facebook", "google"]

},

// twitter options

twitter: {

url: "http://www.myblogtools.com",

text: "Upgrade your social buttons to get more social traffic!"

},

// facebook options

facebook: {

url: "http://www.facebook.com/xossipchat",

appId: "418044881593120"

},

google: {

url: "http://www.myblogtools.com"

}

});

});;;;

</script>

Customization:

For Facebook: Replace http://www.facebook.com/mybloggerlab with your Facebook Page.
For Twitter: Replace http://www.mybloggerlab.com with your Website's URL or etc.
For Google+: Replace http://www.mybloggerlab.com with the URL of your website or post.
Replace Add_Hidden_Image_Here with the Image that you want to Hide.
Replace "Add Your Hidden Text Here" With the text that you want to hide from users.

Remember: Don't forgot to Add Facebook App ID otherwise the Facebook Like button will not appear properly. i.e. Replace 418044881593120 from above coding.

All Done: That's All, we hope this widget would help everyone to magnetize more social followers on your website. Feel free to leave your comment.

From The Editor's Desk:

We are sure this widget would act as an icing on the top. However, using source code a user can easily get access to the hidden content but he should be smart enough to do that. Mostly visitors are not that smart so don't worry about it. What are your thoughts about this widget? Suggest would be welcomed Take a lot care of yourself till then, Peace, Blessing and Happy socializing.

Original Resource: