TopBottom

Blog Tutorial

About Me

Add your donation here for a better of our service. Thanks!

Berlangganan

Anda Suka Tips Blogger Zacky?
Temukan Kami Di:
Ingin Dapat Artikel Terbaru?
rss Klik disini untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:

Membuat Icon External Link Dengan jQuery

Original by IFX Adrian | 02 Februari 2010 13 Comments

External Links IconSelamat malam semuanya... Sebelum saya mulai menjelaskan tips ini, coba anda buka dulu blog ini.
Sudahkan? Nha, coba anda perhatikan link Smooth Scrolling Back-to-Top dan External Links Icon. Setelah link tersebut muncul icon external link. Icon tersebut menunjukkan bahwa link yang ada dibelakangnya adalah sebuah link external. Anda tentu sudah paham arti dari link external. Sekarang, saya akan menjelaskan cara membuat icon link external tersebut secara otomatis dengan sedikit sentuhan jQuery.

Berikut Cara Membuat Icon Link External


1. Login ke akun Blogger anda

2. Pilih Layout > Edit HTML

3. Cari kode </head>, lalu paste kode berikut di atasnya:

<!-- EXTERNAL LINKS ICON -->
<style>
.exlicon img {
border:0;
padding:0;
margin:0
} /* kode ini bisa anda pindahkan tepat di atas kode ]]></b:skin> */

</style>

<SCRIPT src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template anda sudah terdapat script jQuery 1.3.2, maka anda tidak perlu lagi menambahkan kode ini -->

<script type='text/javascript'>
$(document).ready(function() {
$('.exlicon a').filter(function() {
return this.hostname && this.hostname !== location.hostname;
}).after(' <img src="http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S2g4rizodxI/AAAAAAAABCQ/y9K3bCLHSs0/s400/icon.gif" alt="external link" />');
});
</script>
<!-- EXTERNAL LINKS ICON -->



Keterangan:
- http://1.bp.blogspot.com/_Z_KyM3IvEFQ/S2g4rizodxI/AAAAAAAABCQ/y9K3bCLHSs0/s400/icon.gif adalah url icon.

4. Cari kode <data:post.body/>, ganti kode tersebut dengan:

<div class='exlicon'><data:post.body/></div>



5. Terakhir, klik Save Template.

Untuk demonya bisa anda lihat disini.

Selamat mencoba...

Bagikan Artikel Ini!

<a href="http://instaforex.com/forexcopy_system.php?x=DVXF">InstaForex</a>
Facebook Delicious Digg! Twitter Linkedin StumbleUpon Lintas Berita
Technorati Google Bookmarks Mixx Yahoo! Newsvine Reddit

Artikel Lain Yang Mungkin Anda Baca

13 komentar:

Arief Rizky Ramadhan 4 Februari 2010 05.43  

keren nih.. ga ada buat wordpress ya kang =))

Zacky Adrishayuni 4 Februari 2010 16.07  

wah, kalau untuk wordpress saya belum paham...

Facechan 4 Februari 2010 19.42  

Wah blognya keren.....

Btw ad tutorial bikin tombol share kyk punya situ ngga??

Keren bgt...

kalo nda ad bs tolong dipostkan kah??

Klo ada aku lg proses cari artikelnya...

thanks sob.....

Zacky Adrishayuni 4 Februari 2010 20.57  

@Facechan: Cara membuat tombol share itu bisa kamu baca disini. Untuk style dan posisinya di blog bisa kamu costumisasi sendiri.

Kalau tidak bisa, kamu kirim template kamu, biar aku yang edit...

Facechan 4 Februari 2010 21.25  

@Zacky Adrihayuni : Wah thanks sob....

besok aku coba... skrng udah malem... maw tidur..

besok skull... hehehe...

thanks bgt yah......

sandhioke 4 Februari 2010 23.53  

wah mmnstap sob, dapat ilmu lg neh mlm2, hohoho..

IHSAN 6 Maret 2010 07.22  

Keren bos

terus berkarya :)

dinoo 30 Juli 2010 18.45  

tetap semangat posting bos!! :D :D
manteb tutorialnya, sebenarnya bukan link eksternal ini yang saya cari, tapi tetep manteb nambah ilmu

Gallant 28 Februari 2012 09.53  

nice share, btw sy jg mau tanya gan, untuk membuat link gambar blog kita seperti link gambar sperti blog catalog disidebar itu bagaiman Ya? lupa caranya

ridho bul Ridhobul 6 Juni 2015 22.45  

Saya Sangat BerTerima kasih Atas Bantuan Angka Ritual MBAHâ?¦Angka MBAH EROK PRANAL Tembus 100%â?¦Saya udah kemana-mana mencari angka yang mantap selalu gak ada hasilnyaâ?¦sampai- sampai hutang malah menumpukâ?¦tanpa sengaja seorang teman lagi cari nomer jitu di internetâ?¦Kok ketemu NomoR MBAH EROK PRANAL..Saya coba beli Paket 4D ternyata Tembusâ?¦dan Bagai di sambar Petir..Ternyata Angka Ritual Ghoib MBAH EROK PRANALâ?¦Yang SaYa Minta Tembus 4Dâ?¦Baru kali ini saya mendapat angka ritual yang benar-benar Mantapâ?¦Bagi saudara yang ingin merubah Nasib seperti sayaâ?¦Anda Bisa CALL/SMS Di Nomer MBAH EROK PRANAL 085 377 797 151.(((Buktikan Aja Sendiri Saudara-Saudari)))

sherlina halim 15 Oktober 2015 02.19  

Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
asianbet77.com

Download Disini

Posting Komentar