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).
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
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.
0 komentar:
Posting Komentar