Rabu, 18 April 2012

How To Add or Change Favicon on Blogger Blogspot

Favicon (Favorites Icon) is the small picture (usually 16px x 16px in size) you see beside some some site's name in your browser's address bar. Having your own favicon with a nice graphical reminder of your site beside is a good way to get visitors attention. Blogger users can add a custom favicon for their blogs going to the Layout section  and by clicking on the Edit link on the "Favicon" element.


"For many bloggers, having a custom favicon (the tiny image displayed in your browser’s window or tab) is the finishing touch that ties together the design and identity of a great looking blog. Today, we're pleased to announce that Blogger in Draft users can now add a customized favicon to their blog. ~Blogger in Draft"

How To Add a Favicon to Your Blogger Blog

Step 1. Log in to your Blogger's Dashboard, go to the Layout and click on Add a Gadget link


Step 2. Click on the "Edit" link on the "Favicon" setting above the navbar element.


Step 3. A popup window will open where you can search for an image in your hard drive to replace the default favicon image. Click on "Browse" button and search for your favicon (it should have the .ico extension) - then click on "Save".



Step 4. Now you should see your own favicon instead of blogger's default favicon.


It might take some time until your new favicon will appear in your Browser's tab or window.

If you want to add animated favicons to your Blogger blogs, then follow this method below.

How to add an animated favicon in Blogger

Step 1. Log in to your Blogger account > Template > Edit HTML (if needed, click on Proceed button)


Step 2. Select the "Expand widget templates" box


Step 3. Search (CTRL + F) for:

 <b:skin> 

Step 4. Paste this code just above it:

<link href="your-favicon-links-goes-here" rel="icon" type="image/gif"/>

See the screenshot for more details
animated favicon blogger, how to





Note: replace your-favicon-links-goes-here with your favicon's link location

You can choose from here some cool favicons for your site/blog: http://www.favicon.cc/ (just download the favicon you like - upload it on tinypic or on a blogger's post, then copy the link address/direct link)

Step 5. Save the Template. And you're done!


How to number comments in Blogger/BlogSpot

This Blogger hack will show you how to add comment count inside a speech bubble, so that you & your readers can use the numbers to mention or point to a particular comment on any of your posts and besides this, it could as well improve the look and feel of your blog.

Note: This works with the previous blogger commenting system, so if you want to add this hack, you should remove first the Blogger threaded comments. Learn here How to remove Blogger threaded comments

UPDATE! Now you can add comment bubble in your threaded comments too. Read this tutorial:
How to Add Numbered Comments In Threaded Comments
blogger blogspot, tricks

How to add numbered comments on our Blogger/Blogspot blog
how to blog, blogspot blogger

