Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.
Beranda
Javascript

URL Replace With JavaScript

Merubah link komentator google plus menjadi alamat blog.
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....
#Javascript

87 komentar

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
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. makasih mas ilmunya
    1. sama2 sob...
  2. tap mantap .. sangat informatif banget kang
    hatur thankyu
    1. sami2 kang... :)
  3. 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
    1. sebenrnya gampangan CSS malah... congratz deh udah faham JS sekarang :)
  4. 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 :)
    1. 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>
  5. 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??
    1. sama aja dua duanya
    2. 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]
  6. mantap dehhhh, kang blogku baru redesign, apakah responsive? xixixixi xD
    1. pasti responsive... xxixiixi
  7. wah lumayan buat di pelajari.... siapa tau bisa buat yang aneh2 :D
    1. kalau punya yang aneh ditunggu sharingnya
  8. Bookmark → Tidur → Ke Jamban → Nyalain PC → Launch Modem + Open Browser + Open Bookmark → Login Blogger ! ( Intinya : Izin sedot kang ) #mangstaaab :D
    1. iraha sahurna ateuh :0
  9. wah,,,,boleh juga nich infonya kang,,,,
    haturnuhun!
    1. sama2 ki... eta teu cangkeul ngiceup?
  10. seueur pisan atuh kang lamun hiji rw di alihkan sadaya..hahahay
    cobi miluan anggo nalika sunda kang hahahay
    1. pasti seueur... ngan resiko ;)
  11. 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.
    1. 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>
  12. Oh jadi seperti itu.. kreatif bgt kang..
    1. simple ya :)
  13. ini dia yang saya tunggu.. thank mas
    1. sama2 sob.... semoga bermanfaat
  14. Ini ya yang kemarin ditanya sama teman blogger cara membuat url google plus lansung mengarah keblognya.Sepertinya ini jadi jawaban besar Kang :)
    1. mudah2an... bermanfaat sob :)
  15. 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
    1. kayaknya gk bisa ngilangin OpenID doang, soalnya itu bawaan blogger. Solusinya cuman sistem komentar dengan akun google. :)


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

  16. 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..
    1. pertanyaan yang bagus ... :D Tolong dijawab kang dimana tempat belajar JS ... :)
  17. hampir sama dengan punya saya yang ini ya kang

    http://www.fullblogdesign.com/2013/02/link-aktif-di-komentar-menjadi-url-home.html
    1. emang konsepnya sama sob....
  18. hatur nuhun kang.. ilmuna bermanfaat :)
    1. sama2 sob...
  19. Ada tutorial baru ini untuk mengubah link google plus langsung redirect ke link blog,simpan kodenya Mas mudahan nanti bisa dipraktekkan.
    1. silahkan disimpan saja sob :)
  20. ohh ternyata pengalihanya sederhana ya kang,,, tak kirain rumit ;)
    1. ga serumit yang dibayangkan sob.... :)
  21. memang selalu mantap kang :-d
  22. bisa bisa sampe ratusan lebih nih...
    1. kayaknya ga sampe deh sob kalau cuman top komentator ;)
  23. 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...
    1. wa'alaikum salam.... maksudnya yang mana ya? related post? masih bingung pertanyaannya
  24. Soalnya komentar di blog saya masih sepi, jadinya pakainya kapan2 deh L), bookmars dulu aja :D
    1. Sama,., Di Bookmaks Dulu Aja..
  25. ijin nyomot ilmunya kang
  26. Bah haha, ini keren jg, dikirain ente dri google plusnya... trnyata pks js toh..
  27. Sy simpan dlu acriptnya Kang, kebetulan juga blog sy blum banyak pengunjung nnti udh rame kayak pasar baru saya pasangi script ini
    1. 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
  28. izin nyimak n belajar,,,
    newbie,,,,,,,
  29. [ 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 ! ^_^
  30. Prisma Try Laksana
    Komentar ini telah dihapus oleh pengarang.
  31. oh ternyata begitu caranya, berarti menggunakan google drive merupakan salah satu cara untuk memperkecil HTML ya ?

    mohon dimaklumi masih newbie
  32. Kalau untuk membuat attribute blog menggunakan javascript gimana kang? contoh kayak di template Zikazave kang ismet. Btw, makasih sebelumnya kang :)
  33. |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 @@,
    1. 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.
  34. 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?
    1. emang dari bloggernya di ganti sob.. oh iya saya baru nyadar toggle commentnya ga jalan.. nanti coba saya cari tau
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
More Details
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.