Cara Membuat Permalink Seo di Bawah Postingan Blog

Cara Membuat atau Memasang Permalink Author Seo keren dan Tombol Berlangganan dan juga Tombol Social Media dibawah Postingan Blog | Assalamualikum wr.wb hai sobat blogger selamat siang nah pada postingan kali ini admin cyber akan membagikan tutorial nih bagi kita dan kalian semua yaitu Cara Membuat Permalink Author di Bawah Postingan Blog .

Permalink merupakan sebuah kotak yang berisi link aktif permanen pada artikel dan berisi catatan dalam suatu aturan blog . Permalink berfungsi juga untuk menambahkan kualitas seo friendly di blog kita dan membantu kita agar pada mesin pencarian artikel kita lebih mudah sobat .

Dengan anda memasang Permalink ini anda juga bisa meningkatkan score pada Chkme.com juga, sehingga pada blog kalian bisa mendapatkan score 100%. Dan jika agan menginginkan tutorial Cara Membuat Permalink Seo di Bawah Postingan Blog anda bisa melihat tutorialnya berikut ini .

Ingin melihat tampilanya atau Demo anda juga bisa melihat gambarnya dibawah ini .

Demo

Cara Membuat Permalink Seo di Bawah Postingan Blog 

• Login di Blogger.com pastinya
• Masuk ke Dashboard > Template > Edit HTML
• Tekan tombol CTRL+F bersamaan kemudian akan muncul kotak search dibagian atas kanan .
• Masukkan kode ]]></b:skin> tepat di kotak search tersebut kemudian klik Enter .
• Jika sudah masukkan kode CSS dibawah ini tepat diatas kode tersebut .

<!-- Cyber 88 Permalink Author -->
.cyber88authorbox{background:#e1e1e1;position:relative;border:1px solid #bbb;height:165px;width:98%;transition:all .3s ease-in;margin-bottom:10px;padding:5px}
.cyber88authoravatar{background:#fff;border:1px solid #ccc9bd;float:left;height:110px;position:relative;border-radius:50px 50px 0px 0px / 10px;box-shadow:0 0 4px 0 #d9d9d9;width:110px;padding:2px;margin-left:}
.cyber88authoravatar img{height:110px;width:110px;border:0;border-radius:50px 50px 0px 0px / 10px 10px 20px 100px}
.cyber88authoravatar img:hover{transition:all .2s ease-in-out;opacity:.7}
.cyber88authorlabel{background:#fff;display:block;line-height:20px;height:20px;margin-left:-44px;position:absolute;bottom:-10px;left:50%;text-align:center;width:86px;border:1px solid #999;border-radius:3px}
.cyber88authorlabel:hover{color:#fff;background:#555;border:1px solid #ddd;transition:all .2s ease-in-out}
.cyber88authorlabel a{font:bold 11px sans-serif;color:#333}
.cyber88authorlabel a:hover{color:#fff}
.cyber88authorcontent{margin-left:125px}
.cyber88authorhead{border-radius: 100px / 10px;background:#ccc;border:1px solid #bbb;margin-bottom:5px;position:relative;padding:5px}
.cyber88authorbox h3{text-align: center;border: 3px double #aaa;border-radius: 100px/10px;font:12px Tahoma;font-weight:400;color:#302E29;line-height:1.8em;border:3px double #aaa;text-transform:uppercase;text-decoration:none;transition:all .2s ease-in-out;margin:0}
.cyber88authorbox p.bio{font:12px sans-serif;line-height:18px;text-align:justify;margin:0}
ul.cyber88social{list-style:none;overflow:hidden;margin:10px}
.cyber88social li{float:right;background:none!important;margin:0 7px;padding:0!important}
.cyber88social li a{display:block;width:30px;height:30px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilvXUvGPJx7NJjlXyNUAS78HYUu7Hn0nAU0YzGojrMP6mgXondFtUHWs2QB5sjXLkHBBS6ZNKTEXJD27BGm_-h5DZM_-A7Bdu-hmGRH6zl7Cm4cQdCbxC8squ0yuTUDNN6oVN_5eL_tAo1/s320/social4.png) no-repeat transparent;text-indent:-99999em!important;margin-left: -10px;border-radius: 100px; -webkit-transition: all 1200ms;-moz-transition: all 1200ms;-ms-transition: all 1200ms;-o-transition: all 1200ms;transition: all 1200ms;border: 1px solid #555;}
.cyber88social li a:hover{padding:0!important;-moz-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transition: all 1200ms ease-in-out;
-moz-transition: all 1200ms ease-in-out;
-ms-transition: all 1200ms ease-in-out;
-o-transition: all 1200ms ease-in-out;
transition: all 1200ms ease-in-out;}
.cyber88social li.rssicon a{background-position:0 0}
.cyber88social li.twicon a{background-position:-37px 0}
.cyber88social li.fbicon a{background-position:-74px 0}
.cyber88social li.bicon a{background-position:-112px 0;}
.cyber88social li.rssicon a:hover{background-position:0 -37px}
.cyber88social li.twicon a:hover{background-position:-37px -37px}
.cyber88social li.fbicon a:hover{background-position:-74px -37px}
.cyber88social li.bicon a:hover{background-position:-112px -37px;}
.cyber88emailform {float:left;margin-top:-40px;margin-left:125px;padding:0}
#botsub {width:180px}
<!-- Cyber 88 Permalink Author selesai -->

• Kemudian cari kode <data:post.body>, jika kalian menemukan kode <data:post.body> ada 3 kode pilihlah kode yang ketiga . kemudian masukkan HTML dibawah ini dibawah kode <data:post.body>.

<!-- Start Permalink Seo -->
    <div class='cyber88authorbox' style='background: #ddd;padding: 7px;border: 1px solid #aaa;'>
    <div class='cyber88authorhead'>
    <h3>
    Judul Artikel: <a expr:href='data:post.url' expr:title='data:blog.pageName'><data:blog.pageName/></a></h3>
    </div>
    <div class='cyber88authoravatar'>
    <img alt='About Author' src='http://lh3.googleusercontent.com/-HqrDeAM4KGI/AAAAAAAAAAI/AAAAAAAAABM/OsAX0EvK2pg/photo.jpg' title='About Me'/>
    <div class='cyber88authorlabel'><a expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='author profile'><data:post.author/></a> </div>
</div>

    <div class='cyber88authorcontent'>
    <p class='bio'>
Sekarang ini anda sedang membaca artikel tentang <u><b><a expr:href='data:post.url' expr:title='data:blog.pageName'><data:post.title/></a></b></u>. Dan jika anda menginginkan artikel ini anda copy paste silahkan copy paste link berikut <b><data:post.url/></b> sebagai sumber aslinya. Dan silahkan saja mengisi alamat email anda pada kotak berikut ini untuk update terbaru.
</p>
    <ul class='cyber88social'>
    <li class='rssicon'>
    <a href='http://feeds.feedburner.com/cyber88' target='_blank' title='Rss'>Rss</a>
    </li><li class='twicon'>
    <a href='http://twitter.com/GifztModder' target='_blank' title='Twitter'>Twitter</a>
    </li><li class='fbicon'>
    <a href='http://www.facebook.com/Badnewsbro' target='_blank' title='Facebook'>FaceBook</a>
    </li><li class='bicon'>
    <a href='http://www.blogger.com/follow-blog.g?blogID=7126797861837629586' target='_blank' title='Follow This Blog'>Follow This Blog</a>
    </li>
    </ul></div>
    <div class='cyber88emailform'>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=winkom&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='winkom'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email....&quot;;}' onfocus='if (this.value == &quot;Enter your email....&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
    <input id='botsubbutton' style='background: #fff;border-radius: 100px / 10px;font-family: Tahoma;' title='Submit Feedburner' type='submit' value='Submit'/><br/>
    <small>Your information will not be shared. Ever.</small></form>
    </div>
    </div>
<!-- Finish Permalink Seo -->

Notes :
 - Ganti url warna Merah dengan url Gambar Sesuai pilihan kalian.
 - Ganti id cyber88 warna Orange dengan id feedburner anda.
 - Ganti Badnewsbro dengan id profil Facebook anda.
 - Ganti GifztModder dengan id profil Twitter anda.
 - Ganti id 7126797861837629586 dengan id Blogger anda .

• Jika sudah klik simpan template .
• Dan lihat hasilnya apakah sudah jadi permalink, jika sudah saya ucapkan selamat menikmati.

Nah itulah artikel tentang Cara Membuat Permalink Seo di Bawah Postingan Blog dan semoga artikel tersebut bisa bermanfaat bagi anda semuanya wassalamualikum wr.wb.