rss

About Me

My Photo
irnanto dwi saputra
View my complete profile
Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

12 November 2012

How To Create a Sitemap in Wordpress

Sitemap is a page that shows the parts or links contained on the site. Sitemap devoted to two things for search engines and for the user (human). This time I will give a little tutorial on how to create a sitemap in wordpress for user. Here I am using a CMS wordpress hosting service that has the facility to use a PHP file. OK we just practice how to create a sitemap in wordpress.
The steps that you should follow the following :
  1. Login to cpanel your website
  2. Open the file manager
  3. Go to the directory of your website template is being actively used
    example: public_html / wp-content / themes / name-theme
  4. Create a new file with the name sitemap.php
  5. Copy or type the code below in file sitemap.php
    <?php
    /*
    Template Name: Sitemap
    */
    ?>
    <?php get_header(); ?>

    <div id="content" >
      <div class="post">
        <div class="title">
          <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
            <?php the_title(); ?>
    <!-- ----------------- Display Post with its relative category ----------------- -->
            </a></h2>
        </div>
        <div class="entry siteMap">
          <h2 id="posts">Posts</h2>
          <ul>
            <?php
    // Add categories seprated with comma (,) you'd like to hide to display on sitemap
    $cats = get_categories('exclude=');
    foreach ($cats as $cat) {
      echo "<li><h3>".$cat->cat_name."</h3>";
      echo "<ul>";
      query_posts('posts_per_page=-1&cat='.$cat->cat_ID);
      while(have_posts()) {
        the_post();
        $category = get_the_category();
      
        for($xi=0;$xi<=5;$xi++){
        if ($category[$xi]->cat_ID == $cat->cat_ID) {
          echo '<li><a href="'.get_permalink().'">'.get_the_title().'</a></li>';
        }
        }
      }
      echo "</ul>";
      echo "</li>";
    }
    ?>
          </ul>
    <!-- ----------------- Display Categories ----------------- -->
          <h2>Categories</h2>
          <ul>
            <?php wp_list_cats("sort_column=name&feed_image=/wp-content/themes/wizer/images/rss-ball.jpg&optioncount=1&hierarchical=0"); ?>
          </ul>
    <!-- ----------------- Display Pages ----------------- -->
          <h2 id="pages">Pages</h2>
          <ul>
            <?php
    // Add pages seprated with comma[,] that you'd like to hide to display on sitemap
    wp_list_pages(
      array(
        'exclude' => '',
        'title_li' => '',
      )
    );
    ?>
          </ul>
        </div>
      </div>
    </div>
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>
  6. Save file sitemap.php
  7. Login to your-domain/wp-admin
  8. Click the page menu
  9. Select add new
  10. Type the title "Sitemap" without quotes
  11. On the Page Attributes -> Template
    How To Create a Sitemap in Wordpress
  12. Select sitemap
  13. Click Publish
Now look at the results in your web menus. For demo please visit this website.
Read more.....

11 June 2011

Optimizing your Blog With SEO 2

Search Engine Optimization, are steps / tips to the optimization problem in this case the Search Engine. Matter how good a site, if it can not be recorded / captured / in the index by search engines, as well as create a site for personal / self.

With indexed search engine, chances are your site will be viewed by all people in the world will be even greater. Many of us have encountered a good blog, but less optimal index tips in his lawyer.

Below is one of the steps putting meta tags for search engine indexes:

This code you simply place it under <head> code.


<meta content='your name' name='Author'/>
<meta content='Write a description of the Blogs' name='description'/>
<meta content='Write a Blog Keywords' name='keywords'/>
<meta content='follow, all' name='robots'/>


There are also some tricks that can improve SEO

