Saturday, January 11, 2020

√ Cara Gampang Menciptakan Kolom Permalink Keren

Permalink merupakan sejenis link permanen aktif yang menjabarkan detail goresan pena wacana topik sebuah artikel. Permalink biasanya dipasang dan dilengkapi dengan photo author blog tersebut dibawah postingan, mungkin anda pun pernah melihat permalink menyerupai ini pada ketika mengunjungi blog lain. Cara menciptakan kolom permalink ini sangat mudah. Baiklah...tanpa banyak berkoar lagi, silahkan anda ikuti langkah-langkah dibawah ini !


Untuk berjaga-jaga, ada baiknya jikalau anda melaksanakan backup template terlebih dahulu.

1. Login terlebih dahulu ke Blogger

2. Pilih Template » Edit HTML

3. Sekarang anda cari isyarat ]]></b:skin>

4. Pasang isyarat dibawah ini di atas isyarat ]]></b:skin>

.admin-tulisan{

width:auto;

background:#ffffff;

border:2px solid #ddd;

margin:30px 0 10px 0;

display:block;

font-family:"verdana";

color:#000;

}



.admin-tulisan .kontainer{padding:5px;}

.admin-tulisan h4{

background:#fd0612;

border:none;

border-bottom:1px solid #ddd;

color:#fca805;

font-family:"trebuchet ms";

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:#d7e0e2;

width:90px;

height:80px;

border:1px solid #000000;

margin:3px 10px 0 0;

float:left;

padding:2px;

box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

}

5. Kemudian anda cari isyarat <data:post.body/>

Baca juga :
» Cara Praktis Backup Template Blog
» Cara Praktis Membuat Kolom Langganan Keren Dibawah Postingan
» Cara Agar Postingan Blog Cepat Terindek

6. Pasang isyarat dibawah ini dibawah isyarat <data:post.body/> yang kedua atau yang ketiga

<!-- Permalink Kang AP -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> Belajar Nge-Blog </h4>
<div class='kontainer'>
<a href='http://ap-thea.blogspot.com'><img alt='Tips Trik and Cheat' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt0Nhu_nGPHBmhl_RVQ-XFHaQCQj3KHn9mQ2WNdiLd7BQIqbYIU5FgHy-fHx2hHa7O8DtiFK_cU2r1T6aSf0YzmsnGK0ojnAGE8CzInHO-WdO440HKm8PrBBESoxreDnDEQFrgPIeczGu2/s1600/%2523AP.png'/>
Anda sedang membaca artikel wacana <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda diperbolehkan menyebarluaskan artikel ini, namun jangan lupa untuk menyertakan 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://goo.gl/gwPafp' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Kang AP -->


Note :
» ganti goresan pena yang berwarna biru dengan slogan/judul bloganda
» ganti goresan pena yang berwarna hijau dengan URL blog anda dan judul blog
» ganti goresan pena yang berwarna pink dengan URL photo/gambar anda
» Untuk warna, lebar dan tinggi kolom, silahkan anda kreasikan sendiri

7. Simpan dan lihat hasilnya

Demikian cara gampang menciptakan kolom permalink keren, supaya bermanfaat. Terima kasih telah berkunjung di blog yang sederhana ini.


Sumber http://ap-thea.blogspot.com


EmoticonEmoticon