Membuat Kotak Admin Dengan Permalink Di Blog
Selamat siang sobat blogger. Pada kesempatan kali ini Uwais akan membahas tentang Cara Membuat Kotak Admin Dengan Permalink Keren Untuk Blog. 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.
Jika sobat berminat untuk memasangnya di blog sobat, ikuti langkah-langkah dibawah ini:
Jika sobat berminat untuk memasangnya di blog sobat, ikuti langkah-langkah dibawah ini:
- Login ke akun Blogger
- Klik menu Template > Edit HTML
- 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;Kemudian cari kode <data:post.body/> (jika kode lebih dari satu pilih yang kedua) lebih lengkapnya <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if> (Gunakan CTRL+F untuk mempermudah pencarian), dan copy kode dibawah ini tepat dibawah kode <data:post.body/>
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;
}
<!-- descriptionist -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ descriptionist</h4>
<div class='kontainer'>
<img alt='Hatake F Seiei' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNGb5Tq4Z8nmB3o19m-qHOjIJjAggFltiCKEh1FRpZDFBfXjMgjuNYvlsU0YvSNQ5PTVTLUN7mNVWtUHf1mOYpr_ib7gCmjmpeSbVLohO3C4eKxEo1zFURgrBJhu3bu3ezcADyrVBXqyly/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'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://descriptionist.blogspot.com/2013/10/pada-kesempatan-kali-ini-saya-akan.html' target='_blank'>Get this widget !</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- descriptionist -->
- Keterangan: Ganti tulisan warna Hijau sesuai keinginan , untuk tulisan warna Merah ganti dengan nama sobat, dan untuk url yang berwarna Biru ganti dengan alamat/url foto sobat.
- Dan yang terakhir Simpan Template dan lihat hasilnya
Terima Kasih sobat telah membaca artikel 
0 komentar:
Posting Komentar