URL Replace With JavaScript
Mengalihkan Link dengan JavaScript - Pada postingan sebelumnya saya memberikan persembahan bagi top komentator berupa pengalihan link dari Google Plus menuju blog. Banyak sahabat yang bertanya bagaimana caranya? sebenarnya script ni telah saya posting sebelumnya yaitu : Mengganti Link URL dengan JavaScript.
Intinya untuk mengalihkan satu link ke link yang lain, sobat bisa menyimpan script ini di atas
Yang saya lakukan untuk sahabat adalah mengalihkan link komentator aktif, menuju Blog. Hal ini saya lakukan untuk mempermudah blogwalking, dan supaya pengunjung lain mudah menemukan blog komentator.
Script yang saya pakai adalah script diatas, konsepnya seperti contoh ini :
Apabila terlalu banyak, silahkan simpan di Google Drive. Untuk menyimpan di google drive, hilangkan tulisan
Untuk menyimpan di template, simpan kode di atas
Intinya untuk mengalihkan satu link ke link yang lain, sobat bisa menyimpan script ini di atas
</body>
<script type="text/javascript">
jQuery("a[href='URL-Asli']")
.attr('href', 'URL-Pengganti')
</script>
atau<script type="text/javascript">
$("a[href='URL-Asli']")
.attr('href', 'URL-Pengganti')
</script>
Mengalihkan Komentator Google Plus ke Blog
Yang saya lakukan untuk sahabat adalah mengalihkan link komentator aktif, menuju Blog. Hal ini saya lakukan untuk mempermudah blogwalking, dan supaya pengunjung lain mudah menemukan blog komentator.
Script yang saya pakai adalah script diatas, konsepnya seperti contoh ini :
<script type="text/javascript">
$("a[href='http://www.blogger.com/profile/07706142952405337288']")
.attr('href', 'http://blog.kangismet.net/')
$("a[href='url-profil-google-plus-seperti-di-atas']")
.attr('href', 'url-blog-seperti-di-atas')
$("a[href='url-profil-google-plus-seperti-di-atas']")
.attr('href', 'url-blog-seperti-di-atas')
$("a[href='url-profil-google-plus-seperti-di-atas']")
.attr('href', 'url-blog-seperti-di-atas')
</script>
tambahkan saja terus URL Profil Google Plus, dan bawahnya blog tujuan. simpan di atas </body>
.Apabila terlalu banyak, silahkan simpan di Google Drive. Untuk menyimpan di google drive, hilangkan tulisan
<script type="text/javascript">
dan </script>
copy kode seperti ini :$("a[href='http://www.blogger.com/profile/07706142952405337288']")
.attr('href', 'http://blog.kangismet.net/')
$("a[href='url-profil-google-plus-seperti-di-atas']")
.attr('href', 'url-blog-seperti-di-atas')
$("a[href='url-profil-google-plus-seperti-di-atas']")
.attr('href', 'url-blog-seperti-di-atas')
$("a[href='url-profil-google-plus-seperti-di-atas']")
.attr('href', 'url-blog-seperti-di-atas')
paste di Notepad, kemudian Save As, pada Save as Type pilih All Files. Simpan dengan akhiran ekstensi .js, misalkan ganti-url.js kemudian upload ke Google Drive.Untuk menyimpan di template, simpan kode di atas
</body>
:<script src='url-file-di-google-drive' type='text/javascript'/>
Semoga bermanfaat....
87 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
ya sebenarnya ada cara kang supaya tujuan akang biar sejalan sama pengomentar berkomentar sebagai apa =D hehe maaf bikin bingung kang, salam olahraga.
btw, kodenya jadi panjang gitu ya kalo nambah list @@,
1. Kalau pun tersedia Name/URL saya males ngetik lagi
2. Males pake Open ID yang kadang2 tidak terverivikasi (malah terkesan cuma ingin nyimpen link kalau pake OpenID).
3. Tidak terintegrasi dengan Gravatar, kalau ada gravatar sprti WP, saya pilih gravatar.
Kenapa saya alihkan sebagian komentator ke alamat blog?
dengan banyaknya komentator, sulit untuk mengingat URL mereka. Terkadang saya tidak menemukan mereka di G+. Saya alihkan URL mereka untuk memudahkan blogwalking saya sendiri.
Apakah cocok keinginan saya dengan mereka?
Ternyata dari lebih 40 URL G+ yang saya alihkan, hanya 1 orang yang minta di kembalikan ke G+. selebihnya mereka berterimakasih, artinya 99% sesuai keinginannya dengan saya.
pertanyaan saya, gimana yang sejalan itu? bagaimana supaya tujuan saya biar sejalan sama pengomentar sesuai komen sobat di atas? mohon masukannya.
mohon dimaklumi masih newbie
link Blogger Profile / Google+ kang ismet , sudah saya replace di blok saya :D ..
check TKP -- hatetepe://blog.riandesign.web.id ! ^_^
newbie,,,,,,,
Wassalamualaikum...
http://www.fullblogdesign.com/2013/02/link-aktif-di-komentar-menjadi-url-home.html
Salah sedikit kadang tidak berfungsi JSnya.. :)
kang maksud .attr sma $ apa ? trus a[href, kenapa gk pisahin sama spasi..
[catatan][img]http://i.imgur.com/5fgqm9N.png[/img][/catatan]
anonymous & name/url emang sudah tidak saya berlaku, lahh itu bisa begitu layaknya name/url -_- solusinya kira-kira apa kang.. selain harus menggunakan sistem komentar dengan akun google
<script type="text/javascript">
$("a[href='URL-Asli']")
.attr('href', 'URL-Pengganti')
</script>
cobi miluan anggo nalika sunda kang hahahay
haturnuhun!
kang mau tanya nih, apa perbedaan dari :
<script src='http://blablabla.com' type='text/javascript'/>
dan
<script src='http://blablabla.com' type='text/javascript'/>
</script>
apakah tag penutup </script> itu di perlukan??
tag script yang sudah ditutup contohnya seperti ini :
[img]http://4.bp.blogspot.com/-9f9M8l113os/Ue74gWn7WnI/AAAAAAAAE7Y/_mlMlb_u_1I/s1600/penutuptag1.png[/img]
atau
[img]http://1.bp.blogspot.com/-tdmZasIaZ7A/Ue74jY94w3I/AAAAAAAAE7g/Pnf6gpgt_jQ/s1600/penutuptag2.png[/img]
<div class='post-footer-line post-footer-line-3'>
....
</div>
Simpan kode ini, dibawahnya :
<div style='float:left;width:98.5%;background:#f2fabd;border:1px solid #ccc;;padding:11px 0 5px 10px;margin:5px 0 5px 0'>
<span style='float:left;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></span>
<span style='margin-left:15px'><a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></span>
<span><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='medium'/></span>
</div>
hatur thankyu