Coffelink merupakan blog bookmarking ternama di Indonesia. Kita dapat menempatkan link/url artikel kita di website tersebut secara gratis. Kita dapat mencari backlink gratis dan pengunjung ke blog atau website kita dengan cara memasukkan link kita ke Coffelink. Secara sekilas, Coffelink mirip dengan website penyedia iklan baris. Kita tinggal mengisi beberapa kolom informasi yang dibutuhkan dan tidak berapa lama, keterangan blog/website kita tadi akan muncul sebagai salah satu postingan di website Coffelink.
Untuk memasukkan link kita ke Coffelink memang sedikit ribet, tapi Coffelink kali ini mengembangkan submit button yang dapat ditempatkan di bawah artikel/postingan kita. Ketika ada pengunjung yang datang ke blog kita dan mengeklik tombol tersebut, maka mereka akan diarahkan ke laman Coffelink agar dapat di submit ke website Coffelink. Langkah ini dapat memudahkan para pengguna Coffelink dalam memasukkan link mereka ke Coffelink dan tidak terlalu rumit dan dipusingkan dengan mengisi beberapa kolom informasi secara manual. Dengan tombol ini, hampir semua dilakukan secara otomatis, kecuali bagian kategori yang harus kita pilih secara manual.
Berikut cara membuat submit button Coffelink di bawah postingan artikel/postingan blogger :
Langkah
Buka halaman Edit HTML di Blogger. Kemudian cari kode </head>. Copy kode berikut di atas kode </head> :
<!-- Coffelink Submit Button -->
<link href='http://www.coffelink.com/apps/submit/button/submit.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
function openWin()
{
var title = document.title;
var url = document.location.href; window.open('http://submit.coffelink.com/2013/11/submit-link-coffelink-indonesia.html?name='+title+'&link='+url,'','top=0,left=0,width=600,height=550;')
}
</script>
Kemudian untuk menampilkan tombol submit, silahkan paste kode berikut di tempat dimana tombol akan ditempatkan. Karena kita akan menempatkan kode dibawah postingan, maka tempatkan kode submit button dibawah kode <data:post.body/>.
<!-- Coffelink Submit Button -->
<div class='buttons'> <a href='#' title='Coffelink Submit Link' onclick='openWin()' value='Open window'> <img alt='Coffelink Submit Link' src='http://www.coffelink.com/apps/pics/submit(icon).png'/>Submit</a></div>
Jika ada beberapa kode <data:post.body/>, maka tempatkan kode tersebut di bagian <data:post.body/> yang kedua.
Settingan dan Tampilan
Coffelink merupakan website bookmarking yang terbagi menjadi beberapa bagian sub berdasarkan negara dan bahasa. Settingan kode diatas digunakan jika anda ingin memasukkan link/url anda dalam bahasa dan wilayah Indonesia (Coffelink ID). Jika anda ingin menampilkan memasukkan link ke bahasa dan wilayah berbeda, anda dapat mengganti kode berwarna merah dibawah ini :
<!-- Coffelink Submit Button -->
<link href='http://www.coffelink.com/apps/submit/button/submit.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
function openWin()
{
var title = document.title;
var url = document.location.href; window.open('http://submit.coffelink.com/2013/11/submit-link-coffelink-indonesia.html?name='+title+'&link='+url,'','top=0,left=0,width=600,height=550;')
}
</script>
Silahkan pilih salah satu kode dimana anda ingin memasukkan link tersebut ke bagian Coffelink yang paling sesuai dengan bahasa dan wilayah anda :
Brasil : http://submit.coffelink.com/2013/11/submit-link-coffelink-brasil.html
Jerman : http://submit.coffelink.com/2013/11/submit-link-coffelink-germany.html
Malaysia : http://submit.coffelink.com/2013/11/submit-link-coffelink-malaysia.html
Inggris : http://submit.coffelink.com/2013/11/submit-link-coffelink-uk.html
Amerika Serikat : http://submit.coffelink.com/2013/11/submit-link-coffelink-us.html
Portugal : http://submit.coffelink.com/2013/11/submit-link-coffelink-portugal.html
Agar mendapatkan pengunjung yang sesuai sasaran, disarankan untuk menampilkan submit button sesuai dengan bahasa dan targetan visitor website anda. Misal, jika website anda dalam bahasa Inggris dan targetan visitor anda dari luar negeri, sebaiknya menggunakan pengaturan Inggris atau Amerika Serikat.
Untuk masalah tampilan, ada 3 jenis tampilan default button dari Coffelink sendiri, yaitu :
 |
| Simple Button |
<!-- Coffelink Submit Button -->
<div class='buttons'><a href='#' title='Coffelink Submit Button' onclick='openWin()' value='Open Window'><img alt='Coffelink Submit Button' src='http://www.coffelink.com/apps/pics/submit(icon).png' />Submit</a></div>
 |
| Horizontal Button |
<!-- Coffelink Submit Button -->
<div class='buttons'><a href='#' title='Coffelink Submit Button' onclick='openWin()' value='Open Window'><img alt='Coffelink Submit Button' src='http://www.coffelink.com/apps/pics/submit(hr).png' /></a></div>
 |
| Vertical Button |
<!-- Coffelink Submit Button -->
<div class='buttons'><a href='#' title='Coffelink Submit Button' onclick='openWin()' value='Open Window'><img alt='Coffelink Submit Button' src='http://www.coffelink.com/apps/pics/submit(vr).png' /></a></div>
Silahkan pilih salah satu kode yang paling cocok dengan tampilan website anda.
Jika anda ingin mengedit sendiri tampilan submit button Coffelink sesuai dengan keinginan, anda dapat mengedit kode CSS nya. Kode CSS dapat dilihat di kode yang berwarna merah :
<!-- Coffelink Submit Button -->
<link href='http://www.coffelink.com/apps/submit/button/submit.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
function openWin()
{
var title = document.title;
var url = document.location.href; window.open('http://submit.coffelink.com/2013/11/submit-link-coffelink-indonesia.html?name='+title+'&link='+url,'','top=0,left=0,width=600,height=550;')
}
</script>
Copy kode diatas di jendela browser yang baru. Anda dapat melihat kode CSS submit button Coffelink disana. Cara ini hanya disarankan bagi web progammer tingkat lanjut dan yang sudah memahami kode CSS.
Jika tombol di klik, maka jendela baru akan muncul. Anda atau pengunjung blog/website tinggal men-submit link tersebut ke Coffelink dengan mengeklik tombol Submit.
Anda dapat menggabungkan submit button Coffelink di samping sharing button jejaring sosial lainnya (Facebook, Twitter atau Google+). Selamat mencoba...
Penulis : Abdul Rokhim
Description : Cara membuat Submit Button Coffelink
Rating : 5
Reviewer : A r o k - Cara membuat Submit Button Coffelink
