Blog Personal tentang tips Blogging dan Internet Marketing

Newspaper Style Readmore


As we read the newspapers, there are several paragraphs which appear with the headline news and more information on the next page, or often referred to Readmore. Similarly in a blog we can apply, there is some kind of model Readmore, from the simple to use some of our needs according trick.

Here is a simple form Readmore also a simple trick that I can from the fields Tutorial.

Here are the steps:
Step 1
  • Sign in to blogger with your id.
  • Click Settings
  • Click Format
  • At the bottom of the screen, there is an empty text area next to the Template Post any posts, content tesxt empty area with the code below:
    <span class="fullpost">
    </span>
  • Click the Save Settings
  • Installation of the code is intended to be in at the time of posting the article, the code appears directly without having to write first, so help us to not have to always remember the code.

Step 2
  • Click the Dasboard
  • Click Layout
  • Click Edit HTML tab
  • Check the box next to any posts in the Expand Widget Templates
  • Click on any posts Download Full Template.
  • Please save the template first, and is intended to reduce the risk if an error occurred while editting the template, we still have a back up data to restore it as
  • Wait a few moments when the process is underway
  • Please find the following code in the code template you belong:
    <data:post.body/>
  • or the code below (same);
    <p><data:post.body/></p>
  • Delete above code, and replace with the code below, click on the button to mark:
    <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>Readmore...</strong></a></p>
    </b:if>
  • Click the Save Template
  • Done.

How to Post Article
  • Click the Post
  • Click the Edit HTML, the code automatically appears that we have been setting before, namely:
    <span class="fullpost">
    </span>
  • Want to write articles that appear on the blog before the code: <span class="fullpost">
  • Write the entire rest of the article after the above code before the code and earlier: </span>
  • Click the button marked publish posts
  • Click on any posts View Blog (in new window) to see the results of our posting.

Ayo Like Facebooknya
Tag : Blogging

Share this:

Share this with short URL: Get Short URLloading short url

Berlangganan :
Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari langsung di pesan kotak masuk.

feedburner


Anda telah membaca artikel :
Newspaper Style Readmore
Semoga bermanfaat, Terima kasih.
Cara style text di komentar Disqus:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar

Back To Top