Showing posts with label blogger trick. Show all posts
Showing posts with label blogger trick. Show all posts

How to hide blog date header :

Follow steps- 

step 1 :Dashboard

step 2 :Design

step 3 :Edit html

step 4 :go to h2.date-header { in template code

step 5 :add new line : visibility:hidden;  after  h2.date-header { .

h2.date-header {
visibility:hidden;
margin:1.5em 0 .5em;
}


step 6 :click on save.
Adding power point presentation to Blogger :
Generally people can add content like text, images and videos to their blogs. Blogger blogs also allow these type of content to upload. Suppose if you want to add PPT to your Blogger blog , then it is hard to add ppt files to your blog. Because Blogger doesn't support PDF and power point files , so you can't publish directly those files in blogger blog through post editor. 

We can't directly upload PPT files to Blogger , but there is solution is there to add PPT files to Blogger blog. In this post I'm showing how to add power point presentation to your Blogger blog.

How to Add PowerPoint Presentation to Blogger Blog :

With the help of some third party websites ,we can add  power point presentation to Blogger blog. With Slideshare we can easily add PPT to Blogger blog. Not only with Slideshare we can also use Scribd site to add power point presentations and pdf files to your blogger. In this posts I'm explaining how to add ppt's to Blogger blogs with Slideshare and Scribd . 

Follow the below simple steps to Add PPT to Blogger Blog

Step 1 : Go to Slideshare webiste and create an account

Step 2 : Upload your power point  presentation (ppt)

Step 3 : Open your slide show and then click on EMBED, then it will open text box and copy code in that box .

Step 4 : Now go to Blogger Dashboard

Step 5 : Click on new post and click on HTML to switch in to HTML mode and then paste code in post editor box and finally click on Publish.

Like this we can also pdf files to Blogger blogs with Slideshare . Scribd is also one the best file sharing site. In Scribd we can upload any type of files.

How to add ppt to blogger blog with Scribd : 

    Step 1: Go to Scribd website and create an account and then sign in to your account.

    Step 2: Click on upload button and Click on choose
    Browse file on your pc and click on upload to save file in Scribd

    Step 3: Click on Save changes, now to share your content page , Copy that embed code 

    Step 4: Go to your blogger Dashboard

    Step 5: Click on new post and click on HTML to turn in to HTML mode and then paste code in post editor box and next click on Publish button.

    Like this when you can add PowerPoint Presentation to your Blogger blog.

    Translation Feature In Blogger : 

    Blogger providing transliteration feature. With transliteration feature we can write pots in below list of languages. Blogger allows 19 languages to translate English words in to those languages in  blogger blog post editor . List of languages blogger allows to translate English words to their languages.

    1. Amharic
    2. Arabic
    3. Bengali
    4. Greek
    5. Persian
    6. Gujarati
    7. Kannada
    8. Hindi
    9. Malayalam
    10. Marathi
    11. Nepali
    12. Punjabi
    13. Russian
    14. Sanskrit
    15. Serbian
    16. Tamil
    17. Telugu
    18. Tigrinya
    19. Urdu

    Suppose if you want to write post in Greek language , just you have to enable transliteration in your blogger blog. In this post i'm showing you how to enable transliteration in your blogger blog.

    How To Enable Transliteration Feature In Blogger Blog :

    It is easy to enable above list of 19 languages to translate English words in to their respective languages in blogger blog. Enable transliteration option is there in blogger settings. Below i'm giving procedure to enable transliteration in your blogger blog and translate English words in to other languages in post editor.

    Follow below steps to enable transliteration feature in your Blogger blog 


    Step 1 : Go to Blogger Dashboard

    Step 2 : Click on Settings and click on Language and formatting

    Step 3 : Below Language you can see Enable transliteration.

    Step 4 : Now select Enable for transliteration option and also select your preferred language

    Step 5 : Click on Save settings.

    Now transliteration feature enable in your blogger blog and now you can translate English words in to the language you selected while enabling transliteration feature.

    How to translate English words in to other language : 

    Step 1 : Click on New post

    Step 2 : On post editor tool bar your enabled language symbol button will appear

    Step 3 : Click on language symbol and start writing

    Step 4 : Now you entered characters will translate to that language

    Step 5 : Click on Publish

    Now you successfully written the post in that language you choosen. Like this you can insert words in to post editor in any language by enabling transliteration feature in your blogger blog.

    How to Add Wikipedia Search Box widget to Blogger:

    Wikipedia is one of the top site, It has a large database and free content. So if you add Wikipedia search box like Google search box , your blog visitor can search related to your blog posts on Wikipedia to get more information from your blog.We can easily add Wikipedia search box to Blogger.Blogger has Wikipedia gadget so with this gadget we can add Wikipedia search box  to blogger blog.

    Follow the below steps to Add Wikipedia Search Box widget to Blogger

    step 1 : go to blogger dashboard

    step 2 : click on layout

    step 3 : click on Add a Gadget

    step 4 : click on more gadgets and look for Wikipedia search box widget and then add Wikipedia gadget 
    Just enter title name in Wikipedia gadget configuration window.

    step 5 : click on save .

    Like this you can add Wikipedia search box to your blogger blog. 

    Just today a client requested us that he wish to open all his external links in new window or new tab when clicked and he is not willing to manually do it for each post by adding target="_blank" inside each hyperlink. We wrote down a simple jQuery script that will check all hyperlinks inside your blog pages and will only add the target="_blank"  attribute to links which are external links. It wont  put any effect to internal links of the blog. The script will only detect external hostnames and the moment it finds one, it will insert into the html a target attribute that tells the browser to open the link in a new window. Thus preventing your blog readers from leaving your blog and also helps in increasing your overall pageviews and bounce rate. We thought we shall also share the script with all of you. 

    Open all external links in a new tab

    Follow these easy steps to add this cool dynamic way of updating all external links.

    Note: This method works for both blogger and wordpress blogs, irrespective of platforms.

    1. Go to Blogger > Template 
    2. Backup your template 
    3. Click "Edit HTML" 
    4. Just above </head> paste the following script: 

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

    <script type='text/javascript'>

    $(document).ready(function() {

      $("a[href^='http://']").each(
        function(){
         if(this.href.indexOf(location.hostname) == -1) {
            $(this).attr('target', '_blank');
          }
        }
      );

    $("a[href^='https://']").each(
    function(){
    if(this.href.indexOf(location.hostname) == -1) {
    $(this).attr('target', '_blank');
    }
    }
    );

     
    });

    </script>

    PS: Please do not add the highlight code if you already have jQuery library source code installed on your blog.

         5. Save your template and you are all done!

    Check your blog and click some external links to see it working just fine. :)

    How it works? (Optional know-how)

    I have added the code twice to check once for links starting with http://  and then for https://. Normally all bloggers blogs have hostnames starting with http://  without the http:// secure protocol. Therefore I added the second instance so that the script may work even for wordpress self hosted blogs.

    The yellow highlighted part is where the script scans values inside href attributes and if the value is equal to a negative one (== -1), then this indicates that the hostname is an external domain.

    Note: If you equate the href value to a positive one (==1) inside the conditional statement, then all your internal links will start opening in new windows!

    Once the condition is met, the script then inserts a target="_blank" attribute inside the hyperlink tag. That simple!

    Hope this script proves helpful for most of you. It is extremely SEO friendly and works fine with all major browsers be it IE, webkit browsers or Mozilla.

    Peace and blessings buddies! :)

    With single change in the css code of your blog posts title in template code, we can set same changes to all posts titles in your blogger blog. With this we can set heading , font size and color, line height, background color or image. So it is better to customize posts title css code in your blog template code with out customizing individual posts title manually. Also proper customization must need to your post titles to optimize. By default all post titles contains h3 tag. But to optimize your post titles , must use h1 tag to all your post titles. But in this post we are discuss about customizing post titles, later I will show you how to set h1 tag to your post titles.

    How to customize post title : 

     

    In Blogger it is really easy to customize post titles than in WordPress. In Blogger you can easily find out the post titles CSS code, there you can do all changes. This process is easy to learn and follow.

    Follow these simple steps to customize post title in blogger blog. 


    step 1 : Go to Blogger Dashboard

    step 2 : Click on template

    step 3 : Click on edit html

    step 4 : Search  .post h3 {       in template code, you see code like below


    .post h3 {
    text-align:center;
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:$titlecolor;
    }

    here you can change font size , text-align , title color and more

    Note: Some times the above code may appear different on your blogger template, it depends on your Blogger template . When same code not appear, just find   .post h3 {   on your Blogger template code, add required html tags under  .post h3 {  and also change tags as you require.

    step 5 :click on save.

    After customizing , all the changes will effect on all your posts titles in your blogger blog.

    If you want to add background image to your blogger title the add below like to the code in step 4

    background: url("image url") ;

    Like this you can customize your blog title in blogger.

    How to set number of posts displayed on blogger home page :

    We can set number of posts displayed in blogger blog home page.We can limit number posts and also increase posts in home page on blogger.It is better to decrease the posts shown in blogger blog home page , because if blog has more posts in home then it may take more time to load.So it better to set less number of posts displayed in home page.

    Follow below steps to change the number of posts displayed on blogger home page


    step 1 : go to blogger dashboard.

    step 2 : click on settings.

    step 3 : click on posts and comments.

    step 4 : change number in Show at mostcolumn.

    step 5 : click on save settings.

    Now Go to your blogger blog and click on home button and see number of posts displaying.This method will helps to decrease number of posts displayed in blogger homepage , that makes blog to load fast. So it is also better to limited number of posts displayed in labels page on your blogger blog. 
    Facebook like/fan box :  Facebook is the most popular social networking site today. Generally bloggers use Facebook to promote their blogs on it. You can promote your Blogger blog on Facebook easily. To promote your blog on Facebook one of the best way is , adding the Facebook like/fan page to your blog. Facebook like box is one of the useful plugin for all blogs/webistes. It allows your blog visitors to subscribe your blog updates via Facebook accounts.

    Facebook like box is useful both for Bloggers and to their blog visitors. Through this blog visitors will get latest updates of a blog via their Facebook account. So automatically blog traffic will increase through this plugin.

    How to add Facebook like/fan box to Blogger blog :


    You can easily add Facebook like box to your Blogger blog. First thing you have to do is , create a fan page on your Facebook account. After creating fan page , get that fan page script code and add to your Blogger blog. In this post I'm going to show you how to add Facebook like/fan box to your Blogger blog. Later we will discuss about adding Facebook like/fan box to WordPress blogs.

    Follow below steps to add Facebook like box to your Blogger blog.


    Step 1 : Log in to your Facebook account and go to Facebook like box plugin page.

    Step 2 : Add your Facebook page url on Facebook page url box
                 And then set height, width, color scheme and show faces...

    Step 3 : After completion of customization , click on Get Code, then copy code

    Step 4 : Go to Blogger Dashboard

    Step 5 : Click on Layout , click on Add a Gadget, select HTML/JavaScript Gadget
                 And then paste code in that widget box and click on Save.

    That's it . Now open your Blogger blog and check your Facebook like box on your blog. Like this you can add Facebook like box on any where in your Blogger blog. It is the best method to add Facebook like box to your Blogger blog.

    You can also add Facebook like box to your Blogger blog by using Facebook like box code from third party websites , but that's not the good way. Because some one will leave their links in that Facebook like box code or some codes will take more time to load. So the best method to add Facebook like box to your blog is , get code directly from Facebook like box plugin page and add to your blog as explained above.
    Alexa Rank : Alexa is a web informational service company. Every website/blog has its own Alexa rank. Generally people estimate the strength of your blog based on your blog Alexa ranking. Alexa is a trust site and gives ranking based on quality traffic to your site/blog. Generally Alexa will show the Rank in Country , Percent of Visitors ,  Bounce Rate , Site links to your blog and many more. Alexa gives more useful information to a blog. In this post we are going to discuss about the importance and how to increase to increase the Alexa rank of your blog.

    Importance of Alexa rank : 

    Alexa is not directly effect on your blog SEO. Alexa rank will effect on your online marketing business. Alexa rank helps to attract the advertisers. If your blog has good Alexa rank ,  then advertisers will contact you to spend money on your blog.

    Through Alexa ranking, you can find out your competitor and you can compare your blog with others.

    How to Increase Alexa Rank of Your Blog:

    Each blog can get Alexa rank after getting some traffic. So to get Alexa rank try to get traffic to your blog. Your blog Alexa rank will improve by getting quality traffic and back links to your blog. Alexa following some quality metrics to give alexa rank to a blog/website. By following some quality tips we can improve our blog alexa rank. But the main thing is traffic, any ranking will depend on blog traffic. Without traffic no tips will follow.

    Follow below tips to Increase Alexa Rank of Your Blog


    Claim you site/blog on Alexa:
    This is one of the important step for who really want to increase their blog Alexa ranking. So to  claim your website , just create an account on Alexa and add your blog to your Alexa account.

    Use Alexa tools bar : 
    After claiming your site/blog on Alexa , next step you have to do is , install Alexa tool bar on your browser and also add Alexa widget to your blog. Actually your Alexa rank depends on Alexa tool bar users. If more Alexa rank tool bar users visit your blog , then your Alexa rank will increase. Alexa count the traffic which comes from the browsers having Alexa tools bar.

    After installing Alexa tool bar , next you have to add Alexa widget to your blog. Alexa widget helps to track the traffic of your blog. So add Alexa widget to improve your Alexa rank.

    Traffic :  Get traffic to your site/blog.
    The best method to get immediate traffic to your blog is use social networking sites to promote your blog. So use Facebook ,Twitter to promote and drive traffic to your blog. For new blogger this is the best way to boost their blog Alexa rank.

    Your Alexa rank will dramatically improve if your blog traffic will increase. So main concentrate on your blog traffic. Try to get traffic form the visitors , especially who installed Alexa tool bar in their browsers.

    Content: Maintain high quality content. Write unique content and post on your blog. Also post quality content on your blog regularly. Not only Alexa , any of them will give moire importance to quality content. That's why quality content is king.

    Make your content sharable. Try to place social media share buttons below your post content. your Alexa rank will increase , if your blog visitors more likely share your content on social media.

    Reviews : Get the review of your blog on Alexa by your visitors and also write Alexa reviews on your blog and give link to Alexa.


    Quality Back links : Building back links : Get back links from high quality sites.
    Back links also plays major role in creasing Alexa rank. Try to get quality back links , i.e get back links from high page rank site/blogs.

    Following these above tips to increase Alexa rank of your blog.
    Your blog will get traffic after your blog posts/pages starts displaying on search engines. One of the major search engine in the world is Google. If your blog pages appear on Google search engines then you can get more traffic to your blog. Your blog pages will display in Google only if Google index your blog. So after starting and posting articles on your blog, wait for some time to get indexed by search engines. If your blog pages will not indexed by Google even after few weeks , then it is better to submit your blog to Google search engine. Google bot will crawl your blog and index your blog pages/posts on Google.
    Checking indexed/listed pages in Google : Checking indexed pages of your blog on Google means finding out the pages of your blog that are displaying on Google.

    Need to check the number of your blog pages indexed by Google :


    It is better to check the number of pages indexed on Google. If you Google index more pages of your blog then automatically your blog traffic increased.So keep on checking whether your pages are displayed in search engine or not. One more important thing is try to get your blog posts in the first page of the search results.Generally people visit the sites in displayed in the first page of the search results.

    So try to post quality content on your blog , Because Google gives more priority to the quality content. Google always trying to give best results to their clients. That's why if you have worth content , one day your blog will display in top position . But position will vary more frequently , because of the competition. So keep try to check your blog posts whether indexed or not , if indexed then what is position in search results.

    Through this you can find out the unwanted pages indexed on search engines . You can stop indexing those unwanted pages using Robots.txt file.

    How to check the number of blog pages indexed by Google

    It is really simple to check the number of pages indexed on Google. Just type site colon and blog url on Google.

    Follow below steps to check the number of web pages indexed on Google.

    Step 1 : Go to Google.com

    Step 2 : Enter site:domain name.com

    Step 3 : Click on search

    Then all your indexed pages will display. By this you can find out how many of you web pages indexed in Google. You can also use this same method to check how many of your web pages are indexed by Bing and Yahoo.

    How to Remove The White Space Gap Below Comment Form in Blogger:

    By default all blogger blogs have more white space gap below comment form.This post helps you to remove or decrease the white space gap below comment form in your blogger blog.

    Follow below steps to remove the white space gap below comment form in blogger

    1. Go to Blogger Dashboard.

    2.  Click on Template

    3. Tick on Expand widget template by simply click on it .

    4. Search for below tag in template code by using Ctrl+F and search below line.
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

    5. Just below to above script line you can found line like below

     <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>


    decrease value in height (height='410' to height='100' like this) to remove white space gap below comment form in your blogger blog.
    Adding custom link to Blogger header :
    By default your blogger header is linked to your blogger home page. If you click on your Blogger blog header, then it will redirect to home page of your blog.  We can change your Blogger header redirection to another url. In Blogger it is possible to link your Blogger header to your site or other webpage.

    Getting back link from header will increase your blog traffic. If you add your blog link to some one's or your own blog ,  it will really increase your blog traffic and page rank also. In this post I'm going to show you how to add a link to your Blogger header. After linking your Blogger to another site, when you click on your Blogger header then it will go to another web site(which you added to your Blogger header).

    How to Link Blogger Header to Another Site :

    By doing small changes on your Blogger template we can easily add link to Blogger header. Just find the Blogger header redirection code on your Blogger template and add custom link in the place of home of url.

    Follow below steps to add a custom link to your Blogger header:

    Step 1 : Go to Blogger Bashboard

    Step 2 : Click on Template

    Step 3 : Click on Edit HTML

    Step 4 : Search for below code

    <a expr:href='data:blog.homepageUrl'><data:title/></a>

    and change 'data:blog.homepageUrl'  with  'another site url'

    Step 5 : Click on Save template.

    Now check the changes you applied to your Blogger by simply click on your Blogger header. If it works , it will automatically redirect to custom url which you added to your Blogger header.

    How to Reduce Space Between Gadgets(widgets) In Blogger blog:

    By default large space is there between gadgets(widgets) in blogger blogs.We can decrease or increase the space between gadgets(widgets) in blogs.This posts will help you to reduce space with out adding any CSS code to blogger, just simply change(decrease) margin values in blogger template.

    follow the below simple steps to Reduce Space Between Gadgets(widgets) In Blogger blog

    step 1 : go to blogger dashboard

    step 2 : click on template

    step 3 : click on edit HTML and tick expand widget templates box

    step 4 : search below code

    .main-inner .widget {
      background-color: $(widget.background.color);
      border: 1px solid $(widget.border.color);
      padding: 0 $(widget.padding.side) 15px;
      margin: 20px -16px;


    Decrease values in margin attribute
    like
    margin: 10px -10px;

    If you want decrease more space give small values in margin attribute.

    step 5 : click on save template.

    How to add header image to Blogger Dynamic Views :

    This post will help you to add an header image to blogger dynamic views.In blogger dynamic views there is no header widget to add header image to blogs.So to add header image on dynamic views, we need to add CSS code to blogger blog.

    Follow below steps to add header image to Blogger dynamic views

    step 1 : go to blogger dashboard

    step 2 : click on template

    step 3 : click on customise

    step 4 : click on advanced tab and then click on add CSS tab
    next paste below code in custom CSS box

    .header-bar{background:url('http://image url.com') !important;}

    step 5 : click on apply to blog

    Go to your blog and check blog header image.

    How to Add Widget/Gadget Inside Blogger Blog Header :

    By default blogger blog header widget will be locked and it has not possible to add widget inside blogger blog header.We can add extra widget inside blogger header.To add widget inside blogger header , we need to set yes on showaddelement on header section and unlock header widget and do some changes .

    follow below steps to add widget/gadget inside blogger blog header

    step 1 : go to blogger dashboard

    step 2 : click on template

    step 3 : click on edit html and tick expand widget templates

    step 4 : find below line in template code

    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

    and chanage showaddelement='no' to 'yes' and increase maxwidgets='2'
    i.e <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>



    now gadget added inside blogger header, but header gadget will not move to any where because it's locked. So we need to unlock header widget to change widget position.

    see below code in template , it will appear after above code

    <b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'>

    replace above code with below code

    <b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'>
     
    step 5 : click on save template

    now click on layout , now you can see extra widget on your blogger blog header.

    How to Add Widget/Gadget on right side of blogger header :

    suppose if you want to add banner or any search box to the right side of your blogger header, this post will help you.To add banner or any search box to the right side of blogger header , we need to add extra gadget on right side of blogger header.

    follow below steps to add Widget/Gadget on right side of blogger header


    step 1 : go to blogger dashboard

    step 2 : click on template

    step 3 : click on edit html and tick expand widget templates

    step 4 : find below lines in template code


    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='seo (Header)' type='Header'/>
    replace with below 2 lines

    <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
    <b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>

    and paste below lines after above to lines


    <b:section id='header-right' showaddelement='yes'/>
    <div style='clear: both;'/>

    and the search for  ]]></b:skin> and paste below code above it

    #header, body#layout #header {
    width:45%;
    display:inline-block;
    float:left;
    }
    #header-right, body#layout #header-right {width:30%;display:inline-block;float:right;padding:15px;}
    #header-right .widget {margin:0;}


    step 5 : click on save template

    now  go to your blogger layout and add a new gadget on header then it will show on right side of your blogger blog header.

    How to change header size in blogger blog:

    We can increase or decrease header size in blogger blog.It is easy to adjust size of your blog header in blogger.

    follow below steps to change header size in blogger blog

    step 1 : go to blogger dashboard

    step 2 : click on template

    step 3 : click on edit HTML and tick expand widget templates

    step 4 : and find below code

    /* Header
    ----------------------------------------------- */
    .header-left{
    display: inline-block;
    height: 30px;
    width: 300px;
    float: left;
    }
    .header-right {
    display:inline-block;
    float:right;
    }

    and change height and width px value to resize blogger header.if you want increase blogger header increase px value or to decrease blogger header size decrease px value

    step 5 : click on save template

    How To Add ZIP and RAR Files To Blogger Blog:

    It is difficult to add ZIP and RAR files to blogger blogs directly ,But we can add ZIP and RAR files to blogger blog with Google sites.

    follow the below simple steps to add ZIP and RAR files to blogger blogs.

    step 1 : Go to Sites.Google.com

    step 2 : Click on file cabinet and give any name

    step 3 : Go to create page and click on add file and add zip file

    step 4 : Right click on upload file and copy link address

    step 5 : Add this link to post in blogger with link tab in posts editor.

    How to add mp3 files to blogger blog:

    We can't add mp3 music files to blogger blog, we can't store mp3 files in blogger blog.To add MP3 files to blogger blog , first you have to store MP3 files in Google sites.Not only Google sites, we can also store mp3 files on any hosting sites.Below i'm explaining to add mp3 files to your blogger blog using Google sites.

    follow the below steps to add mp3 files to blogger blog

    step 1 : go to Sites.Google.com

    step 2 : create account

    step 3 : Upload MP3 file to Google sites

    step 4 : copy file storage location link on Google sites

    step 5 :  on blogger posts editor clock on HTML mode and add MP3 file link to post.

    Like this you can add mp3 files to your blogger blogs easily.

    How to turn off comment notification email on blogger blog.

    We can get comment notifications to our mails,If any visitor comment on our blogger blog , then that comment notification is send to our mail id.We can turn off comment notification emails.

    Follow below steps to turn off comment notification emails on blogger blog

    step 1 : go to blogger dashboard

    step 2 : click on settings

    step 3 : click on Mobile and email under settings

    step 4 : on Comment Notification Email delete your email id

    step 5 : click on save settings

    Now you don't get any blogger blog comments on your email. 

    Contact Form

    Name

    Email *

    Message *

    Blog Archive

    Translate Language

    Popular Posts

    click on