Tutorial Memasang Widget LintasBerita di Wordpress & Blogger
Siapa yang belum tahu LintasBerita? Social Bookmarking versi Indonesia yang satu ini merupakan salah satu cara singkat populer di dunia internet indonesia. Kalau target visitor website/blog kamu lebih banyak dari Indonesia ya ngapain harus pake Digg, Del.Icio.Us, dan semacamnya! Cukuplah pake LintasBerita sajah.

Lintas Berita adalah tempat dimana Anda dapat menemukan dan berbagi informasi berita dari segala sumber yang ada di web, mulai dari sumber yang paling terkenal sampai dari sumber yang tidak pernah Anda tahu. Lintas berita akan memunculkan informasi-informasi terbaik yang merupakan hasil voting dari para pembaca. Di Lintas Berita Anda tidak akan dibatasi oleh seorang editor yang memungkinkan memangkas berita secara subyektif, namun disini kami benar-benar menyediakan tempat untuk Anda dapat menentukan sendiri secara kolektif mana informasi berita yang bernilai atau tidak. Lintas Berita akan mengubah cara Anda untuk mendapatkan berita-berita online.

Untuk memberikan kemudahan bagi kamu dan pengunjung kamu dalam mempublikasikan berita dan informasi yang kamu miliki ke Lintas Berita, kamu bisa memasang widget LintasBerita di website/blog kamu. Widget yang ditawarkan ada 2 macam, yaitu widget kontribusi dan widget voting. Mana yang harus dipasang? Itu sih tergantung selera kamu. Saat ini widget kontribusi sudah memberikan banyak pilihan gambar dan ukuran yang bisa digunakan, sedangkan widget voting baru ada dua model berbeda.

Berhubung mayoritas internet mania di Indonesia menggunakan Wordpress & Blogger, maka saya mencoba menuliskan bagaimana memasang widget LintasBerita di kedua blog engine populer tersebut.

Wordpress (Self Hosted)

Kalau kamu punya hosting sendiri, kamu bisa memasang widget LintasBerita dengan mudah, yang perlu dilakukan hanya melakukan editing di file template kamu. Caranya masuk saja ke menu Presentation - Theme Editor.

– widget kontribusi –

Pilihan gambar yang bisa digunakan bisa dilihat di sini. Bisa juga kamu menggunakan desain icon milikmu sendiri.

<a href="http://www.lintasberita.com/submit.php?phase=2&url=<?php the_permalink(); ?>">
<img src="http://www.lintasberita.com/buttons_lb/lintasberita_e_100x20.png" />
</a>

– widget voting –

Sebenarnya sudah ada yang mencoba membuatkan LintasBerita Wordpress Plugin. Tinggal download kemudian pasang kode berikut di blog kamu. 

<?php vote_lintas(''); ?>

Tapi buat kalian yang sudah mempunyai banyak koleksi plugin di blog kamu bisa jadi menambah plugin baru merupakan pilihan yang sebaiknya dihindari untuk mengurangi kerja server. Nah, jika tidak mau memakai plugin ya silahkan saja mengganti kode di atas dengan kode di bawah ini. 

<script type="text/javascript">
  lb_url = '<?php the_permalink(); ?>';
  lb_title = '<?php the_title(); ?>';
  lb_topic = '';
  lb_skin = 'mode2';
  lb_bgcolor = '#000';
  lb_border = '1';
  lb_bordercolor = '#cccccc';
  lb_width = '45';
  lb_height = '18';
</script>
<script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script>

– tempat pemasangan –

Eits, buat yang masih ngaku “newbie” di WP, pasti nanya balik. Harus dipasang di file mana aja pak ustadz? Tergantung template yang kamu gunain sich, pokoknya harus diletakin di file template misalnya seperti berikut index.php, single.php, page.php, archive.php, category.php, 404.php . Kode di atas HARUS dipasang di dalam Wordpress Loop. Bahasa mudahnya, yang penting kodenya harus diletakin di dalam kode berikut ini.

<?php while (have_posts()) : the_post(); ?>

[  cari tempat yang pas dan tepat buat widget LintasBerita
   di antara kedua baris kode ini ]

<?php endwhile; ?>

Blogger

Sedangkan buat para Blogger mania, memasukkan widget LintasBerita juga bukan hal yang sulit. Silahkan menuju menu Template - Edit HTML, jangan lupa untuk memberikan tanda centang pada “Expand Template Widget”. Selanjutnya tinggal kopi paste kode berikut:

– widget kontribusi –

<a expr:href='"http://www.lintasberita.com/submit.php?phase=2&url=" + data:post.url’ >
<img src="http://www.lintasberita.com/buttons_lb/lintasberita_e_100×20.png" />
</a>

– widget voting –

<script type="text/javascript">
  lb_url = '<data:post.url/>’;
  lb_title = ‘<data:post.title/>’;
  lb_topic = ”;
  lb_skin = ‘mode2′;
  lb_bgcolor = ‘#000′;
  lb_border = ‘1′;
  lb_bordercolor = ‘#cccccc’;
  lb_width = ‘45′;
  lb_height = ‘18′;
</script>
<script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script>

– tempat pemasangan –

Silahkan saja kopi paste kode di atas di antara kedua kode berikut di menu Template - Edit HTML. Untuk bisa menemukan kode di bawah ini, jangan lupa untuk memberikan tanda centang pada “Expand Template Widget”

<b:includable id='post' var='post'>

[  cari tempat yang pas dan tepat buat widget LintasBerita
   di antara kedua baris kode ini ]

</b:includable>

Wordpress.Com

Ini nich yang rada susah, soalnya Wordpres.Com memberikan beberapa keterbatasan buat penggunanya. Namanya juga blog gratisan rek!

– widget kontribusi –

Karena tidak ada fasilitas Theme Editor buat pengguna Wordpress.Com, bahkan edit CSS pun harus mbayar, maka praktis tips-tips di atas tidak mungkin bisa dipraktekkan. Tapi jangan gampang menyerah, masih bisa diakali dikit koq. Cara ini bisa juga digunakan diberbagai macam blog lain seperti Blogsome misalnya, lirik *ame268*. Gimana caranya? Setiap kamu selesai mem-publish tulisanmu, coba edit kembali tulisanmu tersebut, kemudian kopi paste kode berikut,

<a href="http://www.lintasberita.com/submit.php?phase=2&url=ALAMAT_URL_TULISAN_KAMU">
<img src="http://www.lintasberita.com/buttons_lb/lintasberita_e_100x20.png" />
</a>

Ganti ALAMAT_URL_TULISAN_KAMU dengan alamat permalink tulisan yang telah kamu publish tersebut. Waduh, berarti harus manual satu-satu tiap selesai publish sebuah tulisan donk? Ya iya lah, daripada tidak masang sama sekali! :-p

– widget voting –

Yang bikin *gemes*, kode Javascript tidak boleh dipasang di dalam blog kita. Jadinya sampai kiamat pun ga bakalan bisa deh widget voting LintasBerita dipasang di blog kamu.

Contoh Implementasi di Website Black Quanta

Seperti yang saya bilang, suka-suka saja lah mau masang widget LintasBerita dimana. Kalau saya sich lebih senang meletakkan widget voting di dekat judul seperti yang bisa kamu lihat di website ini. Pengen ikutan? Cukup menambahkan kode berikut ini saja. Kode ini dipasang tepat sebelum kode permalink tulisan.

<div style="width:50px;float:right;">

[ Masukkan kode widget voting LintasBerita di atas di sini ]

</div>

Ada penjelasan saya yang dirasa *mbulet* ? Ndak usah sungkan, silahkan tanya, kita kan sama-sama belajar…