Membuat Manual Social Bookmarking Cantik Minimalis Di Blog

social bookmarking 120x120 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 4 Membuat Manual Social Bookmarking Cantik Minimalis Di Blog ).

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  <?,<a,<img,<div.
jika ada pertanyaan ataupun kesulitan bisa anda tanyakan melalui kolom komentar di bawah.

sumber : caritauaja.info/

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Blogger templates