
Tutorial kian kali ini akan membahas mengenai "Social Icon Bookmark" dengan versi yang baru. Tentunya sobat sekalian sudah mengenal tentang social bookmark icon itu sendiri, sehingga k'ian tidak perlu menjelaskannya kembali.
Kita akan langsung mulai dengan tutorialnya..
1. klik menu "Rancangan", kemudian pilih "Edit HTML"
2. Beri tanda centang / ceklist pada kotak " Expand Templates widget"
3. Cari menu </head>, kemudian copy dan paste kode dibawah ini sebelum kode tersebut.
<link href='https://sites.google.com/site/kianbersama/javascript/style.css' rel='StyleSheet' type='text/css'/>4. Selanjutnya adalah cari kode <div class='post-footer'>, kemudian copy dan pastekan kode dibawah ini tepat dibawah kode yang diatas tadi :
<script src='https://sites.google.com/site/kianbersama/javascript/script.js' type='text/javascript'/>
<h3>Sexy Share it :</h3>
<ul class='social' id='css3'>
<li class='delicious'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'><strong>Delicious</strong></a>
</li>
<li class='digg'>
<a expr:href='" http://digg.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'><strong>Digg</strong></a> </li>
<li class='facebook'> <a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'><strong>Facebook</strong></a> </li>
<li class='stumbleupon'> <a expr:href='" http://www.stumbleupon.com/sharer.php?u=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'><strong>Stumbleupon</strong></a> </li>
<li class='linkedin'> <a expr:href='" http://www.linkedin.com/sharer.php?u=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'><strong>LinkedIn</strong></a> </li>
<li class='reddit'> <a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'><strong>Reddit</strong></a> </li>
<li class='twitter'> <a expr:href='" http://www.twitter.com/sharer.php?u=" + data:post.url + "&amp;&title=" + data:post.title' rel='nofollow' target='_blank'><strong>Twitter</strong></a> </li> </ul>
<div class='clear'/>
5. Simpan dan lihat hasilnya..
View DEMO Here : Social Icon
Related Post :
trik
- Cara Membuat Kolom Widget Sejajar (Sama Tinggi)
- CSS3 : Efek Transisi Rotasi dengan simple dan sederhana
- Cara pasang gambar pada judul Gadget / Widget Blog
- Maaf teman, k'ian tidak bisa membalas Blogwalking saat ini
- Program Adsense Chitika dalam blog berbahasa Indonesia
- Setting tampilan CSS agar sama diseluruh Browser dengan CSS reset
- Cara buat kolom text magazine dengan CSS3
- Supaya kinerja situs atau blog lebih cepat
- Mengenal kode Box Shadow dengan CSS3
- Simple Tooltips dengan CSS & Jquery trik
- Efek dan style untuk Gambar pada Blogspot
- Setting domain blogspot dengan script Mobile blog otomatis
- Cara Pasang Sliding Post dengan disertai gambar (Thumbnails)
- modification of the text with CSS 3 Text shadow
- Posting widget kategori tertentu dengan tambahan Thumbnails
- Show All total post dan Comment post pada blog

0 Response to "The new social icon Bookmark untuk blogspot"
Post a Comment
Blog ini menganut sistem "Dofollow", Silahkan Tinggal komentar, saran, kritik disini.. apapun itu jangan SPAM ok..