Membuat Manual Social Bookmarking Cantik Minimalis Di Blog

Meletakkan icon social bookmarking pada blog bagi saya penting dilakukan. Selain kita mendapatkan backlink, nambah traffic, juga membuat tampilan blog kita sedikit cantik. Asal kita bisa mengatur tata peletakannya. Pada blog ini saya memilih icon-icon social bookmarking yang kecil-kecil ukurannya. Agar terlihat minimalis dan ga makan tempat (contoh di bawah postingan ini). Dulu saya menggunakan plugin sociable untuk menambahkan social bookmarking blog ini. Karena Banyak yang merekomendasikan plugin itu di forum-forum, terus saya coba. Ternyata saya dapat kendala menggunakan plugin tersebut. Susah mengatur peletakkan manualnya di theme ini. (maklum nubi). Akhirnya ya saya lepas dan cari cara buat membuat social bookmarking secara manual. Biar lebih irit penggunaan plugin. Kebanyakan plugin yang diinstal di blog juga ga baik. Nah..kebetulan saat mampir diblognya kabarwanita.com liat social bookmarking nya kok bagus. Muncul ide buat naruh di blog caritauaja. Comot deh hehe..(maav kang admin ijin contek ).

Bagaimana cara manual membuat social bookmarking?

Kelebihan membuat social bookmarking secara manual, kita bisa meng custom sendiri icon link nya. Boleh anda pilih-pilih sendiri dari situs-situs icon directory, ato kalau ga mau susah-susah pengen ikutan contek icon social bookmarking blog ini ya monggo .
Sebelum anda melanjutkan, siapkan dulu icon-icon social bookmarking yang ingin anda pasang di blog anda. Upload icon tersebut di kefolder

http://domainanda/wp-content/themes/namatheme/images/

Setelah icon terupload, sekarang kita akan mengedit theme script pada single.php dan jika ingin menambah frame tambahkan pada style.css kode berikut, letakkan paling bawah saja:

div.liked_article {
background:#FFFFDD;
border:1px dashed black;
margin:10px 0;
padding:10px 5px;
}

Kalau sudah temukan kode berikut pada single.php

< ?php comments_template(); ?>

Untuk theme yang saya pakai ini, saya tidak menambahkan frame pada style.css, hanya menaruh kode social bookmarking tepat di bawah kode berikut:

< div class="category">< ?php the_category(', '); ?>

Format kode yang akan memanggil icon-icon yang anda upload tadi seperti ini, misal untuk twitter:

< a href="http://twitter.com/home?status=< ?= the_permalink();?>">
< img src="http://domainanda/wp-content/themes/namatheme/images/twitter.png">

Kode pemanggil social bookmarking

List kode untuk social bookmarking lainnya tinggal anda tambahkan kode berikut:
FACEBOOK

http://www.facebook.com/share.php?u=< ?= the_permalink();?>&t=< ?= the_title();?>

DIGG

http://digg.com/submit?phase=2&url=< ?= the_permalink();?>&title=< ?= the_title();?>

RADDIT

http://reddit.com/submit?url=< ?= the_permalink();?>&title=< ?= the_title();?>

STUMBLEUPON

http://www.stumbleupon.com/submit?url=< ?= the_permalink();?>&title=< ?= the_title();?>

TECHNORATI

http://technorati.com/faves?add=< ?= the_permalink();?>

DELICIOUS

http://del.icio.us/post?url=< ?= the_permalink();?>&title=< ?= the_title();?>

BOOKMARK

http://book.mark.hu/bookmarks.php/?action=add&address=< ?= the_permalink();?>%2F&title=< ?= the_title();?>

Note:
Pada kode diatas, terdapat spasi pada  < ?,< a,< img,< div. Rapatkan sehingga menjadi  <?,<a,<img,<div.
jika ada pertanyaan ataupun kesulitan bisa anda tanyakan melalui kolom komentar di bawah.

Selamat mencoba membuat social bookmarking secara manual, semoga berhasil

---

---

Artikel Terkait: