Membuat Permalink Otomatis Di BLog Dengan Photo Author
Bagaimana,Tertarik untuk membuat Permalink Otomatis Di Blog Dengan Photo Author?Silahkan ikuti tutorial sederhana dibawah ini.
Langkah awalnya adalah login ke blog anda >> Dashboard >> Template >> Edit Template >> Centang Expand Widget Templates.Alangkah lebih baiknya anda backup dulu tempalte anda,agar seandainya terjadi kesalahan,bisa dikembalikan template ke semula.
Berikutnya adalah cari kode ]]></b:skin>,untuk mempermudah mencari kode tersebut tekat Ctrl+F pada keyboard anda,kemudian masukkan kode tadi.Setelah menemukan kode tadi,copy pastekan kode dibawah ini tepat diatas kode
.buatpermalinkblogger{Untuk tulisan berwarna hijau merupakan warna untuk kotaknya,dan untuk tulisan berwarna merah merupakan ukuran photonya.Silahkan sesuaikan dengan keinginan anda.
display:block;
width:auto;
border:1px solid #191919;
border-bottom:1px solid #666;
border-right:1px solid #666;
padding: 5px;
background: #444;
-moz-border-radius:5px;
}
.buatpermalinkblogger .kontainer{padding:5px;}
.buatpermalinkblogger h4{
background:#444;
border:none;
text-transform:normal;
padding:5px 5px;
margin:0 0 0 0;
display:block;
}
.buatpermalinkblogger img{
width:50px;
height:50px;
margin:0 10px 0 0;
float:left;
border:1px solid #000000;
padding:2px;
background:#FFFFFF;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
Langkah selanjutnya adalah cari kode <div class='post-footer-line post-footer-line-1'> >atau jika tidak menemukan kode tersebut coba cari kode <p class='post-footer-line post-footer-line-1'>Jika salah satu kode tersebut sudah ditemukan maka copy pastekan kode dibawah ini tepat dibawah kode tadi.
<b:if cond='data:blog.pageType == "item"'>Ganti tulisan http://softsharest.blogspot.com dengan url blog anda dan ganti tulisan Free Share Softwares dengan title blog anda.Ganti url photo ini https://lh4.googleusercontent.com/-mD_KtOQDAGs/AAAAAAAAAAI/AAAAAAAAAIw/kuWW88Oflx8/s250-c-k/photo.jpg dengan photo anda.softsharest.blogspot.com ganti dengan blog anda.
<div class='buatpermalinkblogger'>
<div style='text-align: left;text-shadow:1px 1px 1px #000;'><h4>Diposting Oleh : <a href='http://softsharest.blogspot.com'>Free Share Softwares</a></h4></div>
<div class='kontainer'>
<img src='https://lh4.googleusercontent.com/-mD_KtOQDAGs/AAAAAAAAAAI/AAAAAAAAAIw/kuWW88Oflx8/s250-c-k/photo.jpg'/><div style='text-align: left;text-shadow:1px 1px 1px #000;'><small>Anda sedang membaca artikel tentang <strong><i><data:blog.pageName/></i></strong> dan bila berkenan Anda bisa share artikel <strong><i><data:blog.pageName/></i></strong> ini dengan tombol share di bawah. Bila Anda bermaksud COPAS artikel <strong><i><data:blog.pageName/></i></strong> untuk diposting di blog Anda, mohon untuk meletakkan link <strong><i><a expr:href='data:post.url'><data:blog.pageName/></a></i></strong>
sebagai Sumbernya dengan mengcopy kode di bawah ini.</small></div>
<div>
<form name="Free Share Softwares">
<p align="center" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 560px; height: 30px" name="txt" rows="1" cols="45" onmouseover="this.form.txt.select()" readonly ;><small>Sumber: <a href='<data:post.url/>'target='_blank'><strong><i>softsharest.blogspot.com</i></strong></a></small></textarea></p>
</div>
</div>
<div style='border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;'>Get this <a href='softsharest.blogspot.com/2012/11/membuat-permalink-otomatis-di-blog.html' target='_blank'>widget</a></div>
</div>
</b:if>
Silakan anda preview untuk melihat penerapan kodenya.Kemudian save template blog anda.
Demikian tutorial bagaimana cara Membuat Permalink Otomatis Di BLog Dengan Photo Author
Salam Blogger
Article : Membuat Permalink Otomatis Di BLog Dengan Photo Author
article Title : Membuat Permalink Otomatis Di BLog Dengan Photo Author
Posting Komentar