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='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdnN6dNZngykfjLEjdCwxQOLAmNAbNSDB2kX3Dn2oXkNkTeFkHLQoJ2Ia1RfDmUoNjHCEFzBBBfmxxarTRuLEuoff-zmQrnszx7OdS-Z_xuws5iTk3mojdxkDpSmDpcwpc-xhzMqVBTpU/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsFxo-c-tBu4h7ucXauFqIpzwFtjkMSnXOgiIzLKttEdWtS63rHZGCbTj4pot4Dx-oGSmKL1O3Z-Nw4WrLz09P5Z8gwuiMSXJARx76JnxAlvwrI8f0Rup0sMBjjpMeZYtJlEYZiMsyicM/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2BHeD0-aDpnswKU3sbFI640S4_la1bviJeUTU1NOn_KxCUq9kcdkQo3tgkju4USlv6dtOcWgm7JHAbcZNFGbzgaHTvzIioS26evkApqu6YC_uFI5ND0PNZYTAsnjMxCtswCnHqXJ_Rcc/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9NsFs-6QKQB23oxYIOqK-4F97A6s_5_oaQhDuW7lkduzax1gjaCZTWMDOVTZRhfs71irNJGiukgn7oSOCsL4ICFvzNlij_UIUdPWSbJckVJrbVlsYloWbXz2GldjoaDYLoOYfeFnkjjo/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuar5bVLJZeocTtlye60KSTg8uLgwKwJrifLjbGnGig3jcOasf-VVAwfZh843WlROioJ36Mr7L55xP2UfW12wGeHQwDKytXYsVRzyX4fTVWLiPqmn6Z0pBvT4Rd6bhEry8wmyBs-lJ9MI/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ73Aom0-bG_fJi4w2BLmplwICPWxxp0J-uS8kGN28J_3OxkkIymsuMSbx7erTUPC6pTUbmntYOBc9m_deOQfX0iV4kkj1J4jqW-wuU2TE549KVM8cW1mm1WBYOZ__x8ohJXjNpAsLDkQ/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikM4wjikj6dnZzE6dP2FdXbtOcpjNovpTIOgEocfPYOevJCFj3uD7ZEQi9P_P5lT-kKfkHs3I7wlX9DQwc_J6iCGAor60gi5LG2oOdTxrSeSI1EjkHax0_yr2LQUH26R7b-bu8Tt3PVU/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsGrmBGVRW6HuO09vn0RlDeYqK2_BjVKC8j2UI6535WCwFhzJEJvOpl_tV8btvt0ZJXABotKGCis2Wo_H6IUd6SzsO12rQqL3lFv8c7NHw6ZfCQ8ok7JVa7oZ12nlPl1Vpm7S1x3TZnQ/s1600/reddit.gif '/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrW2WJxJF4WoV17CiW20P4b7yCYHLAUkYNsgJJ9-BnQu8MbqMGyP65QOSsGfoZx7Yui4KAYJNMXdZN7q3-jpC9kUwckGy5YMEr_RzuBgqCJK6VOkrU1NqDYILSO1e0jMDV7XSZCvs8BFo/s1600/magnolia.gif'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmXeCyaA_lj8h5TKQd4yLy65ngFrxAh9sC2g8N9ulXb4OkafB6lyiemz_-Efyx4dkMO2yluR7qUTGYzmHfEAcz9Mj3wbdG_BB0ff8iqQPbXXEeuJhC3DX6Zy2L2c4IAIKHj92Oz5qX17Y/s1600/blinklists.gif'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLcriaTLgTlkQRjNVX34-TrTIVS0-qXEj6EOHLqmFkgQqIZDeHI9MJ6PZkGTPK1YD8yoAN7ePf9kOqhviwRSsYbm_KXhJI3QLr_OSMGxokuSM74eKxBcMePeTV3Tc3yOr1DFqlx3a8xiw/s1600/blogmarks.gif'/></a></li>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + 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='"http://twitter.com/home?status=" + data:post.url + "&title=" + 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='"http://jaloee.multiply.com/journal/compose?body=" + data:post.url + "&title=" + 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).
0 comments:
Post a Comment