Sudah lama saya ingin mempostingkan bagaimana cara membuat jQuery share bookmark dengan tooltip, karena beberapa hari ini banyak tugas sekolah yang belum terselesaikan oke kalian bisa melihat contohnya langsung di blog demo jayatkj disini sudah melihat bagaimana menarik untuk mencobanya?
* Cara membuatnya sebagai berikut:
* Login ke blogger
* Masuk ker Rancangan dan masuk ke Edit HTML
* Cari kode <head> masukan kode jQuery dibawah ini diatas atau sebelum kode <head> atau dibawahnya juga bisa...
<link href='https://sites.google.com/site/blogdemojaya/social-jquery/style.css' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/blogdemojaya/social-jquery/script.js' type='text/javascript'/>
* Langkah selanjutnya centang Expand Template Widget dan cari kode <data:post.body/> letakan kode dibawah ini dibawah kode <data:post.body/> ingat dibawah kode <data:post.body/> Ini kodenya
<!-- Social Media Buttons - jQuery -->
<ul class='social' id='jquery'>
<li class='delicious'>
<a href='http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title'><strong>Delicious</strong></a>
</li>
<li class='digg'>
<a href='http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title'><strong>Digg</strong></a>
</li>
<li class='facebook'>
<a href='http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title'><strong>Facebook</strong></a>
</li>
<li class='flickr'>
<a href='http://www.flickr.com/people/59053382@N04/'><strong>Flickr</strong></a>
</li>
<li class='linkedin'>
<a href='http://www.linkedin.com/'><strong>LinkedIn</strong></a>
</li>
<li class='reddit'>
<a href='http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title'><strong>Reddit</strong></a>
</li>
<li class='rss'>
<a href='http://feeds.feedburner.com/JqueryShareBookmark'><strong>RSS</strong></a>
</li>
<li class='twitter'>
<a href='http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title'><strong>Twitter</strong></a>
</li>
</ul>
<!-- /Social Media Buttons - jQuery -->
* Ganti alamat url flickr dengan alamat flickr kalian masing masing dan ganti juga alamat RSS dengan alamat RSS kalian masing masing
* Dan langkah terakhir simpan dan lihat hasilnya
0 komentar:
Posting Komentar