Trik menambahkan :
1. Buka Template -> Edit HTML -> cheklist expand widget
2. Cari kode dibawah ini, jika kita pakai Mozilla firefox
<p class='post-footer-line
post-footer-line-3'/>
3. Ganti dengan code dibawah ini:
<p class='post-footer-line post-footer-line-3'>
<div class='rsociales'>
Share this post with:
<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/AVvXsEj2ZuI-tJvcmEHeMJW4Jef5q-AjBknXw3CP3vJxINhJSO4kNyY1E7BZOVlskgRbOidPH94pDKPPysPwJw5mUtfK_LAdDTrULhKPJY1J1ri0UYykZZcMbcnlP-BT2yjucxfipRTToW5alqc/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/AVvXsEhA9KDZvUO-vnI6MOIzPyhqXBW0oLqYQK9BsHkW_IKw7X1h5TUxna6PsHU5LVJsuhmvMOxpElunRtzNNZ-eLTDuz7Id9cnGtI_oU9YCUW2vImYENTAb6NGNhCdQW0LU4I7DFczMjPPwBio/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/AVvXsEgqv-pflN8A1ZmHScj-sCzE7Rrp9fK-y2xLlaE3qOPcxH4IXugcmIvaNx5HJsbY_pA6SswKai9yq9K5ikPqMAc5wzOVBAs_bJMwX_KtUuTKQn2esaK6sF0cAmKqxbzfUfMN-0xby0t8Cyw/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/AVvXsEhOWpwdN3Wq4WbaUXSXEopPj8klfOshXxolaqINDCFD0V5stDLIySLjQGE3HbZqHJfvh9rLo2Paz-oCztw8Yk2HawQBnovrWqNrqgqceG_m6CMoZsDEOeWngpualD6Xd6rQsLXvdZ9Q0_8/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/AVvXsEisGbKnmTvlwYRzBv940d4hXGpAxCrun8yFBFgzBsZTJPCpOVEEYYwL342FazwX_CG8pCdsuUSggmy53qn4c-h0O7fVrRMbho5HedLvmFgIsUWr3f4ygtNYM7dSA0fYAh_-6M0OcLfWUoQ/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/AVvXsEjZtRJ9Wbt02JQyhpZgehDiHcmWBZIy4iY8gP8e5ews8Muj5uXy5XOt6gi1Lbif9FYntCceXpvoarHOJa73VsEog7kENGD3AUHUrOhn48OlNARRlqSBTowrDAAh6VgN4dANHQvyYGQfKuE/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/AVvXsEj0SXfOCQtwJzXLUdLuYesRNUjhCY_uMmn_Uc_KBKaDxDw1ov-_ICFMZOJmLLSlSBid4TzSD7mj7_aELn2aUk8oRKYIb_5JKD3AgTJZUe0ZHE1kcFigD4wNcTHR2NZSlgU3_F6WJ8ymqBA/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/AVvXsEgnHNJ2lH-0QH_pAMlsSQv78w5cD8O0nnOTtjkn2PiEsRQm27TgnakOFq6Pz9db1ZnmUi6P49KhOV8vWdNba0-3-cvHFNs-Gw0EcoOqsiahiymLfaVAVgUPBgrqq-Uk2DwA_r6BXWATjUo/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/AVvXsEhYh_-6DChyjsy0ijSl0GRIv7N05aqcDynK3KYE9P-36Cdsrji3Bv0ToI6ya019aUXVxkk4iYnhcdsKRVvdqNRYZZv9ekfVEnmd2ArqyXVMzRrn5F6WL8yopTbreh1pmVNLyAVJesJ8GLg/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/AVvXsEjL4VDi0cNAXUShyphenhyphenDh8EnTKjSWLFcGbvuxfqkp-GzBZ6KN6WNh4bW6HfDhiYx98vwMthPli9PhUmQ7fQPhcIB5GNahTNwKdA2FqDQKaDB41fWRz_0QOIgH9-LmIJSDRWm2Lo5ceW7U8Q2U/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/AVvXsEiC1S-pKoLT2g8PTYDqivGMAJGfHCDaNyHa3Vk6g7Dc0GmguhfKU01BKZ4VSSiygdhvBYjkx2AlLHMrhhQ98gh48S4lZRqgwmXHTKnB0KoKgZ5jEdFCXrJq0_4vwR8wvVTq3WIRoE53c7I/s1600/blogmarks.gif'/></a></li>
</ul>
</div>
</p>
4. Selanjutnya cari kode dibawah ini:
]]></b:skin>
dan tambahkan CSS code dibawah ini:
.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;
}
Simpan modifikasi dan lihat hasil modifikasi anda. Sebelumnya back up dulu source code template anda.
Comments :
0 komentar to “memasang icon social forum di footer”
Posting Komentar