Saya Akan Menjelaskan Cara Membuat Permalink Di Blog , Contoh Hasil Dari Langka langka Berikut Akan Seperti Gambar Di Bawah Ini Dan Jika Anda Tertarik Membuatnya Silahkan Ikuti Langka-Langka Berikut ini :
- Login ke akun blog sobat.
- Klik rancangan --> Edit HTML --> Centang kotak expand template widget
- Letakkan kode berikut di atas kode ]]></b:skin>
.admin-tulisan{ display:block; width:auto; background:#fff; border:2px solid#4eabff;
box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px #4eabff;-webkit-box-shadow:0 1px 3px #4eabff;
padding:0;margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif;color: #000;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#4eabff;border:none;border-bottom:1px solid #;color:#000; text-transform:normal; text- box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px#4eabff;-webkit-box-shadow:0 1px 3px #4eabff; font:bold 12px Arial,Sans-Serif;padding:5px 10px; margin:0 0 0 0; display:block; }
.admin-tulisan h4 a{color:#000;}
.admin-tulisan img{width:110px;height:110px; margin:0 10px 0 0; float:left; border:1px solid #4eabff;padding:2px; background:#4eabff; box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px #1da7e7;-webkit-box-shadow:0 1px 3px #4eabff;}
box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px #4eabff;-webkit-box-shadow:0 1px 3px #4eabff;
padding:0;margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif;color: #000;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#4eabff;border:none;border-bottom:1px solid #;color:#000; text-transform:normal; text- box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px#4eabff;-webkit-box-shadow:0 1px 3px #4eabff; font:bold 12px Arial,Sans-Serif;padding:5px 10px; margin:0 0 0 0; display:block; }
.admin-tulisan h4 a{color:#000;}
.admin-tulisan img{width:110px;height:110px; margin:0 10px 0 0; float:left; border:1px solid #4eabff;padding:2px; background:#4eabff; box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px #1da7e7;-webkit-box-shadow:0 1px 3px #4eabff;}
- Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
<!-- Permalink Tatelu -->
<b:if cond='data:blog.pageType == "item"'><div class='admin-tulisan'><h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4><div class='kontainer'><img alt='Muh.Akram' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadCd6AIvphK6f8uIyEmI1vmlEJGqb8NpIBQCmAurBAaSqXQ29up7J7ZxeIbr1Tvby8eT0OnoWHCCzim-LQmfZndEiuFttQ8Jn2_4rx_T8YSMwhnQBKwysnTn8xdHAPqZN8Hu-t8cTg7rJ/s1600/admin+akriz%27Z.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://zackybee7.blogspot.com/2012/05/cara-membuat-memasang-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/></div></div></b:if><!-- Permalink Tatelu -->
<b:if cond='data:blog.pageType == "item"'><div class='admin-tulisan'><h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4><div class='kontainer'><img alt='Muh.Akram' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadCd6AIvphK6f8uIyEmI1vmlEJGqb8NpIBQCmAurBAaSqXQ29up7J7ZxeIbr1Tvby8eT0OnoWHCCzim-LQmfZndEiuFttQ8Jn2_4rx_T8YSMwhnQBKwysnTn8xdHAPqZN8Hu-t8cTg7rJ/s1600/admin+akriz%27Z.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://zackybee7.blogspot.com/2012/05/cara-membuat-memasang-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/></div></div></b:if><!-- Permalink Tatelu -->
- Klik save dan lihat hasilnya.
Keterangan :
- Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
- Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )
- Dan warna Ungu Ganti Dengan Nama Sobat
0 Komentar untuk "Cara Membuat Permalink Di Blog"