Kali ini saya ingin men-share tentang bagaimana cara membuat link dengan sebuah logo pada blogger. Namun sebelum anda mempraktikannya, ada baiknya anda mengidentifikasi blog yang telah anda miliki. Apakah blogger anda masih menggunakan tampilan dashboard (dasbor) yang lawas/lama atau sudah menggunakan tampilan baru. Di bawah ini saya akan memposting 2 jenis tahap pembuatan yang cukup signifikan. Silahkan anda menyesuaikan dengan tampilan dasbor anda.
- Login dahulu ke akun blog anda.
- Klik Design (rancangan).
- Lalu klik edit html dan cari kode </body>. *Untuk mempermudah pencarian tekan tombol ctrl+f pada keyboard lalu tuliskan kode yang ingin anda cari pada kolom yang tersedia.
- Setelah ditemukan, salin kode script di bawah ini tepat Diatas kode </body> tersebut.
<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != " "){keyword = " " + keyword;}
this.keywdHref[keyword] = href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName("div");
for(var i=0; i<objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf("post-body")>-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, "<a href='"+href+"'>"+keyword+"</a>", "gi");
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout("f.createAnchor()", 100);
}
}
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add("@fadlerz", "http://fadlerz-holic.blogspot.com/");
f.startScript();
</script></b:if>
Dan berikut ini adalah tahapan dalam membuat link dengan logo pada Blog tampilan baru :
- Login dahulu ke akun blog anda.
- Masuk ke dalam http://draft.blogger.com/
- Klik Layout (Tata Letak) pada Other Optional (Opsi lainnya).
- Klik Add Gadget (Tambah Gadget).
- Cari dan klik gadget yang bernama HTML/JavaScript.
- Salin kode di bawah ini ke dalam Content Box (Kotak Konten).
*Note:
- Ganti fadlerz-holic.blogspot.com/ dengan alamat url yang ingin anda jadikan link.
- Ganti 3.bp.blogspot.com/-zQ5gjyPvAjc/UMM24bhjCfI/AAAAAAAAAHA/thqDhgYhW1Q/s1600/DSC_0479_.jpg dengan alamat url dari sebuah gambar yang dapat mewakili link yang akan anda buat.
- Ganti @fadlerz dengan keyword (Kata Kunci) yang layak untuk link yang akan anda catumkan.
- width="150" height="125" Anda dapat mengganti ukuran lebar dan tinggi dari gambar yang akan berguna sebagai logo/ikon dari link yang anda buat.
*Jika anda membutuhkan link untuk membuat logo Universitas Gunadarma, silahkan langsung anda copy kode script di bawah ini ke dalam kotak konten.
<div class="kotak_iklan"><a href="http://www.gunadarma.ac.id/" title="UG"><img border="0" src="https://lh6.googleusercontent.com/-KW8p61f0TwQ/AAAAAAAAAAI/AAAAAAAAACM/r9jcfz0Clkc/s250-c-k/photo.jpg" alt="UG" width="150" height="125" /></a> <a href="http://www.gunadarma.ac.id/" title="UG"></a></div>
Selamat mencoba.
2 Februari 2015 pukul 04.30
kren gan sangat membantu saya
gan boleh tanya gak cara bikin bagroun kyak agan ini gi mana
kren banget nih soalnya :D