Post-Footer : Menambah Sosial Bookmarking

Seperti janji kemarin pada postingan “ Mengenal tag Html Post-Footer pada template minima ".  Maka saya  akan lanjutkan lagi pembahasan tersebut.

Terutama yang berkaitan dengan - bagaiman cara-nya  menambah sosial bookmarking  pada post-footer ini ?

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

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYOupez_xEUO3ufSs2Z41IHNElHo7_2VPtimr2HJkX20VsiolXqbiqJlJ2LNdoANGKQaJS5y79jPKE7rMPcD_JvLhg1S3hTv3zOWFYqgC3qEBYgx_NLhAOyNEOwDlukqkRCVA8QCp5vRM/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWnvSoyVWTEgzUnmYOqllVIl8rXCiKzCaO2X68DeIQfGQJwWKElCofTBh4li8S2bHcDl4X1SEnvafhEPf5v-3k4rkppGJyVI4tRFV5m4eVR7plTP0StKuA0kELc8NB6Mdoxs_h-LyG7fQ/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7HMo3oo4S5xU1obUxElFbrUUkZd3yz-szsF7ufNR_PHOS7PtA_rPkX6R4wugbWlZ8vUsCMaxrCS62cKnmUWPUVaWXaCo0FJfADFa4853CQxSNd-pSp_8RfXaIhsRq7uEjH55McZRoqwU/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjShVr6deYfunFqRRb6if31wjDRLZSy_FgRXaQdqnJyp4JkuDXB-eyiAlGD5jEpbkFnu1ftEKRu4q5YLJhWO95zuaHfvX5E3ftDU2NWEkSixcOOt8g6nARgUBOEXoh6bzV8d8kSyG4S6g/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2N5cdiyh0h7i3qOpKJhfat9azjW8WW-mLc3zA9XgbZ-oeLH0JS5J2assxmSfVNlrTSaNG0YKdx_UClmcwA6eboYx6k1fLZYO1PE6vUdpVCPlRVuvqQ8BACTpVx9ms7XxII0aDbjnwviQ/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh28LPmrWwXpNAQg2xn2z0mZo4HNqqLwgK2Fz7qZBNemCLwNlUteQAn6H8ui8crAZATdeMdA2WEXxrPXP-hzvoL2fYNJDqmhQb0ATR46GF0UjFywZLFL1_PnhxIp290nXx8f5OyBGpEJVA/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkmhEL_x9npfymOy_Fx8iJ6cROBda9sg_UJqdUoXpSP9yMdlYNzgmvC-7Zp1ZrD-gdEiflesNNzsT8C7KW4P2SLP6286rK_Un-Nnm1W_JL7BUz9-6WLaVyTHMeZemJbjbp6iaPJmIwA0c/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1-J3CdiNLWQN6nqtW8AX-PSIV8uxOKgsNMj0IEvkmzT5JgqHBfPVfVr9qXJ_slFkyQpPYwxkuubbt0BUBa4hi_R3RVfFBVsYNjpi6BjwwAeDEXV-S7dIfQbCL4dd13L0xFofKX8H5N3s/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTB7NHxQWrJtiI6SJHEXhRp7Obfe_eMOom4IgXT1L03BjkrMRl3XvGMzb80LlRpvjiFpWSXNgmgeBbNt2JqozW9YSP4mRU2aU0xw65t9ddyWrVpr4BFPZPhBEGIvYgYlpDWvt2BIs99gs/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVn7thp-XGXCPr-phUIUs4M-4C7kVCnCoBAr2PZhnzwLFnfz7TUWOUnvh9-YFEjnVGh48oXIx5ODnsiC0lIw-qSoXf7WhlwN-QV0PpfGMHl1qTigLF51VxTnIxYBCELJu693YRDpIPByw/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjihHr1Mg-4MKYTQVby09Fjyli6nYE40h61UQn5Ju7Db4ihkK14RfP8OXO-ZqjmYI06BX0G0fHzgq9PBFTTcYj01-bXfEY7e6X_jNLVb4A2zAqGAZXZwGIShHXQ3Y4YY2zgPCzKwUA66zc/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 membaca pada postinga sebelumnya “  Mengenal tag Html Post-Footer “. sebenarnya kita bisa saja menyimpan sosial-bookmarking ini pada baris pertama ( post-footer-line-1 )

 

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

 

del.icio.us tags: Widget Sosial Bookmarking, Tutorial Blogger Blogspot

Page views this post: reader