URL Replace With JavaScript
Kang Ismet
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><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></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')Untuk menyimpan di template, simpan kode di atas
</body> :<script src='url-file-di-google-drive' type='text/javascript'/>
makasih mas ilmunya
sama2 sob...
tap mantap .. sangat informatif banget kang
hatur thankyu
sami2 kang... :)
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
sebenrnya gampangan CSS malah... congratz deh udah faham JS sekarang :)
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 :)
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='"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=&…
mantap dehhhh, kang blogku baru redesign, apakah responsive? xixixixi xD
pasti responsive... xxixiixi
wah lumayan buat di pelajari.... siapa tau bisa buat yang aneh2 :D
kalau punya yang aneh ditunggu sharingnya
Bookmark → Tidur → Ke Jamban → Nyalain PC → Launch Modem + Open Browser + Open Bookmark → Login Blogger ! ( Intinya : Izin sedot kang ) #mangstaaab :D
iraha sahurna ateuh :0
wah,,,,boleh juga nich infonya kang,,,,
haturnuhun!
sama2 ki... eta teu cangkeul ngiceup?
seueur pisan atuh kang lamun hiji rw di alihkan sadaya..hahahay
cobi miluan anggo nalika sunda kang hahahay
pasti seueur... ngan resiko ;)
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.
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>
Oh jadi seperti itu.. kreatif bgt kang..
simple ya :)
ini dia yang saya tunggu.. thank mas
sama2 sob.... semoga bermanfaat
Ini ya yang kemarin ditanya sama teman blogger cara membuat url google plus lansung mengarah keblognya.Sepertinya ini jadi jawaban besar Kang :)
mudah2an... bermanfaat sob :)
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
kayaknya gk bisa ngilangin OpenID doang, soalnya itu bawaan blogger. Solusinya cuman sistem komentar dengan akun google. :)
mungkin kita bisa memanipulasi JS diatas untuk mengatasi komentar OpenID seperti halnya pengalihan URL. :)
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..
pertanyaan yang bagus ... :D Tolong dijawab kang dimana tempat belajar JS ... :)
hampir sama dengan punya saya yang ini ya kang
http://www.fullblogdesign.com/2013/02/link-aktif-di-komentar-menjadi-url-home.html
emang konsepnya sama sob....
hatur nuhun kang.. ilmuna bermanfaat :)
sama2 sob...
Ada tutorial baru ini untuk mengubah link google plus langsung redirect ke link blog,simpan kodenya Mas mudahan nanti bisa dipraktekkan.
silahkan disimpan saja sob :)
ohh ternyata pengalihanya sederhana ya kang,,, tak kirain rumit ;)
ga serumit yang dibayangkan sob.... :)
memang selalu mantap kang :-d
Komentar ini telah dihapus oleh Kang Ismet sebagai penulis.
bisa bisa sampe ratusan lebih nih...
kayaknya ga sampe deh sob kalau cuman top komentator ;)
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...
wa'alaikum salam.... maksudnya yang mana ya? related post? masih bingung pertanyaannya
Soalnya komentar di blog saya masih sepi, jadinya pakainya kapan2 deh L), bookmars dulu aja :D
ijin nyomot ilmunya kang
Bah haha, ini keren jg, dikirain ente dri google plusnya... trnyata pks js toh..
Sy simpan dlu acriptnya Kang, kebetulan juga blog sy blum banyak pengunjung nnti udh rame kayak pasar baru saya pasangi script ini
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
izin nyimak n belajar,,,
newbie,,,,,,,
[ 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 ! ^_^
Komentar ini telah dihapus oleh Prisma Try Laksana sebagai penulis.
oh ternyata begitu caranya, berarti menggunakan google drive merupakan salah satu cara untuk memperkecil HTML ya ?
mohon dimaklumi masih newbie
Kalau untuk membuat attribute blog menggunakan javascript gimana kang? contoh kayak di template Zikazave kang ismet. Btw, makasih sebelumnya kang :)
|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 @@,
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 at…
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?
emang dari bloggernya di ganti sob.. oh iya saya baru nyadar toggle commentnya ga jalan.. nanti coba saya cari tau