Rabu, 23 Januari 2013

Membuat Permalink Di Bawah Tulisan Blog

Blog JM - Akan memberikan Tutorial bagaimana cara membuat PERMALINK pada Blog yang letaknya tepat di bawah tulisan pada blog.Artikel kali ini bersumber dari sini,namun saya telah sedikit memodifikasi dengan versi saya.



Langsung saja pada TUTORnya. ( Langkah Pertama )
  1. Log In Kedalam Blog
  2. Rancangan → Edit HTML
  3. Cari " ]]></b:skin>;
"; " menggunakan " F3 " atau bisa dengan " Ctrl + F " ( namun terlebih dahulu harus mencentang " expand template widget "





  • Copy Script di bawah ini kemudian Paste  tepat diatas kode tersebut



  • .admin-tulisan{

    width:auto;
    background:#f2f2f2;
    border:2px solid #000000;
    margin:30px 0 10px 0;
    display:block;
    font-family:"julee";
    color:#000;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#FF0000;
    border:none;
    border-bottom:1px solid #FF0000;
    color:#00000;
    font-family:"julee";
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#FF0000;}
    .admin-tulisan img{
    background:#FF0000;
    width:90px;
    height:100px;
    border:1px solid #FF0000;
    margin:3px 10px 0 0;
    float:left;
    padding:2px;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

    Catatan : Tulisan yang berwarnah MERAH dapat di ubah sesuai kebutuhan

    Cari kode " <data:post.body/>  " dan letakkan kode di bawah ini,tepat di bawah kode tersebut



    <!-- Permalink Joe Memang  -->

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div class='admin-tulisan'>
    <h4>Ditulis Oleh : <b><data:post.author/></b> Joe Memang </h4>
    <div class='kontainer'>
    <img alt='Joe Memang' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1w-bmp_SeVuQWSzy9r5bL2boeZMPC-6GP5DUlioqL6UYEourt2QIrQmUZbNj0T9jV3gbr60_9gEHuudu8twyYgNMhtMF8cVsobcJfWHHvT5AC7REHHoEmw1l5lmHFgQtyh4FQxpOoLg/s1600/avatar.gif'/>
    Anda Sedang Membaca <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Silahkan Cantumkan Url Di Bawah Ini Sebagai Sumbernya
    <textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
    <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
    <a href='http://joememang.blogspot.com/2013/01/permaling-pada-blog-t.html' target='_blank'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Permalink Joe Memang  -->


    Silahkan ganti URL bewarna BIRU dengan URL gambar punya sobat,dan tulisan bewarna HIJAU dapat anda hapus,Serta tulisan bewarna Orange dapat di ganti dengan nama keinginan anda.

    0 komentar :

    Posting Komentar

    Gunakanlah bahasa yang sopan


    NO SARA
    JANGAN SAMPAI KOMENTAR ANDA MENGANDUNG SPAM

    luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com