All of things get from here: Blogger Tutorials

/india-vs-pakistan.

india-vs-pakistan.

sachin-tendulkar-man-who-became-god.

sachin-tendulkar-man-who-became-god

india-vs-england-2012-2nd-t20i-preview.

sehwag-gambhirs-smug-overconfidence.

all-proteas-players-to-be-given-game.

Showing posts with label Blogger Tutorials. Show all posts

Friday, August 23, 2013

How to add Fly bird twitter dashing widget to your blog,.

10:29 AM Beginners Guide, Blogger Guide, Blogger Tutorials, Blogger Widgets, Widgets No comments

How to add Fly bird twitter dashing widget to your blog,.

Hey guys you are interested to get widgets and you come in the right place but just before doing some easy steps.This is one of the beautiful widget for blogger blog.Our blog is also using this widget because its looks good and also the people attract for this widget and follow your blog very easily.Yet this is most searchable widget on google.As you know the popularity of Blog is becoming high and this is not enough there are to many widgets also which attracts customer or peoples who comes on your site and click on this widget.

If you have blogger.com account then use following steps:-

sign in
Layout
Html /Java Script
and paste the following below code on that

The codes are as follows:-----

Just change the username with your username of Twitter.

How to Add Meta Tag to Blogger:Make your blog fully search engine optimized

12:01 AM Blogger Html help, Blogger Tips, Blogger Tutorials, blogging, Html codes No comments

Many of us use blogger.com to start our free blog which may be for making money or sharing your knowledge,voice through blogging.But if your blog is not Search Engine Friendly than you can not achieve your goal.For this purpose you need to make your blog fully search engine optimized and add meta tag to blogger so that people searching their keywords will easily knows your site.You have to just follow these following simple steps to add meta tag to blogger.

How to ADD META TAG TO BLOGGER?

Step 1:

Go to Blogger Dashboard > Template > Edit Html and search for <head>

Step 2:

