Cara Membuat Author Information For Blogger

Posted on
  • Friday, June 10, 2011
  • by
  • Borong Shop
  • in
  • Labels:

  • Author Information untuk blogger adalah informasi yang terdapat di bahagian penghujung artikel. Informasi ini adalah berkenaan tentang diri penulis atau sebagainya. Anda boleh melihat contohnya dengan klik button view di bawah :



    Untuk membuatnya anda hanya perlu mengikuti beberapa langkah mudah di bawah :


    1) Login blog => Design = > Edit Html => Expand Widget Template
    2) Kemudian cari kod di bawah ini :
    ]]></b:skin>
    3)Setelah anda menemukannya sila copy kod di bawah ini dan letakkannya tepat di atas/sebelum kod 
    .author_info {
            float: left;
            width: 573px;
            padding: 10px;
            border: 1px solid #ccc;
            margin-bottom: 15px;
            margin-top: 15px;
            background: #eee;
    }
    .author_info h3 {
            margin-bottom: 10px;
    }
    .author_photo {
            float: right;
            margin: 0 0 0 10px;
    }
    .author_photo img {
            border: 1px solid #666;
    }
    4) Jika sudah selesai cari kod di bawah ini :
     <div class='post-footer-line post-footer-line-1'>
    5) Copy kod di bawah ini dan letakkannya selepas/di bawah kod di atas no (4)
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='author_info'>
    <div class='author_photo'>
    <img alt='author' src='
    http://2.bp.blogspot.com/-XhW6P2CUyXQ/TfLHu9rNIfI/AAAAAAAAAJk/rX_zY-GTDAE/s1600/vv.png'/></div>
                        <h3>
    Artikel ini ditulis oleh:</h3>                
                                            <p><a href='
    http://stylishtutorial.blogspot.com' title='Posts by Stylish'>Amycozzzo</a> - Blog yang penuh dengan tutorial <a href='http://stylishtutorial.blogspot.com/'>Stylishtutorial</a>.</p>
                        <p>
    Seorang yang suka membuat tutorial apa yang dia tau. Follow dia untuk tau lebih lanjut <a href='http://twitter.com/amycozzo'>Twitter</a> or <a href='mailto:amycozzo@gmail.com'>email him</a><br style='clear:both;'/></p>
                       </div>
    </b:if>
    Nota :


    1)Kod yang ditandakan dengan warna hijau adalah lebar saiz kotak informasi anda. Anda boleh mengubahnya mengikut kesesuaian blog.
    2)Kod berwarna merah merah adalah informasi dan URL yang perlu anda ubah kepada informasi dan URL anda sendiri.
    3)http://2.bp.blogspot.com/-XhW6P2CUyXQ/TfLHu9rNIfI/AAAAAAAAAJk/rX_zY-GTDAE/s1600/vv.png adalah URL gambar anda (mesti berukuran 120 x 130 )


    Sila klik preview dahulu dan jika tiada sebarang error maka klik save template.

    0 comments:

    Post a Comment

     
    Copyright (c) 2010 Stylish Tutorial by Secret Profile
    Any FAQ ? : Contact Me| Forum| About Me