Home / Arsip Untuk November 2013

Friday, November 29, 2013

Awesome Way To Drive Traffic From YouTube To Your Blog

Comment
Creating a blog and earning money from it is no more a difficult task with so many internet marketing platforms that can be used to drive traffic to the blog and earn more readers. Though most of the bloggers use the common SEO techniques for promoting their blog, there are several other easy ways in which you can direct traffic to your blog. If you wish to try something exciting, you can use YouTube as a website for marketing your blog. Driving traffic from YouTube is really easy and can be done easily by adopting some SEO techniques in the process.

youtube-traffic


YouTube is popularly known for uploading and sharing videos where you can create your own profile and upload high quality, informative videos related to your blog. The final video should be appealing and engaging and should narrate your message to the audience so that they visit your blog to seek more information. If you have selected this platform for promoting your blog, here are some awesome ways in which you can drive traffic from YouTube to your blog.

Read:  10 Steps to Jump Start Traffic to a New Blog
           Awesome 8 Tips To Get More Traffic To Your Blog

Way To Drive Traffic From YouTube To Your Blog


1. Create a YouTube Profile: the first and the most important thing in the process is to create a 
    channel for uploading the videos on the website. Creating a profile in accordance with your blog
    will help you to a great deal in uploading the videos and promoting them among the potential
     audience.

2. Upload Blog relevant videos: another important thing is to create impressive videos related to 
    your blog. The videos should be in accordance to the content discussed on the blog so that the
    readers can easily be directed to the blog.

3.  Use of keywords and transcriptions: use of keywords and transcription is a great thing for SEO
     and can help you in boosting your search engine rankings and appear on the first position of the
     search engine page when a search with a related keyword is done. So, try to identify the
     commonly used keywords related to your blog and add them to  the video description. This will
     also help people in reaching your post easily and sharing it on other platforms, which in turn
     enhances its visibility.

4. Link the video with the blog: Place the URL of your blog at the end of the description for an
    appropriate closing. Placing the blog URL will direct traffic from YouTube to your  blog
    successfully.

5. Allow commenting, sharing and embedding: a good number of positive comments on the video 
    indicate that it is really useful and can catch the attention of visitors. The  sharing option enables
    the visitors to share the video among different communities and  platforms thereby enhancing its
    visibility as well as blog traffic.

6. Keep updating the videos: in order to gain more traffic, you need to keep updating more relevant
    videos so that the interested visitors can get more info.

The above discussed tips are really helpful in driving more traffic from YouTube towards your blog. Using the several options available to you wisely will help you to a great deal in getting enormous traffic to your blog.
Author Bio: Sohan Jayasinghe is the owner and author of Bloggertrix.com .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page.

Sunday, November 17, 2013

Add Expanding Photo Stack Effect for Blogger

Comment
Last month I posted a tutorial about Animated Caption and Description Hover Effect for Blogger Images. By using it, you can add that caption and description effect to blogger images.Today im gonna explain simple tutorial about How to add Add Expanding Photo Stack Effect for Blogger Images. Every modern browsers support with this effect. You can add this to blogger side bar by re-size images.Im just using CSS3 for this animation effect.Hope you can understand it.if you have any problem regarding to this tutorial let me know. Use below button for demo.

Expanding+Photo+Stack


Some of stylish navigation bars.
           Css3 Peel Image Effect For Blogger
           Stylish Sliding Up Image Description for Blogger
           How to Make Money by Selling Your Photographs
          

How to Add Add Expanding Photo Stack Effect for Blogger


1. Go to Blogger Dashboard > Layout
2. Click Add Gadget and select 'HTML/Javascript'
3. Paste below code.
/* The CSS Code for the image starts here bloggertrix.com
<style>
#btrix_imgstack{
  width:300px;margin:0 auto;margin-top:2%;
}

#btrix_imgstack a{
  width:288px;
  height:200px;
  position:absolute;
  display:block;
  border:6px solid #f0f0f0;
  border-radius:2px;
  box-shadow:0 0 10px rgba(0,0,0,.3);
  transition:margin .5s;
  -webkit-transition:margin .5s;
}

#btrix_imgstack img{
  width:288px;
  max-height:100%;
}

#btrix_imgstack a:first-of-type{
  margin-top:-5px;
  margin-left:-20px;
  transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
}

#btrix_imgstack a:nth-of-type(2){
  margin-top:-5px;
  margin-left:-10px;
  z-index:-1;}

#btrix_imgstack a:last-of-type{
  transform:rotate(3deg);
  -webkit-transform:rotate(3deg);
  z-index:-2;}

#btrix_imgstack:hover a:first-of-type{
  margin-left:-310px;
  margin-top:5px;}

#btrix_imgstack:hover a:nth-of-type(2){
  margin-top:-5px;}

#btrix_imgstack:hover a:last-of-type{
  margin-left:290px;
  margin-top:5px;}

#btrix_imgstack a:first-of-type:hover,#btrix_imgstack a:last-of-type:hover{margin-top:-5px;}
#btrix_imgstack a:nth-of-type(2):hover{margin-top:-10px;}
</style>
<div id="btrix_imgstack">
 
  <a href="#">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnmFIsyPCvBikNOvGmako5TtS34ECeEcOdsYfQfc_DvXXWqcbbC-WZNnMve2g_a4Sv8fPtX5xFFLIzB7AvwUDSPIKOQWdg9rC4kDEvElCzhFknN6h1LLi4gxSxMRAquSeiAJElq3nPhR8/s1600/btrix_image1.jpg" alt />
  </a>
 
  <a href="#">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij7yPnYKNCpGmGz-h76mB3Vk9MjIBD7n82bgwmwQg0MS9VwCqy9qy6oungsWihnU8C-WTuZBXtHkNZzm5r_nL76gTUlksGhzuZHLgDJYFwMTantERQw4RcZ8YmifQDm_rYy-XAsKIxh0g/s1600/btrix_image2.jpg" alt />
  </a>
 
  <a href="#">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyYVg7VMdsmEQUutNWFl6y8aFyHBXEZ_yC_x8tyye9kuUlZkixM3uiTj-zS5A0M3u76VYAxffHClR-LdadIZHUjZgODafJu8lx971mh3K5Q3MyBbEW5MDbw1owix4wpNIC4Dc0iTI0tpE/s1600/btrix_image3.jpg" alt />
  </a>
 
</div>

Replace # with your links.
Replace Red color Link with your Image link.

4. Now save your HTML/Javascript'.

You are done. If you have any problem related to this Expanding Photo Stack Effect for Blogger. Just leave a comment.I will help to you.
Author Bio: Sohan Jayasinghe is the owner and author of Bloggertrix.com .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page.

Wednesday, November 13, 2013

Review of Blogger's Official App for Android

Comment
Blogger's Official App
Heyya ! While I was just scrolling slackly on my Facebook's news feed I found that fellow bloggers were sharing posts and articles that Android has some 81% share in the world smartphones and iOS was in dust. That was the moment I realized how big Android was. Subsequently it came into my mind that there is an official app for blogger too but I have never used it. So I decided to review this app so that fellow bloggers can know about it and maybe it will help them one day.

The app I reviewed is v2.1.1 and was updated on November 10, 2013. The app is available at the Play Store free of cost. You can download it by clicking on the below link.

Blogger Official App for Android



First Impression


The first impression for the app for me was quite well. It was smooth and interactive. Looked clean, simple and extremely clear to what where is. Moving on I found that it was simply a app to edit, create and work out with just posts. There was no Stats, Page Editor or Blog Settings option. Summing up the things I found the first impression of the app quite well but was dissatisfied as there was no introduction of some of the important elements of the blog in the app.

After briefly going through the apps I acquired a bunch of Pros and Cons of this app which I am going to list below.

The Pros


Lets have a quick look at the positive aspects of the Blogger Official App.
  •  The app is basically designed for travel bloggers. Functions such as Geo Tagging, Picture uploading helps a travel blogger easily update his blog without using PC, Macs or Laptops.
  • If you want to shoot a quick blog post then this app is for you. For news blog this app can be used beneficially.
  • Just like travel bloggers this app also helps photo bloggers largely with its feature to add, view, edit pictures easily.
  • The app is designed well, its interactive and clean. Its smooth to use and uses each part of the screen very well. Everything is organized is a good manner.
  • Its syncs all the posts you make within a fraction of seconds. This can be helpful if a blog has more than one author.


The Cons


Every coin has 2 sides so its here. No doubt the blogger app helps us in various way but it too has some faulties which are listed below.

  • There is no option for important things of the blog such as Stats, Blog Settings, Template Editor, Dashboard etc.
  • The app can not be used by all the professional bloggers and is limited to people who have personal blogs.
  • People have reported many errors about this app. I too faced Not Responding Popup while uploading picture from camera but it was just for a few seconds.
  • More importantly the app is primarily made and optimized for Tablets and a little work has been done for smartphones.

The Final Verdict


The final words from me would be that the Blogger App is really good but it still needs a lot of work. With the increasing number of blogger users the blogger team should pay more attention to its apps too. The blogger app should surely be in the smartphones of Travel and Photo bloggers. It can be used by normal bloggers too but would not be able to do all their desired tasks. The app has a lot of potential but requires little work.

Alternatives


Since blogger is a huge platform many other app developers have too made apps for Blogger you can check them below.

  1. Blogger-droid
  2. Blogaway
  3. Naver Blog
  4. Bloggeroid
  5. Blogpost
And many more...

Saturday, November 2, 2013

3 Ways to easily Backup your Blogger blogs

Comment
Backup blogs
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.


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.

Backup Blogger blogs

 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.

Backup blogs software

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.

I hope these methods will help you in making your blog more secure. Thanks for visiting ABT.

How to Add Blogger Related Links to Below Blog Posts

Comment
In this tutorial im gonna explain, how to add blogger related link list below posts.So, this is the exact one of bloggertrix.com related post. By using this trick,It helps to keep your readers in your website too long.It more important for increase pageviews and SEO as well.Few months ago i posted about Thumbnail View With Related Post For blogger. So, those who are not interested in links style, you can go for thumbnail effect.

Every steps are explained well.If you have a problem, just comment below.And im not gonna make new demo for this tutorial like i do.You can get a demo, end of this article.happy blogging. :)

Blogger-Related-Links

Some of stylish navigation bars.
           How to add related post widget for blogger
           How to add related post with thumbnail to blogger
           Thumbnail Related Post With Comment Hover For Blogger

How to Add Blogger Related Links to Below Blog Posts


1. Go to Blogger Dashboard > Template
2. Backup your template
3. Click on Edit HTML
4. Find  ]]></b:skin>   and add below code just below it

/* The CSS Code for the menu starts here bloggertrix.com
<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;}
#related-posts a{color:#0c0080;}
#related-posts a:hover{color:#0ab0fd;}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:12px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqf4n9R-OaTMa-HSzutsVOL-OOS99sdg9U-Paa6VICPgIb03kySrZEyeeyOxyevRY-uEqqzJla8feauQBPBvshETiKzGYIrbXPXnoCHTh1vlob1OTRIqZjQeiTyLm9dC8AjzW26Ij8dk/s1600/btrix_arrow-icon.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;
height: 20px;
margin-top: -5px;}

  #related-posts ul li:hover{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigRZ4ZTKfwauzYyLx1whzEh34ima0pr6iyCJ5x5T0EitQ32Q9PSmfXTbQCXvpgJf6YAzBD5i_9fYTJgjFx9IhveOJfrKfjCEPjMFKXFQB5vO4g5b32iGuDRDnwNocNaBQ5ple2_BcBeWM/s1600/btrix_arrow-icon2.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}</style>

5. Again  Find  <div class='post-footer-line post-footer-line-3'>  and add below code just below it
<!-- Bloggertrix Related Posts Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var maxresults=10;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
</b:if>
<!-- Related Posts Code End-->
You can change maxresult as your like ( how many related posts need to visible)

8. Now save your Template.

You are done. If you have any problem related to  How to Add Blogger Related Links to Below Blog Posts. Just leave a comment.I will help to you.

Author Bio: Sohan Jayasinghe is the owner and author of Bloggertrix.com .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page.
Subscribe to: Comments (Atom)