"DwiBanet.Com : berisi Kumpulan Informasi menarik tentang Ape Aje, semoga bermanfaat"

Sabtu, 10 September 2011

Cara Membuat Manual Social Bookmarking 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).

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 21 Membuat Manual Social Bookmarking Cantik Minimalis Di Blog .
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  
jika ada pertanyaan ataupun kesulitan bisa anda tanyakan melalui kolom komentar di bawah.

Selamat mencoba membuat social bookmarking secara manual, semoga berhasil 1 Membuat Manual Social Bookmarking Cantik Minimalis Di Blog

0 komentar:

Posting Komentar