Menambahkan Link Blog Pada Setiap Komentator G+

Kali ini saya akan membagikan lagi kode yang berhubungan dengan bagian komentar blogger, dimana link si pengomentar yang menggunakan Google Account ditambahi sebuah link blog mereka di sampingnya. Tujuannya agar Anda sebagai pemilik blog jadi mudah untuk mengunjungi-balik blog si pengomentar tanpa harus repot mencarinya.

Sebenarnya postingan ini berawal dari artikel yang dibagikan oleh Kang Ismet - URL Replace With JavaScript. Maka dengan itu saya mencoba memberikan solusi yang menurut saya lebih efesien, yang kemudian Kang Ismet telah merespon saran saya dan meminta sebuah masukkan. Saya akan mengangkat kembali apa yang telah dipaparkan oleh Kang Ismet pada artikelnya. Kode me-replace tersebut adalah menggantikan link pengomentar menjadi Link blog si pengomentar, dan kode yang digunakan adalah :

<script type="text/javascript">
$("a[href='Url_Asli']").attr('href', 'Url_Pengganti')
</script>

Jujur saja, kode tersebut memiliki kelemahan, di antaranya :

• Tujuan pengunjung yang berkomentar sebagai google account menjadi tidak tepat
• Kode(Function) harus selalu diduplikat jika ingin menambah URL pengomentar yang ingin di-replace
• Mungkin bisa menimbulkan ketidaknyamanan bagi pengomentar sebagai pengunjung setia ☻

Maka disini saya mencoba menyempurnakan tujuan tersebut dengan cara yang berbeda. Maka solusi saya adalah bukan dengan me-replace, tetapi dengan menambahkan link blog pengomentar di samping nama pengomentar. Berikut kodenya :

Tekan huruf O pada keyboard untuk melihat versi lama! dan C untuk kembali!

OLD VERSION

$(document).each(function(){
var siapa=[
'02801633550741062757',    /* ini ID saya                    */
'02284011263403920462',    /* ID nya Daniel Benny            */
'07706142952405337288',    /* ID nya Kang Ismet              */
'ID BLOGGER PROFILE'       /* list terakhir jangan beri koma */
];
var tambah=[
'lekitra.blogspot.com',           /* blog saya             */
'topspot-official.blogspot.com',  /* blognya Daniel Benny  */
'blog.kangismet.net',             /* blognya Kang Ismet    */
'ALAMAT BLOGNYA'                  /* tanpa http:// dan "/" terakhir */
];
for(a=0; a<=siapa[a]; a++){
$("cite a[href*='"+siapa[a]+"']")
.after(' | <a href="http://'+tambah[a]+'/" target="_blank" rel="nofollow">Blog</a>');
}
});

ID Blogger profile bisa anda temukan pada bagian belakang URL pengomentar yang menggunakan google account. Contoh URL-nya : http://www.blogger.com/profile/02801633550741062757. Cara mengurutkannya, misal jika pada baris pertama di var siapa anda memasukkan ID si A, maka pada baris pertama var tambah lah untuk URL blog si A. URL blog/situs yang anda masukkan tidak usah memakai "http://" dan "/" yang paling belakang. Cukup dengan namablog.blogspot.com

UPDATE! (NEW VERSION)

$(document).each(function(){
var daftarin=[
'02801633550741062757', 'lekitra.blogspot.com',
'02284011263403920462', 'topspot-official.blogspot.com',
'07706142952405337288', 'blog.kangismet.net',
'ID  BLOGGER  PROFILE', 'ALAMAT  BLOGNYA' 
/* List ke 5 dan seterusnya */
];

for(a=0; a<=daftarin[a]; a=a+2) {
 $("cite a[href*='"+daftarin[a]+"']").after
 (' | <a href="http://'+daftarin[a+1]+'/" rel="nofollow" target="_blank">Blog</a>');
}
});

ID Blogger profile bisa anda temukan pada bagian belakang URL pengomentar yang menggunakan google account. Contoh URL-nya : http://www.blogger.com/profile/02801633550741062757. Urutkan list seperti apa yang ada pada kode, tiap baris pada var daftarin anda masukkan ID blogger lalu URL Blog/Situsnya di kanan. URL yang anda masukkan tidak usah memakai "http://" dan tanda "/" terakhir. Cukup dengan namablog.blogspot.com atau www.website.com

Kode ini memerlukan JQuery agar kode tersebut dapat berjalan. Jika belum ada JQuery ter-embed pada blog Anda, salin kode di bawah ini bersamaan dengan kode di atas, letakkan tepat diatas </body>.

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>

Untuk demonya bisa dilihat DI SINI atau lihat sebagaimana yang tampil di komentar blog ini. Kodenya sudah cukup membuat kita lebih gampang mengatur dan menambah list serta lebih rapi, function pun tidak berulang-ulang. Semoga artikel ini tidak bermanfaat, salam blogger dan salam sukses!