Beranda
Javascript

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 </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....

88 komentar

Disqus
1. Komentar ini, diurutkan dari yang terbaru
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.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Maaf kang gak sesuai topik posting. Kok kang kenapa ini semua kotak komentar blogger di ganti jadi kayak komentar google+, toggle google+ dan blogger juga gak bisa di klik. Gimana nih solusinya kang?
    Hapus Komentar
    • Hapus Balasan
      emang dari bloggernya di ganti sob.. oh iya saya baru nyadar toggle commentnya ga jalan.. nanti coba saya cari tau
  2. |o| jadi apa guna mereka memakai google account untuk berkomentar? :) sementara ada openID kalo pengen identitasnya sebagi alamat blog. tujuannya memang OK, tapi tidak sejalan.
    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 @@,
    Hapus Komentar
    • Hapus Balasan
      apa guna mereka memakai google account untuk berkomentar? tentunya sulit saya mengetahui jawabannya. sebagai ukuran ya saya sendiri. kenapa berkomentar dengan google account :
      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.
  3. Kalau untuk membuat attribute blog menggunakan javascript gimana kang? contoh kayak di template Zikazave kang ismet. Btw, makasih sebelumnya kang :)
    Hapus Komentar
  4. oh ternyata begitu caranya, berarti menggunakan google drive merupakan salah satu cara untuk memperkecil HTML ya ?

    mohon dimaklumi masih newbie
    Hapus Komentar
  5. Komentar ini telah dihapus oleh pengarang.
    Hapus Komentar
  6. [ Laporan ] kang ismet!! *sambil hormat*

    link Blogger Profile / Google+ kang ismet , sudah saya replace di blok saya :D ..

    check TKP -- hatetepe://blog.riandesign.web.id ! ^_^
    Hapus Komentar
  7. izin nyimak n belajar,,,
    newbie,,,,,,,
    Hapus Komentar
  8. Sy simpan dlu acriptnya Kang, kebetulan juga blog sy blum banyak pengunjung nnti udh rame kayak pasar baru saya pasangi script ini
    Hapus Komentar
    • Hapus Balasan
      Kalau terlalu banyak Link yg dipasang pd template apa nggak berat Kang, apalagi kalau blognya dihapus otomatis akan berdampak pd blog kita seperti Broken Link
  9. Bah haha, ini keren jg, dikirain ente dri google plusnya... trnyata pks js toh..
    Hapus Komentar
  10. ijin nyomot ilmunya kang
    Hapus Komentar
  11. Soalnya komentar di blog saya masih sepi, jadinya pakainya kapan2 deh L), bookmars dulu aja :D
    Hapus Komentar
    • Hapus Balasan
      Sama,., Di Bookmaks Dulu Aja..
  12. Kang, saya mau tanya. Sebelumnya bisa lihat blog saya yg Ilmu Umum. Cara membuat kolom widget dibawah posting jadi dua gimana kang ? Makasih ilmunya...

    Wassalamualaikum...
    Hapus Komentar
    • Hapus Balasan
      wa'alaikum salam.... maksudnya yang mana ya? related post? masih bingung pertanyaannya
  13. bisa bisa sampe ratusan lebih nih...
    Hapus Komentar
    • Hapus Balasan
      kayaknya ga sampe deh sob kalau cuman top komentator ;)
  14. memang selalu mantap kang :-d
    Hapus Komentar
  15. ohh ternyata pengalihanya sederhana ya kang,,, tak kirain rumit ;)
    Hapus Komentar
    • Hapus Balasan
      ga serumit yang dibayangkan sob.... :)
  16. Ada tutorial baru ini untuk mengubah link google plus langsung redirect ke link blog,simpan kodenya Mas mudahan nanti bisa dipraktekkan.
    Hapus Komentar
    • Hapus Balasan
      silahkan disimpan saja sob :)
  17. hatur nuhun kang.. ilmuna bermanfaat :)
    Hapus Komentar
  18. hampir sama dengan punya saya yang ini ya kang

    http://www.fullblogdesign.com/2013/02/link-aktif-di-komentar-menjadi-url-home.html
    Hapus Komentar
    • Hapus Balasan
      emang konsepnya sama sob....
  19. lumayan lieur diajar JS teh, kira-kira tempat belajar JS dimana kang ?
    Salah sedikit kadang tidak berfungsi JSnya.. :)
    kang maksud .attr sma $ apa ? trus a[href, kenapa gk pisahin sama spasi..
    Hapus Komentar
    • Hapus Balasan
      pertanyaan yang bagus ... :D Tolong dijawab kang dimana tempat belajar JS ... :)
  20. maaf kalo out of topic.. apa akang dan sobat2 disini pernah ngalami pengomentar dengan openid seperti ini?
    [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
    Hapus Komentar
    • Hapus Balasan
      kayaknya gk bisa ngilangin OpenID doang, soalnya itu bawaan blogger. Solusinya cuman sistem komentar dengan akun google. :)


    • Hapus Balasan
      mungkin kita bisa memanipulasi JS diatas untuk mengatasi komentar OpenID seperti halnya pengalihan URL. :)

  21. Ini ya yang kemarin ditanya sama teman blogger cara membuat url google plus lansung mengarah keblognya.Sepertinya ini jadi jawaban besar Kang :)
    Hapus Komentar
    • Hapus Balasan
      mudah2an... bermanfaat sob :)
  22. ini dia yang saya tunggu.. thank mas
    Hapus Komentar
    • Hapus Balasan
      sama2 sob.... semoga bermanfaat
  23. Oh jadi seperti itu.. kreatif bgt kang..
    Hapus Komentar
  24. Apa nda nda alternatif lain Kang seandainya setiap pengunjung yang berkomentar dengan menggunakan profil google plus nya langsung di arahkan ke url tertentu tanpa memasukan segitu banyak url google plus pada kode tersebut.
    Hapus Komentar
    • Hapus Balasan
      Untuk sementara saya pake dulu cara yang ini Kang dan alhamdulillah hasilnya udah sukses... :D


      <script type="text/javascript">
      $("a[href='URL-Asli']")
      .attr('href', 'URL-Pengganti')
      </script>
  25. seueur pisan atuh kang lamun hiji rw di alihkan sadaya..hahahay
    cobi miluan anggo nalika sunda kang hahahay
    Hapus Komentar
    • Hapus Balasan
      pasti seueur... ngan resiko ;)
  26. wah,,,,boleh juga nich infonya kang,,,,
    haturnuhun!
    Hapus Komentar
    • Hapus Balasan
      sama2 ki... eta teu cangkeul ngiceup?
  27. Bookmark → Tidur → Ke Jamban → Nyalain PC → Launch Modem + Open Browser + Open Bookmark → Login Blogger ! ( Intinya : Izin sedot kang ) #mangstaaab :D
    Hapus Komentar
  28. wah lumayan buat di pelajari.... siapa tau bisa buat yang aneh2 :D
    Hapus Komentar
    • Hapus Balasan
      kalau punya yang aneh ditunggu sharingnya
  29. mantap dehhhh, kang blogku baru redesign, apakah responsive? xixixixi xD
    Hapus Komentar
    • Hapus Balasan
      pasti responsive... xxixiixi
  30. tambah ilmu lagi :)
    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??
    Hapus Komentar
    • Hapus Balasan
      sama aja dua duanya
    • Hapus Balasan
      penutup tag </script> itu diperlukan, kalau tidak ditutup pasti error...
      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]
  31. kunjungan malam Kang :), Kang boleh bertanya gak?bagaimana cara menambah tombol like di bawah posting blog(seperti di blog akang ini) itu yang diatas "Kunjungi juga artikel lainnya". Klo bisa,saya mohon dikasi tutorialnya.Thanks :)
    Hapus Komentar
    • Hapus Balasan
      Cari kode :
      <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='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' 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>
  32. Sudah saya praktekin mas, ternyata memang gampang mas... hehehe di bandingkan belajar CSS yang dari dulu gak mudeng-mudeng, aku malah mudeng dengan JavaScript yang ini. bisa di bilang ini adalah JavaScript pertama yang aku bener-bener paham cara kerjanya. hahahaha
    Hapus Komentar
    • Hapus Balasan
      sebenrnya gampangan CSS malah... congratz deh udah faham JS sekarang :)
  33. tap mantap .. sangat informatif banget kang
    hatur thankyu
    Hapus Komentar
  34. makasih mas ilmunya
    Hapus Komentar