Selasa, 25 Juni 2013

Tag akun sosmed menggunakan regex


Kemarin ngomongin tandai kata menggunakan Regex, sekarang aku mau share kode Regex untuk men_Tag akun-akun sosial media kita sendiri maupun akun sosial milik teman, aku udah bagi kodenya:

1. tag facebook menggunakan tanda # (pagar)
2. tag tweeter menggunakan @ (at)
3. tag G-plus menggunakan + (tambah)

Jadi penggunaannya seperti ini

Contoh akun facebook

#ardhi.06 (username facebook)
#094837283 (fb id)

Contoh akun Tweet

@zintoromance (username tweet)

Contoh akun Google Plus

+100880387177396046548 (ID akun G+)

Kode langkapnya..

<script type='text/javascript'>
var a,b;
a=document.getElementsByClassName("post-body")[0];
b=a.innerHTML;
b=b.replace(/\#([\w\.]+)/g,"<a class='fb' href='http://0.facebook.com/$1' target='_blank'>#$1</a>");
b=b.replace(/\@([\w\.]+)/g,"<a class='tweet' href='https://twitter.com/$1' target='_blank'>@$1</a>");
b=b.replace(/\+([\w\.]+)/g,"<a class='plus' href='https://plus.google.com/$1' target='_blank'>+$1</a>");
a.innerHTML = b;
</script>

Simpan javascript diatas </body>

.fb {
color: #0016B4;
}
.tweet {
color: #0092D6;
}
.plus {
color: #BD1102;
}

Css diatas ]]></b:skin>

Contoh

Warning:
Jangan memakai cara ini jika blog anda bertopik tutorial karena kode warna biasanya diawali dengan tanda pagar, jadi jika anda gunakan cara ini, maka kode warnanya akan menjadi link, dan ini salah satu masalah yg belum aku temukan solusinya, maklum saja karena masih baru belajar.