Blogging Trainings: Blogging

Showing posts with label Blogging. Show all posts

How to Backup of your Blogger blogs easily

To day i will tell you about taking backup of your important and all posts from blogger blog. you can read it step by step.

First of all Happy Diwali to all the readers of All Blogger Tricks. May this Diwali bring lot of brightness and happiness in your life.

Today I am going to tell you how you can easily backup your blogger blogs in 3 different ways. Backing a blog is a thing which must be practiced by every blogger. Though Blogger is owned by Google and is one of the most secured platform and can't be hacked easily still we never know if our password gets stolen or we by mistake delete a post.

A blogger must backup his blog periodically and to make this task easier I am going to tell you how you can do this by 3 different methods. So here they are -

Method 1 : The Traditional Way

This is certainly the most common method and many of you out here may know it. In this method we Import the blog posts and download the blog's template from Blogger.com itself. A detailed post on the same can be find on the below link which I have wrote earlier.

Read : How to make a Full backup of your Blogger blog

Method 2 : Downloading Data from Google Dashboard

This is probably the easiest method to backup all your blog's template and posts with just few clicks. So to make backup from this method follow the steps below -

1. First of all go to Google Dashboard. You would be asked to login there.

2. After logging in, click "Download Your Data" link which will be on the left sidebar.

3. Click on Create an Archive Button.

4. A list of many Google Products will come, from the list select Blogger. After Selecting click on the button "Create Archive" which will be at the top of the list.

5. After clicking a Progress Bar will show the status of your archive being created. After few seconds a download button will appear. Clicking that you will again be prompted to Sign in for security reasons.

6. One you sign in again, you can download the backup of all the blog you have in your blogger account with their template and posts. The backup is now saved in your local disk.

Method 3 : Backup via Software

The third method is also quite easy. In this method we will use a third party software which is Blogger Backup Utility. This software helps you download the posts of your blogger blog (no template backup) easily with the help of the blog's feed. You get various options to workout with the software. To make a backup from Blogger Backup Utility follow the below steps -

1. Download Blogger Backup Utility from HERE. Extract and Install the Software.

2. From the available blogs dropdown select Add/Update/Remove Blogs option.

3. Enter your Blogger ID and password and wait for the blogs list to be fetched.

4. Once the process is completed select the desired blog from the dropdown and get a look at the below options such as as save post in individual or single file etc.

5. Lastly click on Backup Posts button and the backup will be saved in the folder selected. Thats it. Your posts are now backed up and saved in your local disk.

We are working hard to provide you your desired instructions and techniques.I hope these methods will help you in making your blog more secure. We are thankful to you for visiting our blog www.bloggingtrainings.blogspot.com.

Here’s a few proven ways to make money online with blogs

When you take the time to read all the opinions, it’s clear there are some people who think you can make a lot of money with blogging and others who think it’s just a nice sideline and can’t be monetized properly at all.

What it all comes down to in the end is the way you use your blogs if you’re looking to line your pockets with cash. Following are a few proven ways that you can make money but be forewarned, regardless of the path you choose it takes a lot of work and there are no guarantees.

Affiliate Marketing

Simply put, this is a great way to work on commissions selling someone else’s product or services. One of the prerequisites here is you’ll need to believe in the product or service your standing behind. Of course it’s possible to promote someone else’s goods without really believing in them, but any blogs you write as part of an affiliate marketing campaign will be much more believable when you’re 100% behind what you’re trying to sell.

The best tone for any kind of text that you use for affiliate marketing is educational. Remember if you try and hit and prospects over the head with a hard sell, they’ll just turn away from what it is you’re trying to get them to buy. Be aware that there are many other people trying their hand at affiliate marketing at the same time. You’ll need to be able to dig in and work long and hard without immediate returns at first but making money here is a possibility.

SEO Marketing

Writing blogs and incorporating links and keywords is another way to make money. Generally there’s no shortage of smaller businesses and their corresponding websites that need this kind of SEO marketing done, but it’s important here that you’re upfront with any clients and let them know right away that a successful campaign takes three or four months to gain traction.

Of course there are many other paths that you can take when you’re looking to make money blogging. Whichever one you choose, it’s a good idea to keep in mind that you need to write in the active voice to be successful. Remember to take those few extra moments to self edit your blogs. It’s a great idea if you can find another set of eyes to look over your work before you hit the send button as well.

A lot of other tips and tricks like how to add more blogger widgets, add social book marking baar, add new sidebar, add facebook lik box , post google adse inside or below the post title , google adse between post,Horizontal manu bar for blogger, image slider for blogger, flash for blogger templates, and a lot of other tricks here at www.bloggingtrainings.blogspot.com for blogger users.

random posts Random Posts Widget For Blogger

If you’re using Blogger (blogspot), you can see that there is no random posts widget for Blogger blogs. So I make this widget for this purpose. The widget will show a number of posts (which can be modified) in a random order. This is a good way for Blogger users to suggest more content to visitors.

To add random posts widget to Blogger, go to “Dashboard” → “Layout”, click on “Add a gatget” and select type HTML/Javascript. Then paste the following code into the widget content:


<div id="random-posts"></div>
<script type='text/javascript'>
function getRandomPosts(json) {
    var maxEntries = 10;
    var numPosts = json.feed.openSearch$totalResults.$t;
    var indexPosts = new Array();
    for (var i = 0; i < numPosts; ++i) {
        indexPosts[i] = i;
    }
    indexPosts.sort(function() {return 0.5 - Math.random()});
    if (maxEntries > numPosts) {
        maxEntries = numPosts;
    }
    var container = document.getElementById('random-posts');
    var ul = document.createElement('ul');
    for (i = 0; i < maxEntries; ++i) {
        var entry = json.feed.entry[indexPosts[i]];
        var li = document.createElement('li');
        var a = document.createElement('a');
        a.title = entry.title.$t;
        for (var j = 0; j < entry.link.length; ++j) {
            if (entry.link[j].rel == 'alternate') {
                a.href = entry.link[j].href;
                break;
            }
        }
        a.appendChild(document.createTextNode(entry.title.$t));
        li.appendChild(a);
        ul.appendChild(li);
    }
    container.appendChild(ul);
}
</script>
<script src='/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999999' type='text/javascript'></script>

To change the number of random posts will be shown, change the value of maxEntries in the 4th line (the default value is 10).


var maxEntries = 10;

After that, save the widget and refresh your blog, you’ll see the random posts right in your blog.

We have great collection of Best tricks and tutorials, Bloggingtrainings.blogpsot.com is a Blog Providing with Blogger widgets, help, blogger tips, blogger tricks, hacks, Blogger Gadgets,Plugins and Blogger resources with great skills and templates.practical SEO Tips and all things Blogging,is about Blog tricks & tips, Traffic generation, Backlinks, Search engine optimization, Web designing, E money, Social media, Facebook tricks,Blogging Discussion, Tips & Tricks,logging tips, tricks, how-tos, news, tools and resources, bloggingtrainings.blogspot presented in easy to understand tutorials.Keep visiting us if any links is not working or you want sme more help, then keep looging at bloggingtrainings.blogspot.com.or contact us 0323-7591466.

syntax highlighter Howto Install SyntaxHighligher In Blogger

SyntaxHighlighter helps a developer/coder to post code snippets online with ease and have it look pretty. SyntaxHighlighter is developed in Javascript by Alex Gorbatchev. SyntaxHighlighter is the most popular script for syntax highlighting and widely used by many blogs, websites. It has many wonderful features like: view source code in plain text, copy to clipboard, valid XHTML, … SyntaxHighlighter supports many languages and has bunch of themes.

Install SyntaxHighlighter In Blogger

Installing SyntaxHighlighter In Blogger is easy, just open your template and paste the following code right before the close tag </head>:


<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"></link>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

SyntaxHighlighter supports many languages, each language has its own javascript file. To install syntax highlighting for more languages, you can view list of supported languages, get the javascript’s file name and include it with the following syntax:


<script src="http://alexgorbatchev.com/pub/sh/current/scripts/LANGUAGE_FILE_NAME.js" type="text/javascript"></script>

There’re many themes for SyntaxHighlighter, too. To change theme, go to the homepage and get the file name for theme and change this line:


<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>

into:


<link href="http://alexgorbatchev.com/pub/sh/current/styles/THEME_FILE_NAME" rel="stylesheet" type="text/css"></link>

Howto Use SyntaxHighlighter

To highlight code, just wrap it into a pre tag with the following syntax:


<pre class="brush: js">
// Your code here
</pre>

Notice the class="brush: js". It defines the language for syntax highlighting, in this situation: JS – Javascript. To know more about brushes, you can see a list of them on the homepage.

The second important note is the code inside pre tag must be escaped (< and > must be changed into < and >). There’re many online tools for blogger to do that, one of them is Code Converter.

Using pre tag is the traditional way. Another way to highlight code is using script tag:


<script type="syntaxhighlighter" class="brush: html"><![CDATA[
// Your code here
]]></script>

The benefit of this method is ability to place virtually anything inside the CDATA without having to escape anything, so this allows for a straight ‘cut and paste’ experience from your favorite text editor.

If you need more information about SyntaxHighlighter or more configuration, please go to thehomepage. You can see SyntaxHighlighter in action here, at Deluxe Blog Tips. It’s really pretty and I’m feel good with it.

Auto Readmore Script Improved for blogger

The auto readmore script is first created by AnhVo at vietwebguide.com (the website is not available now). Based on this idea, I create a new auto readmore script with more options:

Add default thumbnail image when posts don’t have any images.
Option to turn off auto readmore for some first posts.
Option to turn on/off auto readmore for homepage and label page.

How to install

Go to Dashboard → Layout → Edit HTML, check Expand Widget Templates. Find </head> and insert this code before:


<script type="text/javascript">
var summaryConf = {
    showImage: true,
    imgFloat: 'left',
    imgWidth: 120,
    imgHeight: 90,
    defaultThumb: 'http://rilwis.googlecode.com/svn/trunk/hontap/images/no-thumb.jpg',
    words: 65,
    wordsNoImg: 80,
    skip: 0,
    showHome: true,
    showLabel: true
};
</script>
<script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/blogger/summary.min.js"></script>

After that, find this line in your template:


<data:post.body/>

Replace with:


<span expr:id='data:post.id'><data:post.body/></span>
 
<b:if cond='data:blog.pageType == "index"'>
    <script type='text/javascript'>summary("<data:post.id/>")</script>
<b:else/>
    <b:if cond='data:blog.pageType == "archive"'>
        <script type='text/javascript'>summary("<data:post.id/>")</script>
    </b:if>
</b:if>

That’s all! You can refresh your blog and see how it works.

How to change options

The options are very easy to change. It’s declared in the first part of script above. These are their meanings:

showImage: do you want to show thumbnail? If yes, set it true, if no, set it false.

imgFloat: there are 3 values of this option: 'left' – float thumbnail to the left, 'right' – float thumbnail to the right and 'no' – no thumbnail float. Note the quotes around values.

imgWidth and imgHeight: thumbnail size.

defaultThumb: default thumbnail URL, used when posts don’t have any images.

words và wordsNoImg: number of words shown in summary when have thumnail and no thumbnail.

skip: skip some first posts, don’t apply auto readmore for them. If this option is set to 0, all posts are applied auto readmore.

showHome and showLabel: allow or not auto readmore for homepage and label page. true is allowed, false is not.

Adjust these options to fit your blog and enjoy!

How To Add Lightbox Effect To Blogger

Lightbox is a simple, unobtrusive script used to overlay images on the current page. The Lightbox effect is useful when your post has many images or images with large sizes, it helps people to save time browsing images in an impressive way. We’ll see how to add Lightbox effect toBlogger (blogspot) blogs.

We are going to use the jQuery Lightbox plugin for Blogger. And before going into detail, you might want to see Lightbox in action (click on the image above to enlarge).

How to install

Image%2B1 How to add Lightbox effect to Blogger

Add the following code right before the </head> tag:


<link href="http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js" type="text/javascript"></script>

Image%2B2 How to add Lightbox effect to Blogger

This will add the CSS and JS files into your template. These files are hosted in my Google Code project, but you can download them (with links above) and save into your favorite host.

How to use

Once you’ve done the installation, whenever you want to add Lightbox effect, switch editor mode to HTML, and wrap the image IMG tag inside a A tag as the following code:


<a href="url of the full-size image"><img src="url of the thumbnail" /></a>

Image%2B4 How to add Lightbox effect to Blogger

Using Lightbox in blog posts is a good way to keep visitors not browsing to other pages for just viewing images. One of other advantages of using Lightbox is that you can use thumbnails in post content instead of full-size images, that reduces total size of page, thus reduces page loading time.

Blogging Trainings

How to Backup of your Blogger blogs easily

Method 1 : The Traditional Way

Method 2 : Downloading Data from Google Dashboard

Method 3 : Backup via Software

Easy ways to make money online with blogs

Random Posts Widget For Blogger free

Install Syntax Highligher In Blogger

Install SyntaxHighlighter In Blogger

Howto Use SyntaxHighlighter

Auto Readmore Script Improved for blogger

How to install

How to change options

How To Add Lightbox Effect To Blogger

How to install

How to use

Advertisement

Labels

Popular Posts

Books Categories

Ad

visitors

Template Information

Test Footer 2

Template Information