Membuat Sendiri Tombol Share dan Bookmark

Setiap artikel atau tulisan pada blog atau situs-situs berita pada saat ini, sudah merupakan feature wajib adanya tombol share atau bookmark. Tombol share atau bookmark adalah suatu link supaya kita bisa berbagi atau menandai suatu artikel yang menurut pembaca menarik dan mereka ingin memberitahukannya ke orang lain melalui situs social networking atau bookmarking seperti facebook, twitter, dig, delicious dan sebagainya.

Sebenarnya ada banyak situs penyedia membuat tombol ini secara otomatis, seperti addthis.com. Cukup tempel script yang mereka beri, otomatis akan terbuat sendiri tombol sharenya. Tapi mungkin kamu-kamu udah bosan dengan tampilannya, atau merasa situs kamu menjadi berat karena script tersebut.

Pertama-tama, download icon-icon tombol share dan bookmark yang lucu dan keren sesuai keinginan kamu.

Atau anda bisa cari di google dengan kata kunci icon bookmark

Format Kode Tombol Share

berikut adalah format kode untuk membuat tombol share atau bookmarking beberapa situs

facebook.com

 <a href="http://www.facebook.com/share.php?u=url_artikel"><img src="gambar_tombol" border=0></a>

twitter.com

<a href="http://twitter.com/share?url=url_artikel&text=judul><img src="gambar_tombol" border=0></a>

digg.com

<a href="http://digg.com/submit?phase=2&url=url_artikel"><img src="gambar_tombol" border=0></a>

delicious.com

<a href="http://del.icio.us/post?url=url_artikel&title=judul"><img src="gambar_tombol" border=0></a>

Membuat Tombol Share atau Bookmark dengan PHP

Sekarang tinggak kita generate url_artikel dan judul dengan PHP, yang kita ambil dari database MySQL

selengkapnya.php

<?php
include "koneksi.php";
$id = $_GET['id'];
$berita = mysql_query("SELECT * FROM tabelberita WHERE beritaid=$id");
while($b = mysql_fetch_array($berita)){
    $judul = $b['judul'];
    echo "<h2>".$b['judul']."</h2>";
    echo "<font color=red>".$b['tanggal']." Ketegori: ".$b['kategori']."<br></font>";
    echo $b['pendahuluan']."<p>";
    echo $b['lanjutan'];
}
echo "<p>";
$domain = "http://localhost"; //sesuaikan dengan website kamu
$url = $domain.$_SERVER['REQUEST_URI'];

//membuat tombol facebook
echo "<a href=\"http://www.facebook.com/share.php?u=$url\"><img src=\"facebook.png\" border=0></a>";

//membuat tombol twitter
echo "<a href=\"http://twitter.com/share?url=$url&text=$judul\"><img src=\"twitter.png\" border=0></a>";

//membuat tombol digg
echo "<a href=\"http://digg.com/submit?phase=2&url=$url\"><img src=\"digg.png\" border=0></a>";

//membuat tombol delicious
echo "<a href=\"http://del.icio.us/post?url=$url&title=$judul\"><img src=\"delicious.png\" border=0></a>";
?>

dikutip dari

http://blog.codingwear.com/read36-Membuat-Sendiri-Tombol-Share-dan-Bookmark.drz

Advertisement
    • hendro
    • February 1st, 2011

    waah mas makasih banyak yah atas share nya berguna banget ..

      • choirulVandross
      • February 1st, 2011

      siip sama2 belajar kok .. :)

    • denis
    • February 1st, 2011

    mas, kalau di addthis itu kan ada banyak, klu kita mau buat seperti itu bisa?

      • choirulVandross
      • February 1st, 2011

      bisa, tinggal kita tau url link dari situs yang mau kita buatkan share link nya
      selebihnya tinggal kreatifitas kita : )

  1. wah mesti dicoba nih..tq atas ilmunya..
    nti klo ada format yg baru dishare ya..

    • Ariyanto
    • February 2nd, 2011

    asiik nih makasi mas ..

    • CiccaCuit
    • February 2nd, 2011

    patut dicoba buat TA untuk programnya,,,,
    thx

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 136 other followers