Cara Gampang Membuat Kotak Admin Dengan Permalink

AW - Permalink yaitu istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah postingan, fungsinya adalah untuk meningkatkan SEO on page blog sobat. Permalink ini dilengkapi dengan foto profil yang bisa sobat ganti dengan foto sendiri, dan juga dilengkapi dengan kode url yamg otomatis terblok. Contohnya bisa sobat lihat gambar dibawah ini.


Jika sobat berminat untuk memasang permalink seperti diatas, ikuti langkah-langkah dibawah ini:

  1. Login ke akun Blogger
  2. Klik menu Template > Edit HTML
  3. Setelah itu cari kode ]]></b:skin> (Gunakan CTRL+F untuk mempermudah pencarian), dan copy kode dibawah ini tepat diatas kode ]]></b:skin>
    .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 #000000;
    color:#fff;
    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:#000000;}
    .admin-tulisan img{
    background:#000000;
    width:90px;
    height:100px;
    border:1px solid #000000;
    margin:3px 10px 0 0;
    float:left;
    padding:2px;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

  4. Kemudian cari kode <data:post.body/> lebih lengkapnya <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if> (Gunakan CTRL+F untuk mempermudah pencarian), dan copy kode dibawah ini tepat dibawah kode <data:post.body/>
    <!-- Tutorial Updates -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='admin-tulisan'>
    <h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tutorial Updates</h4>
    <div class='kontainer'>
    <img alt='Hatake F Seiei' src='http://2.bp.blogspot.com/-HWNokUiquJ0/UXeimB4EeVI/AAAAAAAAAEU/gk_MiDcnVI8/s220/photo.jpg'/>
    Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah 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://tutorial-updates.blogspot.com/2013/05/cara-membuat-permalink-keren-untuk-blog.html' target='_blank'>Get this widget !</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Tutorial Updates -->

    Keterangan: Ganti tulisan warna Hijau sesuai keinginan anda, untuk tulisan warna Merah ganti dengan nama anda, dan untuk url yang berwarna Biru ganti dengan alamat/url foto anda.
  5. Dan yang terakhir Simpan Template anda dan lihat hasilnya

0 komentar: