Mau tau cara buat yang seperti ini, silahkan klik disini

widget by Kianhome
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'/>
<script src='https://sites.google.com/site/kianbersama/javascript/script.js' type='text/javascript'/>
4. Selanjutnya adalah cari kode <div class='post-footer'>, kemudian copy dan pastekan kode dibawah ini tepat dibawah kode yang diatas tadi :
<h3>Sexy Share it :</h3>
<ul class='social' id='css3'>
<li class='delicious'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><strong>Delicious</strong></a>
</li>
<li class='digg'>
<a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><strong>Digg</strong></a> </li>

<li class='facebook'> <a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><strong>Facebook</strong></a> </li>

<li class='stumbleupon'> <a expr:href='&quot; http://www.stumbleupon.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><strong>Stumbleupon</strong></a> </li>

<li class='linkedin'> <a expr:href='&quot; http://www.linkedin.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><strong>LinkedIn</strong></a> </li>

<li class='reddit'> <a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><strong>Reddit</strong></a> </li>

<li class='twitter'> <a expr:href='&quot; http://www.twitter.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + 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

Share to :

Related Post :


About the Author :

K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ".

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..


Berita Terkini

Friend Follower's

Tips Health

Techno

Hot Nasional

Celebrity

My Blog List

Recent Comment

© Copyright 2011 | Dikelola sepenuhnya oleh : Kiancoi
KianHome Member of PlanetBlog | SitusBersih | Support on Mozilla Firefox and Google Crome Browser
Home | Posts RSS | Comments RSS | Sexy Blog |