As for the steps, you see below:

  1. Use a blog name that is not too long.
  2. Use code <h1> the beginning of the article.
  3. If you put the pictures do not forget to write the code alt = "your blog's name". (example: <img src =" http://weblearning.jpg "alt =" name your blog ">
  4. Add your URL to AltaVista, AlltheWeb, MSN, Yahoo and other submitter.
  5. Expand friends blogs to put our blog links.
  6. Berkomentarlah in the comment box of a blog that is quite famous.
  7. Make Blogroll leading blogs.
  8. If necessary begging other bloggers to link it links us.
  9. Chat, attach your blog address, because the farther the reach of the IP of a visitor, will increase our PageRank.
  10. Make SiteMap
  11. Updates always.
  12. Give a Bold / Font thick on every word that relates to
    name your blog.
  13. Surfinglah in EasyHits4U, you'll earn credits which will be used to advertise your blog / website / banner / links you have, and in EasyHits4U also you will be paid $ 0.3 for every 1000 sites viewed.

Hopefully, a little above steps can help you to be indexed by search engines.

Read more.....

10 June 2011

Create Avatar Comments on Custom Template

Questioned about the new features of the avatar comment blogger who can not appear on some templates or custom templates derived not from the templates provided on the dashboard of blogger, so I'll share my little experience about how to make a comment avatar.

For those of you who commented yet appeared avatars, maybe your template does not yet support for these new features, but of course do not worry because with a little touch of modifications on your template, blogger avatar will appear, which are important amenities already provided by the blogger.

Ok, we just peraktekkan. Please follow lankah follows:

  1. Login to blogger with your ID.
  2. Click Layout.
  3. Click the Edit HTML tab
  4. Click "Download Full Template", please backup your template first (just in case).
  5. Put a tick in a small box beside the words "Expand Widget Templates"
    expand template widget weblearning27.blogspot.com

    Copy and paste the following code above the code ]]></ b: skin>
    .Avatar-image-container img {
    background: transparent url (http://i33.tinypic.com/24b9na8.jpg) no-repeat;
    height: 35px;
    width: 35px;
    }
  6. Find the following code in your template:

    <dl id='comments-block'>

    Or sometimes will be using code like this:

    <div id='comments-block'>

  7. Replace the code with the following code:

    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

    If your template code includes code that uses a div then changed to:

    <div expr:class='data:post.avatarIndentClass' id='comments-block'>

  8. Find the following code:
    <a expr:name='data:comment.anchorName'/>
  9. Remove the code and then replace with the following code:
    <b:if cond='data:comment.favicon'>
    <img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
    </b: if>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:blog.enabledCommentProfileImages'>
    <data:comment.authorAvatarImage/>
    </b: if>
  10. Click Save Template button.
  11. Done.

The steps above may not be suitable for all existing custom templates, chances are you have to do some modification to the template you have the maximum.

Read more.....

09 June 2011

How To Increase Traffic Through Blog Comments

The most important factor that should be considered a successful webmaster is how they can continually improve their site traffic. There are many things that they can use or consider but decide what should be a perfect formula to reach their goals can be quite a challenge.

There are a lot of traffic tips that may have been successful in some kind of website but will not work on others even if there is one method that can work on almost all types of sites and blogs, through comments. Here are some tips on how to improve your traffic through blog comments:

  1. Try to add a comment informative and respect that will ensure he can not be removed by the blog owner. Never leave comments that just say "Great job!" try to stay away from comments that use the exclamation point.
  2. When you leave a comment trying to be respectful as mentioning a few points on the articles or posts that make you like or agree with the point of view of the author. You can also leave comments that will start a good discussion about the entry.
  3. Never leave a negative comment or bad, some blogs or sites or prohibit the block comment with bad words. So if you want to make sure that your comments will be posted to try to remember to be polite.
  4. Never add a link on your blog comments because there are several sites that automatically block or mark the comment with a link as spam. Simply add your name, email and URL of the site you are promoting. Remember these tips through your blog and your comments will be able to produce a good increase in traffic to your site. This is the best way to make your website known to the audience you want to reach a high ranking with search blogs and leave relevant comments.

Most readers will immediately click on the link you provided in your user information to share if you leave a good comment on a certain blog entries that relate to your own website or blog you want to promote. Comments blog is quick and easy way to increase traffic and will ensure the steady flow of traffic if you have a site with relevant information.

Try to leave a long comment that is relevant and very informative on a special blog that is closely related to your site. Try to find a high ranking site that allows users to comment and if possible allow links that are sent or share their comments on the field.

Also try to find your blog or website high rankings that are updated regularly and contains a number of viewers long and many members have commented. This means that there are many members who read this entry and will eventually find your site.

Read more.....

08 June 2011

Blogging Tips: Top 7 Blogging Tips

Starting a blog can be a fun experience, but you want more than that. You want to make money with your blog too. There are many things you can do with your blog to help you get more traffic and make more sales, and I've listed 7 blogging tips here just to get you started.

  1. Post lots of content, and do it often. For one thing, readers like to read blogs that have fresh content published regularly. It's hard for a reader to get into following you if you only post once in a great while. They don't have to be monster posts, they just need to be timely and relevant. Also keep in mind that search engines also like to see you publish fresh content often.
  2. Put your longtail keywords in your post titles so that people searching those words on a search engine will find your post. It's nice to have as many people as possible read your posts since you've gone to all the work to write and post them - so think of your current readers as well as what you need to do to bring in some organic traffic.
  3. Before you even put together a blog post, decide what you want the outcome of that post to be. Is it to promote an affiliate product or your own product? Is it meant to stir up a little controversy so that you get lots of comments and it goes viral? Is it to establish yourself as THE expert? Is it to leak some information and prime the pump before your product launch? You can give solid, valuable information in your post as well as have it point in the direction you want your readers to go next.
  4. Keep your blog design pleasing to the eye and structure it so the person coming to your blog isn't confused as to what he or she should do. What do you want them to do? Read your post then subscribe or buy something? Read your post, laugh at your wit, then go away? Don't read your post, just click on the AdSense? Whatever you want them to do, don't have your blog layout so confusing they don't know where to turn next.
  5. Use PLR to help you post more often. A PLR article might give you a spark of an idea for a blog post or you might take some PLR and lightly rewrite it to add your own personality. Either way, it can help you take action and get you publishing your blog on a regular basis.
  6. Learn from other great bloggers how to blog. There is always something to learn, whether you've been blogging a short while or a long time. Subscribe to the best blogs, listen to what they have to say, and analyze everything about those blogs so you can make yours better.
  7. Find out which WP plugins will make your blog friendlier to the search engines as well as to people. Readers like plugins like Comment Luv because it means if they leave a comment on your blog, their last blog post link will show under their comment. This encourages more comments, which is a good thing.

These are some of my favorite blogging tips. There is always more you can do with your blog to make it better, even if you've been blogging for years. So keep on learning, testing, tweaking, and posting.

Source: http://ezinearticles.com/?Blogging-Tips:-Top-7-Blogging-Tips&id=6326205

Read more.....

Comment box Under Posting

I affirm that the tutorial pairs comment box below this post specially for those of you who have never before modifying your comment box or in other words are still the original by nature.

  1. Please Login to http://draft.blogger.com with your blogger ID. Remember! not log in to blogger.com but to draft.blogger.com because these facilities are still in test phase.
  2. Go on your blog that will put his comments box. Click on Settings.
  3. Click the Comments tab, go to the article Placement Formulis feedback, then check the radio button for embeddable below posts. Let me be more clear, quasi-viewed images:
    Under Posting Comment box weblearning27.blogspot.com
  4. Click the Save Settings button in the bottom of your screen.
  5. Done. Please see the results, hopefully an immediate success.
    STOP !!! If you have successfully then you do not need to follow the next steps, but if unsuccessful, could try the steps below (usually rare that fails if this one).

Step # 1

  1. Still in that position before, click Layout.
  2. Click Edit HTML.
  3. Click on Download Full Template inscription on the side of the monitor. Please on Backup template first (very important).
  4. Tick the little box next to Expand Widget Templates.
    Under Posting Comment box weblearning27.blogspot.com
  5. wait a while until the process is complete.
  6. Find the code like below (because sometimes different template code, please focus on the code is red, and usually this code there are two, choose the position code at the bottom of ya!)
    <p class='comment-footer'>
    <b:if cond='data:post.allowComments'>
    <a expr: href = 'data: post.addCommentUrl'
    expr: onclick = 'data: post.addCommentOnclick'> <data:postCommentMsg/> </a>
    </b: if>

    </p>


  7. Remove / delete the above code, and replace with the code below:
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>

    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:postCommentMsg/> </ a>
    </b: if>
    </b: if>
    </p>

  8. Click the Save Template button.

Step # 2

  1. Click on Settings
  2. Click the Comments tab, go to the article Placement Formulis feedback, then check the radio button for embeddable below posts. Let me be more clear, quasi-viewed images:
    Under Posting Comment box weblearning27.blogspot.com
  3. Click the Save Settings button in the bottom of your screen.
  4. Done. Please see the results.

Read more.....

Create Read More in Blogger

There are several lines of basic code from the posts that need to be on the look.

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Take a good look at the code above, it is the original code of your template before the brain-tweaking. What we need now is to add a few lines of html code. Immediately, we see the code / text in red below.

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!-- satu -->
<b:else/>
<style>.fullpost{display:none;}</style>


<p><data:post.body/></p> <!-- dua -->

<a expr:href='data:post.url'>Read More.....</a> </b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

The code is deliberately to differentiate the color, the color blue is the original code of the template, the color red is the code that had been added. What should my friend look carefully is this code:

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

The above code should make sure that there are two there should be no one because if there is one then post my friend could disappear altogether, but in fact the whole post is not lost, but not in the show alias in hiding. Postings on the show and in hiding since the code:

<style>.fullpost{display:inline;}</style>

<style>.fullpost{display:none;}</style>

{display: inline;} means that in the show, and {display: none;} means do not display an alias to hide and this is the code if incorrect installation resulted in all posts to be not in the show, so if united the entire code, then something like This

Show posts

Do not show post

Show posts if at the click of a link Read more ...

Steps to be no less importantly, my friend have to install the code Readmorenya on the Edit HTML tab and not on the Compose tab, and the code Read more ... should always be on the cover. Example installation of the code read more ... in articles like this:

It is written in the first paragraph that will appear on your blog home page, paragraph - the other paragraphs will occur if the blog visitors to click the link Read more ...

<div class="fullpost">

writing / paragraphs to hide

</ div>

You want to see the original sample please click here

Read more.....

07 June 2011

Make Related Post

A few weeks ago I was browsing the Internet looking for articles Related Posts / Articles related. Jump here jump there looking for a reliable article, after a few tries the codes that are obtained, finally I found a suitable article. But there are
still obstacles that is, an article that I found the English language. Inevitably I have to translate his own article.

After a few minutes to translate, the translation was finally finished already, and now I want to share this experience with you. So, you can instantly read and practice it without having to translate it first.

  1. Login to blogger with your ID.
  2. Click Layout.
  3. Click the Edit HTML tab.
  4. Click Download Full Template. Please backup your template first (important).
  5. Put a check / tick the little box next to Expan templates Widget.
    Make Related Post weblearning27.blogspot.com
  6. Wait a few moments when the process is underway.
  7. Find the code below.
    <data:post.body/>
  8. Copy the code below.

    For convenience, you can donwload Related Posts / Articles on file.

    <b:if cond='data:blog.pageType == "item"'>
    <div class='similiar'>
    <! - ***************** Related Articles by Labels - Take Two ****************** -> ;
    <div class='widget-content'> <h3> Related Posts by Categories </ h3>
    <div id='data2007'/> <br/> <br/>
    <div id='hoctro'>
    Widget by Hoctro <u> <a href='http://hoctro.blogspot.com'> </ a> </ u> | <u> <a href = 'http://www . jackbook.com / 'title =' Related Posts on Blogger Modified by JackBook.Com. Read More? '> Jack Book </ a> </ u>
    </ Div>
    <script type='text/javascript'>

    var <data:blog.homepageUrl/> homeUrl3 = &quot; &quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;

    maxNumberOfPostsPerLabel = 100;
    maxNumberOfLabels = 3;
    listEntries10 function (json) {
    var ul = document.createElement (&#39; &#39; ul);
    var maxPosts = (json.feed.entry.length &lt; = maxNumberOfPostsPerLabel)?
    json.feed.entry.length: maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i + +) {
    var entry = json.feed.entry [i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k + +) {
    if (entry.link [k]. rel == &#39; &#39; alternate) {
    alturl = entry.link [k]. href;

    break;
    }
    }
    var div = document.createElement (&#39; li &#39;);
    var a = document.createElement (&#39; a &#39;);
    a.href = alturl;

    if (a.href! = location.href) {
    var txt = document.createTextNode (entry.title. $ t);
    a.appendChild (txt);
    li.appendChild (a);
    ul.appendChild (li);
    }
    }
    for (var l = 0; l &lt; json.feed.link.length; l + +) {
    if (json.feed.link [l]. rel == &#39; &#39; alternate) {
    var raw = json.feed.link [l]. href;
    var label = raw.substr (homeUrl3.length +13);
    var k;
    for (k = 0; k &lt; 20; k + +) label = label.replace (&quot;% 20 &quot;, &quot; &quot;);
    var txt = document.createTextNode (label);
    var h = document.createElement (&#39; &#39; b);
    h.appendChild (txt);
    var div1 = document.createElement (div &#39; &#39;);
    div1.appendChild (h);
    div1.appendChild (ul);
    document.getElementById (data2007 &#39; &#39;). appendChild (div1);
    }
    }
    }
    search10 function (query, label) {

    var script = document.createElement (script &#39; &#39;);
    script.setAttribute (src &#39; &#39;, &#39; query + feeds/posts/default/- / &#39;
    + Labels +
    &#39;? Alt = json-in-script = listEntries10 &#39; B & callbacks);
    script.setAttribute (type &#39; &#39;, &#39; text / javascript &#39;);
    document.documentElement.firstChild.appendChild (script);
    }

    var labelArray = new Array ();
    var numLabel = 0;

    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    <data:label.name/> textLabel = &quot; &quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i + +)
    if (labelArray [i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push (textLabel);
    var maxLabels = (labelArray.length &lt; = maxNumberOfLabels)?
    labelArray.length: maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10 (homeUrl3, textLabel);
    numLabel + +;
    }
    }
    </ B: loop>
    </ B: loop>
    </ Script>
    </ Div>

    </ Div>
    </ B: if>
  9. Paste the above code after / below code <data:post.body/>
  10. Save Template.
Done deh!
Good luck! Read more.....

06 June 2011

How to Make a Table of Contents jQuery Accordion Effect

Now I do bebagai science jQuery neighbor who now banayak Bloggers who use it. Previously I also never made a post about how to create a table of contents but without jQuery. Well now if Nad interested in adding Dartar contents or site map with jQuery please follow the scarcity of the following:

How To make:

  1. Login Keakun Blogger
  2. Click Design
  3. Click the Edit HTML Tab
  4. Put the following code above the code ]]></ b: skin>
    # Dafis-acc {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: # 333;
    background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-oJMnagSUdplz7oIm-WewPspiVmYe7Sdc4W8YDwQl97lFTYYMxHw1zyuvUMq7wJh6GVFBm1fjhQNBNiueqNLIbKfNbSJCWUBs5m_QC0ViYqH5THVCDSDMCuMZufjqgfalkZp3yxnOho/d/bg5.gif) repeat-y scroll left center # E7F7FB;
    padding: 2px 0;
    border: 1px solid # 339DC6;
    }

    . Dafis-label {
    background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinZskdLSb3FPben3SeZ103MYzNwn9U-MjMprWVUMfY-_Xn3UFq-9lbEgPXUn7zyV0f_YCaRTF1vrEuZm7Dz8Eh2_VUZaknjp1W-gE7OdujrssyamYaZ9AbSvy2D7LXvUyYiwg884Pv9wA/d/bg4.gif) repeat-x scroll 0 0 # E1F4FB;
    font-weight: bold;
    line-height: 1.4em;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: baseline;
    margin: 1px 3px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    padding: 2px 10px;
    color: # fff;
    text-shadow: 0 1px 1px RGBA (0,0,0, .3);
    border: 1px solid # 2F94BA;
    }

    . Dafis-label: hover {
    background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivLRuwlxhxEZIqA6PcxEyaoUktBkI2YxzReCQBKIV8L3bOhj17AjIVe63IJ_Vq1KxCiAZbM7weG__kMUvKgBUr1LGx0rbopZpUHtccfFZk93UnnRm2x9HLa8sU6GYUzJZD66bcI_ozB2s/d/bg2.gif) repeat-x scroll 0 0 # E1F4FB;
    color: # 003366;
    }

    . Dafis {ol-lists
    margin: 0 0 0 30px! important;
    padding: 0! important;
    }

    . Dafis-lists ol li {
    background-color: # C9E9F4;
    line-height: 1.5em;
    margin: 1px 3px! important;
    white-space: nowrap;
    text-align: left;
    border: 1px solid # 339DC6;
    }

    . Dafis-lists ol li a {
    text-decoration: none! important;
    color: # 333! important;
    display: block;
    padding-left: 10px;
    }

    . Dafis-lists ol li a: hover {
    background: # 7BC4DF;
    border-left: 5px solid # 333;
    padding-left: 5px;
    text-shadow: 0 1px 1px RGBA (0,0,0, .3);
    }
  5. Then: put code below the above code </ head>
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
  6. Click Save Template

The next step:

  1. Create an article with the title up to you (eg: Table of contents or site map)
  2. Move mode to Edit mode Editor HTML article
  3. Copy and paste the code below into the article:
    <script type="text/javascript" src="http://hensblog.googlecode.com/files/dafis_accv1.js"> </ script>
    <script src="http://weblearning27.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </ script>
  4. Change the URL of the blue code with your Blog URL
  5. Publish articles.

Good luck good luck and helpful!

Read more.....

05 June 2011

Optimizing your Blog With SEO

Search Engine Optimization, are steps or tips to the optimization problem in this case the Search Engine. Matter how good a site, if it can not be recorded, captured or in the index by search engines, as well as create a site for personal or self.

With indexed search engine, chances are your site will be viewed by all people in the world will be even greater. Many of us have encountered a good blog, but less optimal index tips in his lawyer.

Below is one of the steps putting meta tags for search engine indexes:

This code you simply place it under <head> code.

<meta content='your name' name='Author'/> <meta content='write Blog Description' name='description'/>http://www.blogger.com/img/blank.gif <meta content='write Blog Keywords' name='keywords'/> <meta content='follow, all' name='robots'/>

Or if you want to add another meta, try visiting here There are also some tricks that can improve the SEO As for the steps, you see below:

  • Use a blog name that is not too long.
  • Use code <h1> the beginning of the article.
  • If you put the pictures do not forget to write the code alt = "name your blog". (example: <img src="http://bla-bla-bla.jpg"alt="nama blog anda">
  • Add your URL to AltaVista, AlltheWeb, MSN, Yahoo and other submitter.
  • Expand friends blogs to put our blog links.
  • Berkomentarlah in the comment box of a blog that is quite famous.
  • Make Blogroll leading blogs.
  • If necessary begging other bloggers to link it links us.
  • Chat, attach your blog address, because the farther the reach of the IP of a visitor, will increase our PageRank.
  • Make SiteMap
  • Updates always.
  • Give a Bold / Font thick on every word associated with the name of your blog.
  • Surfing isin EasyHits4U, you'll earn credits which will be used to advertise your blog / website / banner / links you have, and in EasyHits4U also you will be paid $ 0.3 for every 1000 sites viewed.

Hopefully, the steps above can help you for a bit indexed by search engines.

Read more.....

21 March 2011

Create Read more

There are several lines of basic code from the posts that need to be on the look.

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Take a good look at the code above, it is the original code of your template before the brain-tweaking. What we need now is to add a few lines of html code. Immediately, we see the code / text in red below.

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!-- satu -->
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p> <!-- dua -->
<a expr:href='data:post.url'>Read more.....</a>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

The code is deliberately to differentiate the color, the color blue is the original code of the template, the color red is the code that had been added. What should my friend look carefully is this code:

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

The above code should make sure that there are two there should be no one because if there is one then post my friend could disappear altogether, but in fact the whole post is not lost, but not in the show alias in hiding. Postings on the show and in hiding since the code:

<style>.fullpost{display:inline;}</style>

<style>.fullpost{display:none;}</style>

{display:inline;} means that in the show, and {display: none;} means do not display an alias to hide and this is the code if incorrect installation resulted in all posts to be not in the show, so if united the entire code, then something like this:

Show posts

Do not show post

Show posts if at the click of a link Read more...

Steps to be no less importantly, my friend have to install the code Readmorenya on the Edit HTML tab and not on the Compose tab, and the code Read more ... should always be on the cover. Example installation of the code read more ... in articles like this:

It is written in the first paragraph that will appear on your blog home page, paragraph - the other paragraphs will occur if the blog visitors to click the link Read more ...

<div class="fullpost">
writing / paragraphs to hide
</ Div>

You want to see the original sample please click here

Read more.....

How to Modify Comments Box

Please know in advance that each code template from each other can be different is the same, if this tutorial is not the same as the existing code in your template, then you can experiment yourself with this code.

Ok, we just practiced how to modify the comment box like the one in the blog irnanto-ilmupengetahuan.blogspot.com.

  1. Login to blogger with your ID.
  2. Click Layout.
  3. Click the Edit HTML tab.
  4. Click Download Full Template. Please backup your template first (important).
  5. Put a check / tick the little box next to Expan templates Widget.
  6. Wait a few moments when the process is underway.
  7. Find the code in the CSS like this:
  8. #comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: $sidebarcolor;
    }

    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
    #comments-block .comment-body {
    margin:.25em 0 0;
    }
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block .comment-body p {
    margin:0 0 .75em;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }

  9. Remove / delete the code above and change with the code below:
  10. #comments h4 {
    margin:0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: #000;
    }

    #bg_commentblock {
    width: 548px;
    background: #ffffff;
    float: left;
    padding:20px;
    margin:0 0 10px 0;
    border:1px solid #C0C0C0;
    }

    #commentblock {
    width: 510px;
    background: #E8E8E8;
    text-align:left;
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    border-top: 2px solid #333333;
    border-bottom: 1px solid #333333;
    }
    #commentblock ol {
    list-style-type: square;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 10px 0px;
    }
    .commentdate {
    font-size: 12px;
    padding-left: 0px;
    }
    #commentlist li p {
    margin-bottom: 8px;
    line-height: 20px;
    padding: 0px;
    }

    .commentname {
    color: #333333;
    margin: 0px;
    padding: 5px 5px 5px 0px;
    }

    .commentinfo{
    clear: both;
    }

    .commenttext {
    clear: both;
    margin: 3px 0px 10px 0px;
    padding: 20px 10px 5px 10px;
    width: 490px;
    background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-oGGjtyQ_KJzmcFIaLxG7YF9LYyhSo_2UZKySlQ2qv2ez3qHfC7RQeylLcIOWr3f40ZU84tcx1llbpH9F53-skLbVolrlLRoiXZjK6UdsZunvziqg45Rz1Wc4lgV3xhf9Z3kk0QsA5Ua/s320-r/comment.gif) no-repeat top left;
    }

    .commenttext-admin {
    clear: both;
    margin: 3px 0px 10px 0px;
    padding: 20px 10px 5px 10px;
    width: 490px;
    background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-oGGjtyQ_KJzmcFIaLxG7YF9LYyhSo_2UZKySlQ2qv2ez3qHfC7RQeylLcIOWr3f40ZU84tcx1llbpH9F53-skLbVolrlLRoiXZjK6UdsZunvziqg45Rz1Wc4lgV3xhf9Z3kk0QsA5Ua/s320-r/comment.gif) no-repeat top left;
    }

  11. See Toward the bottom, and look for code like this
  12. <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'>
    1<data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>

    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
    </span>
    </b:if>

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    <dd class='comment-footer'>
    <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    </b:loop>
    </dl>

    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
    <data:post.oldestLinkText/>
    </a>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
    <data:post.olderLinkText/>
    </a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
    <data:post.newerLinkText/>
    </a>
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
    <data:post.newestLinkText/>
    </a>
    </span>
    </b:if>

    <p class='comment-footer'>

    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>

    </p>
    </b:if>

  13. Remove / delete the code above and change with the code below:
  14. <b:includable id='comments' var='post'>

    <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>

    <div id='bg_commentblock'>

    <h4>

    Comments:

    </h4>

    <div id='commentblock'><!--commentblock-->

    <strong>ada</strong> <b:if cond='data:post.numComments == 1'>1
    <b:else/>
    <strong><data:post.numComments/> <data:commentLabelPlural/> ke &#8220;<data:post.title/>&#8221;</strong>
    </b:if>

    <dl class='commentlist'>
    <b:loop values='data:post.comments' var='comment'>
    <span><dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>pada hari&#160;<dd class='comment-footer' style='display:inline; margin:0px'>
    <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd></span>
    <dd class='commenttext'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    </b:loop>
    </dl>
    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
    <data:post.oldestLinkText/>
    </a>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
    <data:post.olderLinkText/>
    </a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
    <data:post.newerLinkText/>
    </a>
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
    <data:post.newestLinkText/>
    </a>
    </span>
    </b:if>

    <p class='comment-footer'>

    <b:if cond='data:post.embedCommentForm'>

    <b:include data='post' name='comment-form'/>

    <b:else/>

    <b:if cond='data:post.allowComments'>

    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>

    </b:if>

    </p>
    </div><!--end commentblock-->

    </div>
    </b:if>

  15. 11. Click the Save Template button.
  16. 12. Done. Please see the results.

Above code of course is not absolutely have to like it, if you are slightly familiar with css, then you can create more. Especially on the width of the comment, you must adjust the width of your template comment box. Little guidance, to change the width of koemntar box above, you only replace the value of its width, for example: width: 548px; in change so width: 500px; or how it fit with your template.

Good luck.

Read more.....
 

Site Info

Google Pagerank Powered by  MyPagerank.Net My Ping in TotalPing.com TopOfBlogs My Zimbio Blog Directory