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

Tips To Write A Killing Blog Post

Killing blog Post

How To Write A Killing Blog Post:-

Work With Images:-

Don't forget to include images in post body as it describes most of your content. Some people may find difficulty in reading text on the blog but if you include targeted images to your content they get a comprehensive idea regarding your Blog post.
One point should also be kept in mind that the default name of images like Images00123.png, Photo23.jpeg should be change with suitable keyword and use of alt tag may be good practice to impress the Search Engines. The complete article to change the image name or to include alt tag can be read from here.

Proper Use Of Important HTML Tags:-

Important HTML tags
Make a habit to repeatedly use of important HTML tags as these tags impress Search Engines and increase your blog ranking. A complete list of tags are gives below.
/* Code By http://internetricks4u.blogspot.in */

<Abbr> Tag
<abbr title="World Health Organization">WHO</abbr>

<Acronym> Tag
<acronym title="World Health Organization">WHO</acronym>

<B> Tag

<b>This is Blogging World</b>

<Em> Tag
<em>Emphasized text</em>

<I> Tag
<i>This is italic text</i>

<U> Tag
<u>A Underline text</u>

<h1> tag should be used once in a content with less than 70 character or less than 10 words. Don't use <h4>, <h5>,<h6> tag in content.
If your blog is related to programming then use of <pre> tag may be the good option for you. You can choose large number of syntax highlighter from here.

Don't Forget Outbound linking:-

It is a very good strategy to drive traffic on the blog if you link your content to some another related content at appropriate position of your blog. And it also effect your page ranking in search engine.

Customise Blogger Lists With CSS

list ordered unordered

How To Modify List in Blogger-

Types Of Lists In Blogger-


I think everybody knows what is list ? Lists are generally of type one is ordered list and another is unordered list. Blogger post editor have both of them.

blogger post editor
The default appearance of both the lists is not according to the taste of readers as shown in figure.
ordered list unordered list


  1. Login to Blogger Dashboard.
  2. Go to Design / Edit HTML.
  3. Click "Expand Widget Templates".
  4. Download the full template before making any changes in it (Learn More).

How To Modify Unordered List In Blogger:

  1. Find following piece of code in blogger template.
]]></b:skin>
  1. To modify the circle of unordered list, which is at starting point, paste any one of the following code just above the ]]></b:skin>.
/* Code On http://internetricks4u.blogspot.com/

/* To change circle with rectangle */
.post ul li
{
list-style-type:square;
}

/* Code On http://internetricks4u.blogspot.com/

/* To change circle with with hollow circle */
.post ul li
{
list-style-type:circle;
}
  1. To change the bullet of unordered list with the image just paste the following code above ]]></b:skin>.
    /*Code On http://internetricks4u.blogspot.com/ */

    .post ul
    {
    list-style-type:none;

    }

    .post ul li
    {
    background-image:url('Image Url');
    background-repeat:no-repeat;
    background-position:0px 7px;
    padding-left:25px;
    }

    Note:- Make Following Modification

    • Replace Image Url with the URL of the image.
    • If image and text of list not coincide on a horizontal line then adjust the value of 7px.
    • The dimension of image used should not be greater than 16 * 16.

      How To Modify Ordered List

      Ordered list are much easier to customise in relative to unordered list. In ordered list, you can only customise the arranging order of list which is pretty easier.

      ordered list change
      Have you seen the result ? We can start ordered list with large number of arranging pattern.The corresponding CSS code is given below.
      /*Code On http://internetricks4u.blogspot.com/ */
      .post ol
      {

      list-style-type:upper-roman|upper-latin|lower-roman|lower-latin|lower-greek|lower-alpha;

      }

      For Example: If you are interested to use upper roman then the corresponding code will be.

      /*Code On http://internetricks4u.blogspot.com/ */
      .post ol
      {

      list-style-type:upper-roman;

      }

      Blogging for Learning

      Change
             The purpose of blogging can be different to each person. But thanks to the pro bloggers most of us set our mind for money. Of course you can earn money if you want with a blog but if you are following money making gurus you are 99% less likely to succeed. If you want to earn money online, blogging is not the only way you can do so. If you want to start a blog anyway don't just copy paste other 'money makers' unless you actually like doing it. Spamming the world for money- sounds good? But even though I started blogging by listening to spammers, I think now I like blogging with for a different reason. I am defiantly not saying you have to agree with my ideas to stop doing whatever you’re doing but to show my point of view and what I think is better for me.


             Blogging is a platform where you can update a domain or sub-domain as you like-with writing, pictures, videos or anything you would like to share. The main idea of sharing, the same reason we like to use social media is that other people will see your opinion and knowledge and possible feedback. Blogging can also be used to organize your thoughts and achieve something that you want step by step. You can also see yourself change through time as you blog. You can show your opinion and ideas to similar network. And if you want you can even earn small revenue from advertising. I want to use blogging tool as a learning environment and taking notes. Not necessarily on something academics but things that I learn while browsing online, things that I find useful to use later on and not forget.

             I am not a strong writer and if you see my room, you would understand how organize I am (not). Like many of us, internet has become part of my life. I learned some programming languages three years ago, from which I only remember about 2%. I learn many how to's for sophisticated programs such as Photoshop, blender, maya and after effect which I learned part of it, some time and eventually forgot what I did. Not a good thing when I have to learn it three times on same subject. People like me definitely should make a blog where they can write down what they learn as teacher helping both themselves and others who need that information. Organize whatever you share nicely, so you don't have to waste time again and you will also be helping out many people. Write it well, so you and your reader would understand your content easily and fast. Time is the most important thing in your life. Use the blogging tool in your advantage but not to spam. And you will know when you improve by looking at your past posts as well as your increasing visitor. 

             If you like the idea you can you can try following it. And no one said you have to agree with me, give me your insight. There's always room for improvement.


      Free blogger templete at Stylish templates blog



      After you create a blog what you will need is that your perfect blogger template. Blogger template express the ideas of your blog. You should definitely be wise to choose the best template from online. And best things about blogger templates are most of them are completely free to use. But numbers of blogger template that are online extend beyond thousand. And many will not suit your need. To help you with that, today's post is a blog review about one of the best blogger who collects some of the most professional Blogger template out there. The name of the blog is Stylish Templates.


      List of Features

      • Contains 13 different genre of blogger template
      • Collection of only professional and premium blogger template
      • All blogs are free to download
      • Each post or template has a good description and demo link
      • Direct download link
      • Easy navigation of the blog and very easy to find your right template

      Here are some of my favorite blogger template that can be found on Stylish Templets. Click on the title or image to go to the link.


                           Television Blogger Template

      free blogger template


                            Oom Website Template

      free blogger template


                             Designer Beauty Template

      free blogger template


                                Apple I Blogger Template

      free blogger template


                               Shopping Cart Template

      free blogger template

      How to create a favicon for your blog or website

      Favicon is the unique icon you see when visiting a site  to the left corner of the address bar for most browser. It works somewhat like a badge or icon for your site or blog. Either you have  blog or website it is very easy to set up a favicon for your site. Follow the instructions below to know how.
      how to make favicon for your blog or website

      For blogger users:
      Blogger has a very simple way to get favicon, all you need it a square image.
      Go to Layout>Favicon and upload your picture and save
      If you don't know how to get your picture square, follow the steps below

      For any other users

      • Click on the link below to go to the tool
      Favicon maker- Create a favicon from any image
      • Upload your picture there, and click create icon
      • Then click download the icon and upload it to wherever you want.
      • Right click on the image and click view image
      • Copy the URL
      • Now replace favicon.ico to the link you just copied and use it on the code below
      <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
        
      • Insert the code into your section of your website
      All done! The favicon might not appear imminently. It can take up to three days.

      The Brain of a Blogger


      A very nice infograph by infolinks showing typical thoughts and works of blogger. Check out this epic work.

      Blogger new easy Nofollow

      Under all this new blogger updates, one of the cool update I think is easier system of nofollow link. You can learn more about nofollow links from one of my previous post and a post about how to find nofollow links to use it for your benefit. If you are trying to get better page rank, making links nofollow helps to prevent linking to too many or resticted sites from your blog. You don't have to mess with HTML anymore in ordered to make a nofollow link. All you have to do is to lick Link option on the top in your composer and check Add 'rel=nofollow' attribute option to make the link no follow as it is shown in the picture.

      CSS button generator

      There are many old timey Button generator out there but with new css you can make some awesome buttons. To save your time you can use generators. One of the best and easy to use button generator can create awesome css buttons like the image below.

      The css will be already generated for you to copy paste. You can very use these codes in your website or blogs very easily. An example of the code is shown below

      <style type="text/css">
      .Buttontext {
          -moz-box-shadow:inset 0px -11px 0px -1px #caefab;
          -webkit-box-shadow:inset 0px -11px 0px -1px #caefab;
          box-shadow:inset 0px -11px 0px -1px #caefab;
          background-color:#77d42a;
          -moz-border-radius:12px;
          -webkit-border-radius:12px;
          border-radius:12px;
          display:inline-block;
          color:#306108;
          font-family:arial;
          font-size:28px;
          font-weight:bold;
          padding:16px 24px;
          text-decoration:none;
          text-shadow:-1px 2px 0px #aade7c;
      }.Buttontext:hover {
          background-color:#5cb811;
      }.Buttontext:active {
          position:relative;
          top:1px;
      }

      </style>
      <a href="#" class="Buttontext">Get this</a>

      If your still confused about how to use your generated button, You can check out step by step tutorial here.


      And now to give you the magic link:

      http://www.cssbuttongenerator.com/

      How to backup your blogger blog template

      It is very important to back up your blogger template before you start messing with it. If you mess up the template and don't know where and how to fix you might have to change the whole template. By backing up your template you don't have any risk for any unexpected problem, if you do then you can just re-upload your old template and your blog is back to normal. Its very easy to back up your template in blogger blog. Just follow the instructions below.

      How to back up your template on the new blogger interface


      1. Go to blogger.com
      2. Choose your blog and click on the down arrow
      3. Click on the template
      4. Click on the Backup/Restore from top right
      5. Now click download full template and save it.

      How to back up your template on old blogger interface


      1. Go to blogger.com
      2. Click design for the blog you want to back up
      3. Click Edit HTML
      4. Click on download full template and save it.