Showing posts with label Blogger Tutorials. Show all posts
Showing posts with label Blogger Tutorials. Show all posts

Friday, 23 August 2013

In , , , , by // 10:29 // Leave a Comment

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

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:-----


<object type="application/x-shockwave-flash" data="http://www.mylabworld.in/2013/08/how-to-add-fly-bird-twitter-dashing.html" width="150" height="150"><param name="movie" value="http://www.mylabworld.in/2013/08/how-to-add-fly-bird-twitter-dashing.html" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=MYLABOFBLOGGER" /><a href="http://mylabworld.in/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://mylabworld.in/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://mylabworld.in/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=MYLABOFBLOGGER"></embed></object>



Just change the username with your username of Twitter.


Read More

Sunday, 11 August 2013

In , , , , by // 00:01 // Leave a Comment

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

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 == &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'/>



  •  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. 


Read More

Thursday, 8 August 2013

In , , , , , by // 21:42 // Leave a Comment

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

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.
Read More
In , , , by // 10:58 // Leave a Comment

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

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.
Read More

Wednesday, 7 August 2013

In , , , , , by // 10:15 // Leave a Comment

How to embed Facebook posts in Blogger blog.

How to embed Facebook posts in Blogger blog.






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 .
Read More
In , , by // 05:08 // Leave a Comment

How to Add a HTML5 Music Player with Playlist in Blogger

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.
Read More

Designed By Rajjaiswal of Helpers blog. In Association With About Us and Privacy Policy.

© 2012 MyLab : How to, Reviews, Guide