Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts
| 0 comments ]

Install widgets translator or "translator" in the blog has many useful. Translator is useful when there are visitors from other countries who deliberately or not the blog to see us and they do not know the language so they can use this widget to translate into the language they want. And what you want, this can also translate the work of the school / college easily. Why? would like to make? is easy....

1. Login to Blogger menu select "Layout"
2. Then click on "add a gadget =".
3. Then select the HTML / Javascript "
4. Then enter the following script to them.

5. Then save.
Now try to open your blog and see if it showing as what we want.

Technorati Tags: ,,
| Continue Reading..

| 0 comments ]

For the new bloggers, will be around to enjoy the facilities of the new blogger.com, namely comrade can set the font type (character) and the font color with very easily. Below are the steps to set the Fonts and Colors (especially for new bloggers with a new template, while the blogger to use the classic template, the menu is not provided).

Click the "Fonts and Colors," will appear several settings: (for this special template "minimal")

  1. Page Background color -> Please click on the color of the right in like that
  2. Text Color -> color settings from the character's post -
  3. Link Color -> settings for color character in the link
  4. Blog Title Color -> the Blog title character color
  5. Blog Description Color -> settings for blog color character description
  6. Post Title Color -> color settings title character's post
  7. Border Color -> settings box the color of the blog title, and a line separator
  8. Sidebar Title Color -> color settings of your title character in the sidebar (the side)
  9. Sidebar Title Color -> settings for color character in the sidebar (the side)
  10. Visited link Color -> settings for color character when visitors visit a link to the section that contains links
  11. Text Font -> the type of character, character to apply the results of the post or character that is in the sidebar
  12. Sidebar Title Font -> type settings for the title character in the sidebar and the date of posting
  13. Blog Title Font -> The title character of the blog
  14. Blog Description Font -> Settings type of character decryption blog
  15. Post Footer Font -> the type of character footer (example: by)
  16. Click "Save Changes" to end the settings. Selesai Done

For the template-template template other than "minimal", basically just the same, only there is little difference, but it is not difficult. To know where the papers are in the fox by you, you just see where that changed his writings on religion, which is located next to bottom.

Technorati Tags: ,,,
| Continue Reading..

| 0 comments ]

Benefits of the "related articles" or "Related Post", is the blog readers can easily find other information that is related to the article you are reading. For example, as at the end of this article, there are links of related articles based on what category with the same label. Want to know how to make it?

Quite easy to do, follow the following STEP:
1. Log in to Blogger
2. Select the "Layout -> Edit HTML"
3. Check the box "Expand Widgets Templates."
4. Then download "THIS SCRIPT"
5. Open the file and then copy all the scripts that are inside.
6. After that, search this <data:post.body /> code, and place the script after it (below <data:post.body />. With blog that already have "Read more" hack it will usually have 2 code. So, put this after the first code.
7. Save your template and see the result.

Additional Note:

After so, if you want to change "Related Posts by Categories", just looking at the HTML code and change it as you wish…

Technorati Tags: ,,
| Continue Reading..

| 0 comments ]

One of the blog tool accessories as well as blogs that are often in use by the blogger that is installed statistics tracker. With such blog statistics , then we or a visitor can also find out how how and who have visited our blog. It also can be at once as a tracker that we can know the visitor statistics from where they come from, whether from search engines, blog or other content from anywhere, we can find out.

Now how do we make these statistics? The easy way is we use the site statistics. In many sites the statistics are free, as an example is the http://www.sitemeter.com. Here is an example of tool that we can select:

To get it, please follow these steps:

  1. Please visit the site http://www.sitemeter.com.
  2. Click Sign Up to register
  3. Click the button marked Next
  4. Click the Next button again
  5. Fill in all the table and click the Next button again
  6. Fill the form, and then click Next again
  7. Click the Next button again.
  8. After a short description of the process of signing up is complete, you must do verification, please open your email to check it.
  9. Open the email that came from sitemeter.com, there is a username and password to log in to sitemeter.com
  10. Open Sitemeter.com and please log in with your id
  11. When you are logged in, click the menu Manager
  12. Click Menu Style Meter to select the tyle of your site meter
  13. Select the style you like, then click the Select button
  14. Click the HTML Code
  15. Click on Adding site Meter to a Blogger.com
  16. Copy all the given HTML code and paste in Notepad
  17. Click the Logout to exit site
  18. Done, time to blend it with our blog.
Now our task is to enter the code that were given, follow these steps:
A blog with a classic template:
  1. Sign in to blogger with your id
  2. Click the TEMPLATE
  3. Click Edit HTML
  4. Click Find (on this page) ... ⇒ to speed up search progress.
  5. Write the word where you want to place, for example on my blog is a blogger (as close to the key bloggers) click Find
  6. Copy & paste the code that has been in the store earlier in the notepad, and then click the Preview button to see the changes that occur
  7. If you happy with the earlier changes, click Save Template Changes. Done.


A little extra, if you want to position the site meter located in the middle, add the code to stay <center> ...your sitemeter code... </center>

For the new blogger template:

  1. Log in with your blogger ID
  2. Click on the layout menu
  3. Click the Page Elements
  4. Click Add a Page Element
  5. Click ADD TO BLOG menu on the HTML / JavaScript
  6. Write a title on your site meter field in the form title (if you want to have information. If not, mine just empty)
  7. Copy & paste the code from Sitemeter.com into the field
  8. Click the Save Changes
  9. Click the new page element you created earlier, then move and hold to place that your way (in drag & drop)
  10. Click the Preview button to see changes in the new window
  11. When its done, click the Save button
  12. Done

To function as a sitemeter tracker, please log in to your sitemeter.com.

You have new tracker statistics!

Technorati Tags: ,,,
| Continue Reading..

| 0 comments ]

My friend ask a question in writing through the Shoutbox. He asks how to remove the Blogger Navbar, and this time I will try to explain.

What is the Blogger Navbar? Blogger Navbar is a small frame that located at the top of the blog. This frame work to log into blogger, or can also as a way to see a blog or another can also to mark the blog had violated TOS blogger blog as containing elements of pornography to be reported to blogger.

Whether we can remove the Blogger Navbar? If so then the answer is “yes”, but, please read the first blogger TOS carefully, because the risk will be very heavy. The account will be closed and you will lose your lovely blog. Fair chilling?

Indeed some time ago, news spread that there have been a party to ask whether the blogger can remove blogger navbar or not? and he said that for now on they allows the blogger to remove the navbar, but i dint’t sure whether the news is true or not. Always carefully read the TOS.

Still insist to eliminate blogger navbar? If so, but the risk in the responsibilities of each of you, I am not responsible in the future if something happens with your blog.

To hide blogger navbar, you have to understand this CSS style sheet:

/* hide navbar / *
----------------------------- */ ----------------------------- * /
#navbar-iframe { # navbar-iframe (
height:0px; height: 0px;
visibility:hidden; visibility: hidden;
display:none display: none
} )

Or can also put the following code under the code exactly below <body> tag:

<style type='text/css'> <style type='text/css'>
#navbar-iframe {display:none;} # navbar-iframe (display: none;)
</style> </ style>

Its up to you. Both have the same functionality. Still confused by code above? Please follow the following steps:

  • For a classic template
    1. Sign in at blogger
    2. Click the Template
    3. Click the Edit HTML
    4. Copy the entire code and save in the computer as a backup data to secure the original templates code.
    5. Copy and paste the following code before </style> tag:
      /* hide navbar/ *
      ----------------------------- */ ----------------------------- * /
      #navbar-iframe { # navbar-iframe (
      height:0px; height: 0px;
      visibility:hidden; visibility: hidden;
      display:none display: none
      } )
    6. Click the Save Template Changes
    7. Done.
  • For a new template
    1. Sign in to blogger
    2. Click the Layout
    3. Click the Edit HTML
    4. Click the link titled Download templates all, please save it for the first backup.
    5. Copy and paste the following code before ]]></b:skin>
      /* hide navbar / *
      ----------------------------- */ ----------------------------- * /
      #navbar-iframe { # navbar-iframe (
      height:0px; height: 0px;
      visibility:hidden; visibility: hidden;
      display:none display: none
      } )
    6. Click the Save Template
    7. Done.

    Enjoy your blog without blogger navbar!
  • Technorati Tags: ,,,
    | Continue Reading..

    | 0 comments ]

    More questions to make the facilities Read More .. or more .. on the new template (XML), this topic, it appears that in most interested in and read by the new bloggers. This is evident from the many comments that the article in the entrance, a cheerful because they are successful and there is also a little disappointed because there are still a failure.

    With the many failures, it can pull in the conclusion that the method I had to still less to understand. Of course it would be in the right way in the delivery of a guide.

    Some time ago there was a comment that entry in one of my articles (articles which I forget a little lazy and open the document for comments) that the method of delivery is very easy to understand, then the opportunity this time I will try the method in the article How to create Read more functions .. or more ...

    My advice, when you do Editing in the code template, you should not use the Internet Explorer browser, especially Internet Explorer 6, use another browser like Fire Fox or Opera. For those who did not have the Fire Fox browser can be downloaded for free here! and to the Opera can be downloaded here!, I do not use Internet Explorer? This is my personal experience when editing often find an error message when using IE, the browser and if wear another error message does not appear (the editing process success), and I have read in many forums that bloggers reported this issue and the bloggers themselves to recommend while using a browser other than IE (sorry forget to note the address of the link it).

    For those who have not successfully make the ... read more, try to follow the following steps:

    Step # 1
    * Sign in blogger with your id.
    * Click Settings
    * Click Format
    * At the bottom screen, there is the text area beside the empty paper templates Post, fill the empty text area with the code below:

    <span class="fullpost">

    </span>

    * Click the Save Settings button
    Installation of this code at up to post articles at the time, the code appears directly without having to write first, so help us to not have to always remember the code.

    Step # 2
    * Click on the menu Dashboard
    * Click the Layout
    * Click the Edit HTML tab
    * Click the Download full templates.
    * Please save the template first, in this up to reduce the risk of error when when editing on the template, we still have to back up data as it originally.
    * Please check the box next to the writing Expand Widget Templates, see the picture below:

    # Wait a moment when the process is underway
    # Please find the following code in the code template you belong to:

    <data:post.body/>

    Or like this :

    <p><data:post.body/></p>

    Remove the code above, and replace it with the code provided below :

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/>
    <a expr:href='data:post.url'><strong>Read More...</strong></a></p>
    </b:if>

    * Click the Save button Template
    * Done.

    How to Post Articles
    * Click on the Post menu
    * Click the Edit HTML, the code automatically appears, we have been setting before, namely:

    <span class="fullpost">

    </span>

    Write articles that we want appear on the blog before the code:

    <span class="fullpost">

    Write the entire rest of article after code above, and before the code :

    </span>

    * Click the button marked publish POST
    * Click the View Blog (in new window) to see results from our backyard, and then see whether or not the result of success. If not, there may be a part of error. Try again and see.

    Hopefully with this post no longer a failure to make the Read more menu...

    For those of you who follow this tutorial and experienced failure, do not panic when your blog becomes horrible (so he said in comments), upload again the backup template and it will return to the original state before the editing process.

    Try it yourself! Its fun.

    Technorati Tags: ,,,
    | Continue Reading..

    | 0 comments ]

    Such as navigation on the more familiar with the name "breadcrumb-navigation". With a "breadcrumb-navigation" readers can easily see the position of the articles in the search for and read the articles in one category.

    What is the "breadcrumb-navigation" in pairs on the template blogger? The answer is of course can be.

    If you observer Revolution theme paper brian Gardner, you may never see a row of simple navigation on the title of the articles are read in, for example screenshot like this:

    With a few modifications in your template code, the "breadcrumb-navigation" you will soon have. Here is trick.

    1. Please log in to blogger with your ID.

    2. Click the Layout.

    3. Click the Edit HTML tab

    4. Click Download Full Template and please back up your template first.

    5. Please check the box next to the small writing Expand Widget Templates.

    6. Please find the code ]]></ b: skin>

    7. Copy and paste the code below exactly in the code ]]></ b: skin>

    . breadcrumbs (
    padding: 5px 5px 5px 0px;
    margin: 0px 0px 15px 0px;
    font-size: 95%;
    line-height: 1.4em;
    border-bottom: 3px double # e6e4e3;
    )

    8. Please find the following code in your template:
    <div class='post entry uncustomized-post-template'>

    9. Copy and paste the code below exactly under the code <div class='post entry uncustomized-post-template'>

    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>

    Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    </b:if>
    &#187; <span><data:post.title/></span>
    </b:loop>
    </b:if>
    </b:loop>

    </div>
    </b:if>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <div class='breadcrumbs'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
    </div>
    </b:if>
    <b:else/>
    <b:if cond='data:navMessage'>
    <div class='breadcrumbs'>
    <data:navMessage/>
    </div>
    </b:if>
    </b:if>

    10. Click the Save button templates.

    11. Wait some time until the template you saved.

    12. Open your blog page, click on the article title. Please see the results.

    13. Done.

    If steps are correct, then the "breadcrumb-navigation" will be like this:

    Smile!

    | Continue Reading..

    | 0 comments ]

    If we make change or edit the blog HTML sometimes we will encounter difficulties, especially for beginners who are still slightly. Whether it's the code that cannot be find if i want to edit it, It can't be saved because there is an error. This tricks and tips at this time will try out how to overcome or at least reduce the problem "is just" a sometimes or often occurs.

    Here are some tips to edit the blogger HTML:

    1. Backup Template

    Backup your template is important because if there things that did not want, for example, a blog is broken so we can make them normal (pre-damaged) if we have previously templates backup. click on the link "Download Full Template" and save the template files in the computer. If error, we just upload a file template back to normal.

    2. To provide the checkbox "Expand Widget Templates"

    This is the sometimes undermined the "editor". If the box "Expand Widget Templates" is not checked then html code is likely not found. But sometimes this does not need to be done depending on the instructions of tutorial.

    3. Make Search Tips

    To facilitate the search code is the first to copy the code that would search and press "Ctrl + f" and enter the code was copied into box appears. If searched for instance the code that does not appear then try searching for some of the code. ex: The code would I seek <p> <data:post.body/> </ p> if not for the CB or seek some data such as this: if the facts post.body click the button next to see whether there are other codes for the same ensure the desired code. But these tips seem difficult to do if you use the "Chrome" browser most easily if using "Mozilla Firefox".


    4. Facing the tips of the error occurs

    If the results of edits while save progress the error message popup, for instance, like this:

    “We were unable to save your template We were unable to save your template

    Please correct the error below, and submit your template again. Please correct the error below, and submit your template again. “

    “Your template could not be parsed as it is not well-formed. Your template could not be Parsed as it is not well-formed. Please make sure..... Please make sure ..... “

    So what must we do is try to understand the error message. Then we check back at tutorial if we read the steps that we already do really accordance with tutorial. If not sure we can repeat again the tutorial provided from the beginning by clicking the button "Clear Edit" first.

    May be a problem for facing various error messages will be working on another more specific topic.

    See you at the next tips.

    Technorati Tags: ,,
    | Continue Reading..

    | 0 comments ]

    For freelance bloggers there is a huge range of pay available by writing for different blogs. Some will pay only a few dollars per article while others can pay very well. Of course, the pay is impacted by factors such as the income of the blog and the complexity and detail of the posts being written.

    Additionally, many blogs pay freelancers at different rates according to their skills and to the results that they produce. This leaves freelance bloggers with an opportunity to increase their income by finding the right jobs and by producing better results.

    If you’re hoping to do both of these in order to raise your income, one of the best things you can do is to focus on building your name recognition. Freelance blogging can be greatly influenced by how well you are known and respected in your niche. Those who are well-known have an easier time finding work, and in fact the work often finds them.

    When you’re hired as a freelance blogger, why are you really being paid?

    Of course, the pay is based on you producing a post that’s worthy of being published, but really you’re being paid to get results. Without results the blog will eventually not be making the money to support the writers and the opportunity will dry up.

    But if your posts attract visitors to the site, new subscribers, and increased revenue, your clients will love you and they’ll want to keep your around.

    With that in mind, how can you consistently improve the results that your posts produce?

    The quality of your writing is obviously important, but name recognition is also a huge factor.

    Take for example someone like Chris Garrett. Chris has written for a number of very well-read blogs (including Freelance Folder) and he is well-known and well-respected by readers. Recently he’s added to his name recognition by co-authoring a book with Darren Rowse.

    When Chris publishes a post on another blog, people instantly recognize his name and they read the post with more attention than they might if it had been written by someone they didn’t know.

    While unknown bloggers always have the opportunity to create results with high-quality content and/or effective marketing, having a recognized name is clearly an advantage. As a freelance blogger you may only be publishing 10% of the content at a particular blog. In this case, it’s difficult to develop a reputation with those subscribers because they see content from many other writers as well, and they’re unlikely to remember everyone and what they’ve written.

    You can turn this into an advantage by building your name across the niche so that whenever you publish a post, regardless of where it is published, readers will give your posts a little bit more attention.

    How Can You Improve Your Name Recognition?

    1. Write Quality Posts

    The most important thing you can do is to write the highest quality posts that you’re capable of. You can do everything else correctly, but without strong content you’ll have a difficult time building respect. Your reputation will spread pretty quickly if your quality is extremely high.

    2. Take More Jobs

    One easy way to improve your name recognition is to get more exposure by writing in more places. Rather than sticking to writing for the same blog all the time, branch out and reach some new audiences. Each blog you write for will have a unique audience, even if you’re writing for others in the same niche.

    3. Focus on an Industry/Niche

    It’s basically impossible for a freelance blogger to build strong name recognition throughout the internet as a whole. Even those who are well-know and respected as leaders in their niche are highly unlikely to be recognized in the outside world. Focus your efforts on your specific niche and do the best job that you can do to become a leader.

    4. Get Some Variety

    Spread yourself out a bit throughout the niche. For example, if you’re a freelance designer you may want to write for freelancing blogs as well as for those that are focused on design. Part of the audience is likely to overlap, but by being in a few different places with some variety you can get added exposure.

    5. Have a Home

    All freelance bloggers really should have their own blog to give them a home or a starting point. When others mention you, give them a place to link back to besides just your work at other blogs. Your own blog will serve as your portfolio and it will allow others to track you down and contact you if they want to hire you.

    6. Be an Active Networker

    Freelance bloggers have excellent opportunities for networking. They’re constantly in contact with influential blog owners, they’re always reaching new audiences, and they’re working side-by-side with other talented and well-connected writers. You may find that many of your freelance blogging opportunities will come by way of your network. Additionally, these contacts can be valuable for you on your own projects outside of freelancing, such as building your own blog.

    7. Seek Out Exposure

    From time-to-time you may have an opportunity to write for a blog that would provide you with some valuable exposure, but it might not pay as much as you’d like. This is something that you’ll have to weigh, but sometimes you may get more out of the opportunity in the long term than just the pay for the post. If the blog could give you a chance to improve on your name recognition, it may be worth considering.

    8. Market Your Own Work

    As a freelance blogger, your responsibility will usually not include marketing the posts. However, if you’re attempting to improve your name recognition you may want to do whatever you can to get your writing in front of more eyeballs. Several months ago I wrote a post at Daily Blog Tips about using social media to market your freelance blog posts. Social media is an excellent opportunity for freelancers because with a strong social media presence you can create significant results for your work, regardless of where it is published.

    What’s Your Experience?

    What have you seen to be the impact of name recognition in your own freelance blogging efforts?

    Steven Snell

    ******

    About the author: Steven is a website designer and blogger for Vandelay Website Design. His blog contains frequent posts on the subjects of web design, marketing, SEO, and blogging. He also runs Traffikd, a blog about internet marketing and social media.

    source : freelancefolder.com

     


    Technorati Tags: ,
    | Continue Reading..