Delete Every thing from <Head> to <b:skin><![CDATA[

Step 3:

Place following code just after <head>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == "index"'>

<tittle><data:blog.pageTittle/>

</tittle><b:else/>

<tittle><data:blog.pageName/> - <data:blog.tittle/>

</tittle></b:if>

<meta content='your Blog Description here!' name='description'/>

<meta content='your Keyword here!' name='Keywords'/>

<meta content='Author Name here!' name='Author'/>

<meta content='Author Email Address here!' name='Email'/>

<meta content='Document' name='resource-type'/>

<meta content='all' name='audience'/>

<meta content='general' name='rating'/>

<meta content='all' name='robots'/>

<meta content='index, follow' name='robots'/>

<meta content='id' name='language'/>

<meta content='id' name='geo.country'/>

<meta content='global' name='distribution'/>

<meta content='1 days' name='revisit-after'/>

<meta content='Indonesia' name='geo.placename'/>

Replace:-

To add your own description,tittle,Keywords.Please replace all above words with desire words!as shown below.

Blog Description : Write your blog Description

Blog Keywords : Write the Keywords of your blog

Blog Author : Write the author's name(Your name)

Email Address : Write your Email address

Step 4:

Click on Save Template

That's all your blog is fully search engine friendly.If you have or face any problem please comment we will contact with you through your Email Address.

Make a Blogger Blog Do follow to get lots of comments in your comment box.

9:42 PM Beginners Guide, Blogger, Blogger Guide, Blogger Help, Blogger Tips, Blogger Tutorials No comments

Making a Blogger blog do follow is a necessary thing if you want to get lots of comments .People only comments on those blogs who are do follow like our's blog.Because they need back links for their blog which improve their rankings.If your blog is No follow than these are only comments on your blog.Making a blog Do Follow will increase SPAM in your comments so you need to check all comments before publishing.Well, to make a blogger blog Do Follow is not a difficult just follow these steps:

To Make Blogger Blog DOFOLLOW

just follow these following steps might be helpful for you and your blog also.

Step1:

Go to blogger Dashboard> Edit HTML> Expand Widget templates and search for

expr:href='data:comment.authorURL' rel='nofollow'><data:comment.author/></a>

or just

rel='nofollow'

Step2:

Remove

rel='nofollow'

From Step1

Step3:

Click on Save Template and that is all you have not to do anything.Now your blog is Do Follow and will get lot of comments with SPAM.

How to backup and restore blogger templates in blogger.com.

10:58 AM Beginners Guide, Blogger, Blogger Guide, Blogger Tutorials No comments

Want to Backup Blogger Template or want to restore blogger template?

Here is a quick guide for you all to backup and restore blogger template.

If you are going to modify your template to add some cool features, codes or any other thing.You must Backup blogger template to avoid risk of any error.If you gets any error than this will help you to easily restore blogger template from previous backup.I will show you how to Backup and restore blogger template.

How to backup blogger template

Step1:

Go to blogger Dashboard> Design> Edit Html

Step 2:

Click on Download Full Template as shown below

How to Restore Blogger Template

Step1:

Go to Blogger Dashboard >Design >Edit Html

Step 2:

Click on browse button as shown below

Step 3:
Select the Template you want to store or upload and click Upload

Note:

If you are using new blogger Interface than see image above to backup and restore template.
By clicking on choose file you are able to select your xml template from your files.

How to embed Facebook posts in Blogger blog.

10:15 AM Beginners Guide, Blogger Guide, Blogger Tips, Blogger Tutorials, Blogger Widgets, Facebook No comments

Social Media has taken the web by storm,and is now increasingly being integrated with various services.Social recommendations have now become a lot more important then they were a few years ago as compared to organic search,which goes on to show that the way the average internet surfs is changing.And it's no wonder that every social network wants you to share it's content all over the web.For that effect ,Facebook,following into the footsteps of Youtube and Twitter ,has launched embeddable posts ,which will enable blogs and websites to share status updates,pictures and videos that are on Facebook.
Sharing your Facebook posts on your blog page could help with the engagement on your site.But before you can embed a post,that particular posts needs to be public.Posts with restricted privacy settings won't be embeddable .So if you're trying to embed your own posts,make sure it is public first.
..................................................................................................................................................................
How to Embed Facebook Posts to your site.
...................................................................................................................................................................

Now, there are two methods to embed posts.The Embed option within Facebook posts,and the Facebook Configurator tool.Both these methods will generate a code that can be embedded on any platform or websites,and not just on Blogger.
The Embed OPTION
Facebook is introducing this option within Facebook posts.If you click on the little drop down arrow next to a post,you will see an "Embed Post" option sitting there,among other options.

If it's a photo, you will see an Embed button underneath the photo where you normally find the Download and delete options.Once you click on that button,Facebook will give you an embed code which you can add any where.

Although this is the easiest way(apparently),Facebook is only slowly rolling it out to profiles and page.Right now, only about 5 Facebook pages have received this options,including Mashable ,CNN,The Huffington post etc.So for now, it doesn't have any real use.And that is what other blogs will tell you.But what they won't tell you about is the second method,with which you can embed any post!

Manually creating an embeddable post

In my opinion , this is the easier option.Nut it involves a bit more work.You first have to grab the URL of the Facebook post you want to embed.For photos, you can easily get the URL by clicking on them.But for other media, isn't as easy.At least it doesn't appear so at first.To get a post's URL,simply click on its timestamp.

Please go to this URL: https://developers.facebook.com/docs/plugins/embedded-posts/

Paste URL i the field provided.Once your story loads in the tool, click the get code .

How to Add a HTML5 Music Player with Playlist in Blogger

5:08 AM Blogger Tutorials, Blogger Widgets, Html5 No comments

How to Add a HTML5 Music Player with Playlist in Blogger

Installing HTML5 Music Player in Blogger:

The first thing you should do is to Login into your Blogger Dashboard through your Google account. After logging into your account, from the list of your blogs, select that blog on which you want to install HTML5 Music Player. Now go to Template >> Edit HTML and search for the ending </head> Tag. After finding the tag, just above it paste the following code.
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'/>

<link href="https://googledrive.com/host/0B0WJjcJEFNziLXFVNjE1Mms2VkU" rel="stylesheet"></link>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script src="https://googledrive.com/host/0B0WJjcJEFNziYXRYUFZEVkRNaTA" type="text/javascript"></script>
Once the whole thing is done, it is the period to save your template. Just press the “Save Template” button situated on the top right corner of your monitor screen. Now move to the next step ahead.

Adding HTML 5 Music Player in Blogger:

The next thing is to add the HTML5 music player either in your sidebar or into specific page/posts on your site. This entirely depends on your needs, whether you want it into your sidebar, posts, pages or anywhere else. It would work perfectly well everywhere. Follow the following instructions properly.

Go to Blogger >> Layout >> Add a Gadget >> Add HTML/JavaScript and just paste the following code into the HTML Text Box. Now you probably want to customize your Music player so before we save the gadget lets learn how you can customize it. For example, Changing, Music, Covers and etc.
<div class="mbl">
<div class="mbl_player" id="mnplp">
<div class="mbl_art_bg"></div>
<img class="mbl_cover" src="" alt=""/>
<span class="mnpl_title"></span>
<span class="mnpl_author"></span>

<div class="mnpl_volume_min"></div>
<div class="mnpl_volume"></div>
<div class="mbl_volume_max"></div>

<div class="mnpl_toolbar">
   <div class="mnpl_tlb_prev"></div>
   <div class="mnpl_tlb_stop"></div>
   <div class="mnpl_tlb_next"></div>
   <div class="mnpl_current"></div>
   <div class="mnpl_long"></div>
   <div class="mnpl_all"></div>
</div>

<div class="mbl_playlist">
</div>
</div>
</div>

<script type="text/javascript">
$(function(){
$('#mnplp').mnplp({
'volume': 80,
'playlist':[
{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"}
    ]
   });
});
</script>
Customization:
title: Represents the title of your music or song.
mfile: It represents the music file in .mp3 extension
author: The name of the person who composed the music.
cover: Cover thumb image that appears when the song is playing.
background: The image that appears in the background of the music player.
Congratulations: After customizing, press "Save" button located at the bottom of the window. Now, go and check your site. I am pretty sure your site would rock now. Let us know about your thoughts on this amazing gadget.

We expect that you have adored and learned how to add HTML5 Music Player with Playlist in Blogger. This gadget is tremendously robust and takes second to load, so it is understandable that it would not affect your site speed at all. Let us know what you think about it.

Popular Posts

Popular Posts

Friday, August 23, 2013

Sunday, August 11, 2013

How to ADD META TAG TO BLOGGER?

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<tittle><data:blog.pageTittle/>

</tittle><b:else/>

<tittle><data:blog.pageName/> - <data:blog.tittle/>

</tittle></b:if>

<meta content='your Blog Description here!' name='description'/>

<meta content='your Keyword here!' name='Keywords'/>

<meta content='Author Name here!' name='Author'/>

<meta content='Author Email Address here!' name='Email'/>

<meta content='Document' name='resource-type'/>

<meta content='all' name='audience'/>

<meta content='general' name='rating'/>

<meta content='all' name='robots'/>

<meta content='index, follow' name='robots'/>

<meta content='id' name='language'/>

<meta content='id' name='geo.country'/>

<meta content='global' name='distribution'/>

<meta content='1 days' name='revisit-after'/>

<meta content='Indonesia' name='geo.placename'/>

Thursday, August 8, 2013

expr:href='data:comment.authorURL' rel='nofollow'><data:comment.author/></a>

rel='nofollow'

rel='nofollow'

Wednesday, August 7, 2013

Gamer City z

Free for your eye videos

Social Profiles

Translate

B

Blog Archive

Blogger templates

Labels

Points table

Blog Archive

Blogroll

<b:if cond='data:blog.pageType == "index"'>