Menambah Sosial Bookmarking pada Post Footer



Bagi anda yang sudah lama melanglang di jagad blogosphere, apalagi sudah menjadi "pendekar" yang cukup disegani (hehe...:woooh:), mungkin apa yang disebut sebagai situs Social Bookmarking bukan lagi hal yang asing. Apabila kita membaca tips dari para master blogger tentang cara meningkatkan pengunjung blog atau web, seringkali ada kata-kata seperti “daftarkan artikel anda ke Situs Social Bookmarking” atau Social bookmarking Network atau Favourite Bookmarking dan lain sebagainya. Tentunya kita sebagai Newbie atau pemula di dunia blogging acap kali bingung dengan kata-kata tersebut, dan mungkin timbul pertanyaan “Apa sih Situs Social Bookmarking Itu?” "Apa manfaat memasukan artikel blog kita ke situs Social Bookmarking?" “Manfaat apa yang bisa di rasakan?”

Sambil mencari info lengkap, sedikit saya jelaskan dari referenasi yang telah saya baca, salah satunya adalah blonya Kang Rohman, mudah-mudahan bermanfaat. Apa yang di maksud dengan Situs Social Bookmarking Network? secara sederhana dapat diartikan bahwa Situs Social Bookmarking Network adalah sebuah situs jejaring penandaan informasi yang ada di internet. Jika pada umumnya sebuah situs atau website ataupun blog akan di isi atau di update oleh sipemilik atau admin situs tersebut, berbeda dengan situs social bookmarking network tadi, situs seperti ini akan di isi oleh artikel ataupun informasi dari situs lain yang di submit atau di masukan ke situs itu. Siapa saja boleh memasukan artikel atau informasi dari situs apapun yang dianggap bermanfaat. Untuk selengkapnya baca di sini atau di sini juga di sini!.

Nah...Sudah lumayan mengerti kan?bisingOke kita ngopi dulu sejenak...minum. Untuk memasang sosial bookmarking di blog kita, caranya cukup mudah. Sudah banyak blog tutorial yang menjelaskannya, akan tetapi di sini saya hanya mau berbagi info yang menurut saya cukup penting untuk dilakukan seorang blogger. Bagi anda yang sudah faham, silahka diabaikan saja.

Oke, kita langsung saja ke pokok pambahasan, yakni bagaiman cara-nya menambah sosial bookmarking pada post-footer ini ?

Seperti : Googlebookmark, Facebook, Twitter,Del.cio dll

gam 01

oceh ..

Pertamax :

buka Edit Html kemudian tandai/centang di samping Expand Template Widget.


Keduax :

simpan script css ini. di atas tag : ]]></b:skin

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important; }
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px; }
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt; }
.rsociales-sobre { opacity:0.4; }
.rsociales-sobre:hover { opacity:1; }


Ketigax :

kemudian pada Post-Footer baris ketiga . yakni :

<div class='post-footer-line post-footer-line-3'/>

masukan script ini di bawahnya :

<div class='rsociales'>
<ul>
<li><a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://2.bp.blogspot.com/_Zuzii37VUO4/Rjl62eMBQ0I/AAAAAAAAAto/zkas68GmVFk/s1600/technorati.gif'/></a></li>
<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://4.bp.blogspot.com/_Zuzii37VUO4/Rjl68-MBQ1I/AAAAAAAAAtw/Mftx1_Bi_oY/s1600/delicious.gif'/></a></li>
<li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='http://3.bp.blogspot.com/_Zuzii37VUO4/RjlY7uMBQrI/AAAAAAAAAsg/ov73dLSsrtA/s1600/digg.png'/></a></li>
<li><a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://2.bp.blogspot.com/_Zuzii37VUO4/RjlZLeMBQtI/AAAAAAAAAsw/bNmkgSj_jj0/s1600/yahoo.png'/></a></li>
<li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='http://4.bp.blogspot.com/_Zuzii37VUO4/Rjl6z-MBQzI/AAAAAAAAAtg/-13NieAS3J8/s1600/google.gif'/></a></li>
<li><a expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='http://4.bp.blogspot.com/_Zuzii37VUO4/Rjlct-MBQyI/AAAAAAAAAtY/UtGxUlBA7mc/s1600/meneame.png'/></a></li>
<li><a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='http://4.bp.blogspot.com/_Zuzii37VUO4/Rjlaa-MBQuI/AAAAAAAAAs4/7hoQkbJNkUw/s1600/furl.png'/></a></li>
<li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='http://3.bp.blogspot.com/_Zuzii37VUO4/RjlbHuMBQvI/AAAAAAAAAtA/L0TsC3OUUyI/s1600/reddit.gif '/></a></li>
<li><a expr:href='&quot;http://ma.gnolia.com/beta/bookmarklet/add?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='http://3.bp.blogspot.com/_Zuzii37VUO4/RjlbWuMBQwI/AAAAAAAAAtI/Vy_xjt3iY80/s1600/magnolia.gif'/></a></li>
<li><a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='http://3.bp.blogspot.com/_Zuzii37VUO4/RjlbjuMBQxI/AAAAAAAAAtQ/WDlHSsaO_m4/s1600/blinklists.gif'/></a></li>
<li><a expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='http://1.bp.blogspot.com/_Zuzii37VUO4/RjlQzOMBQoI/AAAAAAAAAsI/qt5x09fQvNo/s1600/blogmarks.gif'/></a></li>
<li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a facebook' class='rsociales-sobre' src='http://lh5.ggpht.com/jaloee/SJNIyWWQmEI/AAAAAAAACRY/4GVE3Qxqg34/facebook.gif'/></a></li>
<li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a twitter' class='rsociales-sobre' src='http://lh6.ggpht.com/jaloee/SJNIyl7oKlI/AAAAAAAACRc/8cc7q_upZI4/twitter.gif'/> </a></li>
<li><a expr:href='&quot;http://jaloee.multiply.com/journal/compose?body=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='multifly' class='rsociales-sobre' src='http://lh3.ggpht.com/jaloee/SJNKClcp6NI/AAAAAAAACRk/Dk1jtkOXECo/multiply.png'/> </a></li>
</ul>
</div>

* Script ini saya dapatkan dari blogandweb. dan saya tambahkan tiga link bookmark berikutnya yakni : untuk Facebook, twitter dan multifly.

Penting :

Jika anda mengerti tentang “ Tag Html Post-Footer “. sebenarnya kita bisa saja menyimpan sosial-bookmarking ini pada baris pertama ( post-footer-line-1 )

gam 04

atau baris kedua ( post-footer-line-2).

gam 03


Gimana, mudah kan?takbolesengihnampakgigi
Thank's spesial untuk Kang Jaloee atas segala ilmunya ...

3 Comments

Post a Comment

Previous Post Next Post