Step 1. Go to Dashboard - Template - Edit HTML (click on Proceed button, if needed)


 Step 2. Select "Expand Widget Template" (make a backup)

    Step 3. Now find (CTRL+F) the following code in your template:

    <b:loop values='data:post.comments' var='comment'>

    Step 4. Immediately above/before it, paste this code:

    <script type='text/javascript'>var CommentsCounter=0;</script>

    Step 5. Find this code:

    <data:commentPostedByMsg/>

    Step 6. And immediately below/after it, copy and paste this:

    <!--comments-count-starts-->
    <span class='comments-number'>
    <a expr:href='data:comment.url' title='Comment Link'>
    <script type='text/javascript'>
    CommentsCounter=CommentsCounter+1;
    document.write(CommentsCounter)
    </script>
    </a>
    </span>
    <!--comments-count-stops-->

    Step 7. Find (CTRL+F) this tag in the template:

    </head>

    Step 8. Paste this code just above/before it:

    <!-- comments-count-starts-->
    <style type="text/css">
    .comments-number a:link, .comments-number a:visited {
    color: black !important;
    text-decoration: none !important;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR2UvQ4MLmgS6gg1gC1pW90ysBMSTbWQ9J6TDI8cn5XeUq3C9yYcnhz9Xvo-t_TjCX8PSWdtizPQ6YaN6bPXJosHe_AQQ1wdu0I4Bro-bqrEHYcvMEjjfBllG0IZhoJ3JQs9_9AGhlMJ0W/s1600/comment+bubble+1.png) no-repeat;
    width: 50px; /*image-width size*/
    height: 48px; /*image-height size*/
    float: right;
    display: block;
    margin-right: 5px;
    margin-top: -15px; /*comments-counter position*/
    text-align: center;
    font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
    font-size: 15px;
    font-weight: normal;
    }
    .comments-number a:hover, .comments-number a:active {
    color: #1BA0E1 !important;
    text-decoration: none !important;
    }
    </style>
    <!-- comments-count-stops-http://helplogger.blogspot.com-->

    Note:
    • To change the comment bubble, replace the red text from above with your own address
    • To change the color of the numbers, replace the blue text with the hex value of your color

    Comment Bubbles 

    To choose a comment bubble, right-click on the image and select "Copy Image Address/Location":


    how to blogblogger blogspotblogspot blogger, how to blogwidget blogger blogspotblogs, how to blogblogspot or blogger, how to blogtutorials, how tocomments, how to, blogspot bloggernew comment, how to blogblog design, bloggerblogger.com


    IMPORTANT: You could use any image instead of the one linked in the code above (STEP 8) but after that, you should modify the size values (width and height), so that the numbers inside the bubble to be correctly adjusted.

    Step 9. Save the template... and enjoy your comments :]

    You might also be interested in this tutorial from the same category:
    How to Add a Comment Bubble to Blogger Post Titles.


    Learn at the Google Analytics User Conference in Mexico City


    Buenos dias analistas!

    Mexico City is hosting its first Google Analytics User Conference next week on Wednesday, April 25th. This event will be a full day of valuable sessions by leaders in the Latin American web analytics market and members of the Google Analytics product team. You can view the full agenda and register at www.gauc.mx

    Our readers can get 10% off with the discount code: GAUC_GABLOG. The first two people to use that code will get a free ticket, so act fast!

    Attendees will find helpful content regardless of their skill level. Beginners and experts alike will benefit from hearing about the many new and amazing features recently released in Google Analytics. You can also choose the track that is most relevant to your role. From fundamental concepts for making analytics produce better results for your business, to tips on how to use features like Custom Variables or Campaign Tracking more effectively, there's something for everyone at this event. 

    Topics will include:
    • What's New & Fantastic in Google Analytics
    • Web Analytics Measurement Planning
    • Tag Management for Google Analytics
    • Separate Tracks for Business & Strategy, Analysis & Optimization, and Technical Aspects
    • Panels, Q&A sessions, and Help Desk breaks
    This User Conference is part of a global series of events hosted by Google Analytics Certified Partners. This series brings together Partners from each region to present content that is relevant to local Google Analytics users. This event is being hosted by Certified Partners in Mexico (Códice), Colombia (MarketView), and Argentina (Intellignos). Sessions will be presented in a mix of English & Spanish. 

    Tickets are still on sale and don’t forget to use the discount code GAUC_GABLOG to receive a 10% discount. We hope to see you there.

    Jesse Nichols, Google Analytics team

    The easiest way to increase page rank blog


    This way I read when visited  friends’ blog, then I saw that alexa widget in the sidebar of his blog posted. Hmmmmmmmmm .... it had a lot backlinks. I actually found a post like this, was doubt  whether this method could be successfully to raise the PR and backlinks. After I read it again and still not sure of backlinks that I saw in his alexa I visited the site and followed this way. And it was true, This trick could increase PR but the most important thing  was that the backlinks grew.

    The trick is very easy, you just copy the link under this condition you should remove the link from the list at number  1, then move that was number 2 to number 1, number 3 to number 2, number 4 to number 3, and so on. Then input your own blog link on the bottom of the order (number 10).
    And please invite your friends to follow this way and spread this way to all your friends.
    Description: If you could invite five people to copy this article, the number of backlinks that will be obtained are:


    1. Trik-Gue
    2. Pabrik Info
    3. WordPress Paper's
    4. bootingskoBlog
    5. YogaPeRez'Blog
    6. teacher and student
    7. Vimovista free4all
    8. BaskComp Blog
    9. PTCPaidToKlik
    10. make money free 



         Position 10, the number of backlinks = 1
         Position 9, the number of backlinks = 5
         Position 8, the number of backlinks = 25
         Position 7, the number of backlinks = 125
         Position 6, the number of backlinks = 625
         Position 5, the number of backlinks = 3.125
         Position 4, the number of backlinks = 15.625
         Position 3, the number of backlinks = 78.125
         Position 2, the number of backlinks = 390.625
         Position 1, the number of backlinks = 1,953,125

    Address and name of the blog may be included keywords that you want to also draw attention to quickly clicked. In terms of SEO you've got 1,953,125 backlinks and side effects if a visitor clicks on your link downline then you also get additional traffic.
    I suggest you try this please copy and distribute this article to your friends. Eliminate the number one and input the link to your blog address at number 10. Prove yourself the results afterwards give comment!

    Selasa, 17 April 2012

    how to make writing money at triond


    1.       Make an original and unique content in English. must not copy and paste, because the going was rejected by Triond. If quoting from a book or other article, try the words are not exactly 100%. change the style of our own language. from my personal experience, every article I wrote contains less than 300 words, so do not need to elaborate. I was not the one who is good at English, but in fact most of the articles I had published in Triond and still get the reader. so you need not worry if your English grammar bad, even I myself have 3 software translator on my laptop, of course, to help my performance in Triond.
    2.        Triond will publish your content on the network according to your content topic.
    3.        the more you read, then chances are you'll also get a lot of revenue from ads that appear accompany your item. Your article although mediocre, but if many visitors (traffic) it will generate a lot of money. from my personal experience, usually link on Facebook to promote my articles, these tactics are very powerful way to generate traffic. We submit each article link in the Search engine (search engine submitter), this is another way that is also powerful enough to bring traffic.
    4.        create content that makes people curious. Interesting content and making people curious enough to bring in traffic pretty well.
    5.        Triond has a page "community" that I think is similar to the pattern of social networking sites. if we managed to publish an article then feed the article will appear in the dashboard Triond our friend. friend so it is likely we will visit the article. the more we add friend it is possible that the more articles we visited (bring in traffic). If already registered, please add me as a friend. My username on Triond.
    6.        Triond will promote your article traffic.outbrain.com automatically via the network, so you'll get additional traffic (visits) for free, and it certainly brings together a free dollars. he he he ... not true? so make as many articles as possible in order to promote opportunities in the greater traffic.outbrain.com also ...
    7.        we will earn an additional 10% of the income of people we invite to join (Referral). so invite as many people through your referral LINK. you can promote it in forums or blogs.


    Who is he?


    Recently I got a comment via twitter and started an interesting exchange.
    Cool.  New followers. 

    So I spent a little time trying to find out who was this guy?  Twitter is interesting because I have so many colleagues on twitter that I never met (583 followers currently).  We exchange ideas, debate lessons, and support each other.  I have never talked to Jay, yet we exchange information.  He reads this blog (and your blogs?) and now I will read his.

    And he has an interesting blog! Here is his school blog (leave him a comment? Get a red dot back?)

    So we are going to find out some answers as a google review activity.  Find answers to each of these and post in an entry in your blog.  Each answer should contain a link, image, or video.  All of these answers require some thinking.  You should demonstrate that you can search effectively, process the information you find, select the best sources, and write about what you find in an interesting manner using links.

    I guarantee he will be reading your answers.  Much of Moline High may read your answers as well.  Write smart.

    1. Mr. Bohnsack teaches at Moline High School in Illinois.  Where is this school?  Find it in google earth. 
    2. If he had to fly to New York which airport would he likely fly out of?
    3. Estimate the total weight of his cattle.  His cattle are Herefords.  You will have to estimate how many cows he has and how much each weighs and do some math.  Show your work.
    4. If you go to Moline High School which college team are you most likely to root for? 
    5. If you lived in Taylor Ridge, Illinois and you wanted to take your wife out to dinner where would you be likely to go?
    6. There are two Mr. Bohnsacks at Moline High School.  Are they brothers (this one is hard)?
    7. If you were driving from Moline High School and drove west for six hours where would you be likely to stop?  How about south?  East?  Now choose your favorite of the three spots and why.
    8. If you live in Moline what colors are your tractors most likely to be? (Hint: a big company is headquartered there).

    Answers will be posted on student blogs.

    Senin, 16 April 2012

    How to Add A Comment Count Bubble To Blogger Post Titles

    A comment bubble with current number of comments displayed to each blogger post titles could make your blog more attractive. This improves not only your comments count but also allows your visitors to see what are the most popular posts on your blog. When a post has many comments, then the comment bubble will show the popularity of your posts to readers and visitors so that they might be more interested in reading them.

    So let's start adding it:


    Step 1. Go to Dashboard - Template - Edit HTML (click on Proceed button, if needed)


    Step 2. Select "Expand Widget Template" (make a backup)

      Step 3. Find - using CTRL + F - the following piece of code in your template:

      ]]></b:skin>

      Step 4. Add the below code just above ]]></b:skin>:

      .comment-bubble {
      float : right;
      width : 48px;
      height : 48px;
      background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDZoyqNSBgduEPduAFIpeXiqQn9jIFcobEe_exg4iiHurRo9zhIcvLggeLFt-9IlmoaUyT4vQb3RfseQU1jzYlq2ri9ioAbF_O1FeZ7UFzusY-Rh3oYRiOtc7bxcq-cwxHtEgc0T7v8mAS/s1600/speech+bubble+green.png);
      background-repeat: no-repeat;
      font-size : 18px;
      margin-top : -15px;
      margin-right : 2px;
      text-align : center;
      }

      Step 5. Now find this code:

      <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>

      Note: If you can't find it, search this code instead:

      <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>

      Step 6. And add this code immediately after it:

      <b:if cond='data:post.allowComments'>
      <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color: #ffffff; font-size: 18px; font-weight: bold;'><data:post.numComments/></a>
      </b:if>

      Note:
      • to change the color of the comments number, replace #ffffff with the hex value of your color;
      • to change the font size, increase/decrease the 18px value;

      Step 7. Preview your template and if everything is ok, click on Save Template.

      Comment Bubbles 

      You can choose one of the images below - right click on the desired image and select "Copy Image Address/Location", then replace the red code from step 3 with the address you just copied.

      bubble comment count, bubble blogger postsblogger comments, comment countblogger blogspot, blogger commentsblogger bubble comment countcomments in blogger titlesblogger tips, blogger tricksblogger widgets, bubble comment countbubble comment countBubble Comment CountBubble Comment Count, blogger blogspot


      That's it! Enjoy (:

      You might also be interested in reading this tutorial: