Cara Buat Tombol Share Dengan Efek jQuery Nudging

Cara Membuat Tombol Share Dengan Efek jQuery Nudging, cara memasang social bookmarking share button widget ini telah di request oleh salah satu pengunjung Blogger Peer yang kebetulan tertarik sama tombol share widget nudging menggunakan efek jQuery yang ada di blog saya ini, nah kebetulan sekarang saya sempat mengulasnya dan akan saya bagikan kepada anda semua

Tombol Share widget menggunakan jQuery nudging ini sebenarnya penerapan dari apa yang saya jelaskan pada artikel saya yang sebelumnya yaitu cara membuat link bergerak - link nudging, tetapi disini saya menggunakan gambar/ikon sehingga terlihat menarik dan unik. Icon sharing widget yang ada di bloggerpeer.blogspot.com ini terdiri dari beberapa situs social media yang umum dipakai oleh orang untuk membagikan artikel yang bermanfaat bagi kerabat mereka. Banyak dari para pengunjung bertanya kepada saya apakah script jQuery tidak berat ketika di load? jawabannya adalah TIDAK, script jQuery ini sangat ringan dan saya pun memakai script ini pada sharing widget di blog ini dan juga pada tombol back to top yang ada pada bagian bawah halaman, jadi jangan khawatir untuk memasang script jQuery pada blog anda.

Sebelum kita memasang ikon sharing widget ini ada baiknya anda back up template terlebih dahulu untuk jaga-jaga kalau ada kesalahan pemasangan

• Login di Blogger
• Masuk ke Template > Edit Html
• Centang pada Expand Widget Templates
• Cari kode ]]></b:skin>
• Copy kode dibawah ini dan paste tepat dibawah kode  ]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label2 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging --><!-- end LinkNudging -->

• Gunakan CTRL+F kemudian cari kode <b:if cond='data:post.hasJumpLink'> setelah ketemu kemudian diatas kode tersebut akan ada kode <div style='clear: both;'/> <!-- clear for photos floats --></div>
• Copy code dibawah ini dan paste tepat diatas kode <div style='clear: both;'/> <!-- clear for photos floats --></div>

<br/>
<b:if cond='data:blog.pageType == "item"'><b>Share it to your friends..!</b><br />
<br />
<table border='0'>
<tr> <td><script type='text/javascript'>
window.___gcfg = {lang: 'en'};
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script><g:plusone size="standard"></g:plusone></td>
<td><div class='bookmarks'>
<a class='nudge' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share to Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO_SrTu_IBKaw-vYWrGVwMnEub4n2ZhI1hcPL9ic2cgYSDHAaV1-IpZPmWl9WavSp-GBOQ-Xz8Pbg2DQzo91lwsNVc-7pZj0OOn9qdkROjq4cAN4Jj3d_my3CkC1-dl-AqwmUw7jL9kXY/s1600/facebook.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Facebook'/></a>
<a class='nudge' expr:href='&quot;https://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;amp;url=&quot; + data:post.url ' rel='nofollow' target='_blank'><img alt='Share this post on twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkgLYDyK2hRUNUPZ9VlY9dQo_7D64Qn4LDz6qDfcUQVWNBQcjYOURs352NWXnGq-HMtpTHzZlpwkD3oXwU94Sos9mm03fi8BFfHJXM9NNK2LLU7adTHqhOAzrTX_MDgr-0L78Nj2-fCtA/s1600/twitter.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share this post on twitter'/></a>
<a class='nudge' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Bookmark Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYxmZeI7-9pRx1ywpGUBYRfRIFSw78phI8_eSlXVgM9-BkrimytK8czO2slBGUGtrcI6kYDd_d7eT6IkTkobd2ifc_3W0lW4EtXYLBjlLnit0scHFzGb16R42jMMd00ZSdGYC5Vxv8_BU/s1600/delicious.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Bookmark on Delicious'/></a>
<a class='nudge' expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_zfGyiOpvaOeLW7taTIPbEsP-83efn_WJJGXkeYYsgVAAdQQFrzPDw3W7-b_opo1vO14kiG_mJhYpRJw5rl60RDA-RO5zy59x-aN74_LYo7xZcI0yIgbcmbyw2GKowUa7zBctKwZdLxQ/s1600/digg.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Digg This'/></a>
<a class='nudge' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumbleupon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOUd7wMsQC2xIvNyEc2Mqdxf7MG8ejBiPIoaSsfVMpkIEVUPsjL4rig52WphDr12DFZWKJHDFia_JMEYozcTtWJ-tn1yQAjMH1FZ8bsAeHpkLs65r7tFa3gH8X3ZIXZG2m6X2KRXuNlU/s1600/stumbleupon.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Stumble This'/></a>
<a class='nudge' expr:href='&quot; http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijsWeEgoiusiRXaj7UHCofLPelbCIn9yfZUKD4PNMeoQ7TxaxoZGvYsAX3YbTRL0ZILi6YT0rO-m0TcZt39NHGxH_aDap8hrpkBg9fBVJcxBVVdbAd7hRguem74dckqKLQRXECm0PRPuQ/s1600/reddit.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Reddit'/></a>
<a class='nudge' expr:href='&quot; http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Yahoo Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHe6Ibis3kdUFBUfIkcpD1ipYocBJvnIhOVWpbthwSSQ8QTDu7zvyt1NqcJp4sCKJkdm4gRPFojXX0bVpc43OrF-H9ggA3pZSqY3E4GE6do4WVxM0CTcvhQfOgV6BorXC6aQPfYSrhoI/s1600/yahoo.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Yahoo Bookmark'/></a>
<a class='nudge' expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Furl-Diigo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cdG_R0kSy_AlzGn3NU6mHsMq-Tnwc5dOs4KiQvIij2rKpuWWK31P5kPIvNR4WQjArtvzbmK9rm0d9xQJaAXqxHlbmENCrKPY-HkSkDq0C0A4TNdSgiVOWtxPn744jd0L5wpCRgaxmiE/s1600/furl.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Send to Furl/Diigo'/></a>
<a class='nudge' expr:href='&quot; http://www.google.com/bookmarks/mark?op=edit&amp;amp;output=popup&amp;amp;bkmk=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Google Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKGfrcLRYrOAYv0pshKslsl9R0N3uHpKMO1SUjvjrF44rmq4M96nYn1LQSOwvt4OPBxAdss8Hk1Ays6uriCCCt0RwnbRH_jxaijWqC_zTUZXjd3jtK7jtfRRArO3a1H0yI4P2CwXqJAYo/s1600/google.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Google Bookmark'/></a>
<a class='nudge' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu2yQs_1BX11p1kuX61F2oqFuV9E-niKR1ubz09hfTVBFHLbrw5sOwy6XIJIEHf_SN_ebCuP6z2sj2ZGYXZMdzVd6LH540bsfymPxB8Klvj_nBuBPLDcANJZUJwdUvBqbjsuPrxt-_3eI/s1600/technorati.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Technorati'/></a>
<a class='nudge' expr:href='&quot; http://www.newsvine.com/_tools/seed&amp;amp;save?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Newsvine' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTKf4z42OXQjKYz3JBbJJzK5g5Bg59DdLB106QAfv4kbJAyGrLGseEtBa99JBiDl9oT-eC27amCrE6uF8EZFn3JyO8FB7FSUCseT_F46D1Zw8P3Qf4C9kJ7BGjURBYx6V5PKKRjOGHDZk/s1600/newsvine.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Save to Newsvine'/></a>
<a class='nudge' href='http://bloggerpeer.blogspot.com' target='_blank'><img alt='Tips Triks Blogger, Tutorial SEO, Info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQZ3hy3IfOpadfIh0e8toY2KcpZnYKjiOed2aumnbT33Q3a_CCCeuxRBcmKOVXAEyqoLKxpexdEMcaJDz2TIY6CVBB81CjERLSx6fnmagjil_UHUZw5rv3VdJ4eP1aDSS8edtGfM5wxig/s1600/blogger-peer.gif' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;'/></a></div>
</td></tr>
</table>
</b:if>

• Terakhir simpan template

PENTING: SETELAH KEMARIN GOOGLE CHROME MELAKUKAN UPDATE, TOMBOL SHARE DENGAN EFEK NUDGING INI TIDAK DAPAT BEKERJA DENGAN BAIK KALAU DIBUKA MENGGUNAKAN BROWSER GOOGLE CHROME. SARAN SAYA, LEBIH BAIK GUNAKAN TOMBOL SHARE INI TANPA EFEK NUDGING DEMI KENYAMANAN PEMBACA BLOG ANDA.

CARANYA: Jangan memasang kode script yang dibawah kode ]]></b:skin> atau skip saja kode itu, kemudian lanjutkan dengan kode yang kedua dan terakhir simpan template.

Google PageRank Update August 2012

Google updated toolbar PageRank on 2^nd August 2012 for many websites. This new update has started showing new PageRank for all the websites .The last update was on 3^rdMay and third last was on 6^th February. Google updates quarterly after every three months. The next Google update and the last update of this year will be in November 2012.Google page rank is measured from 0 to 10.If a webpage is having 10/10 page rank then it is very important and a webpage with page rank of 0/10 is not that much important. Always try to get back links from related niches for faster crawl index rate for better chances to increase PageRank and traffic.

Google PageRank Update

 

Importance of  PageRank

PageRank is the important algorithm by Google which measures the website popularity in terms of PageRank and AlexaRank. Google gives more important to your quality content and PageRank depends upon the quality links pointing to your domain.

Try these steps to increase PageRank to your website.

1.    Update your website frequently because search engines love fresh content.
2.    Guest post on blogs with  PR>3.
3.    Make sure that your blog contains 25 quality posts.
4.    Always see that your post contain at least 1000 words.
5.    Add videos and images to make the posts more attractive.

Google PageRank Update Agustus 2012

Google pagerank update agustus 2012, setelah menunggu kurang lebih 3 bulan semenjak update Google pagerank terakhir pada mei 2012, akhirnya tepatnya pada tanggal 2 bulan agustus 2012 kemarin Google toolbar pagerank update lagi

Banyak Pakar SEO, webmaster bahkan blogger seperti kita ini menunggu hasil dari update Google pagerank ini, saya ingat kira-kira seminggu yang lalu Master SEO Matt Cutts pada akun Twitter nya menyebutkan bahwa Google Panda akan melakukan perubahan dan dampaknya akan terasa kurang lebih 1% pada Google search, bagi anda yang teliti dengan perubahan ini mungkin bisa merasakan efeknya seperti peringkat blog/web anda di mesin pencari sedikit naik turun (Google Dance) mungkin ini adalah rentetan perubahan(update) pada algoritma Google pagerank sebelum melakukan update dan kemudian tepat pada tanggal 2 agustus 2012 kemarin Google pagerank resmi di update, bagi anda yang masih sangat newbie dan ingin tahu pengertian pagerank silahkan baca artikel saya tentang Apa Itu Google Pagerank?

Update Google pagerank pada agustus 2012 ini belum terasa pada situs bloggerpeer.blogspot.com dan masih jalan ditempat (PR 1), mungkin karena saya tidak sempat untuk mencari backlink dofollow yang relevan dan saya meng-update konten pada blog ini tidak teratur, satu bulan bisa 3 kali atau tidak sama sekali. Bagi anda yang sudah dapat hadiah pagerank dari Om Google saya ucapkan selamat dan semangat untuk terus menulis dan berkarya demi kemajuan blogger Indonesia

StumbleUpon Tips & Tricks

StumbleUpon  SEO Tips

 

StumbleUpon allows you discover exciting and new internet sites.Stumble upon is an remarkable way to targeted visitors your website. StumbleUpon allows your Websites obtain the visitors and traffic. Using StumbleUpon is very easy just  download the toolbar and start stumbling. StumbleUpon will show you sites based on Stumblers with similar passions and people that you follow.You may have interest for sites like cooking, technology, fashion or sports information.StumbleUponwill platform your passions,Likes and Dislikes.StumbleUpon is social networking site where we can rate websites by means of a easy thumbs up or thumbs down button on on a toolbar of your browser.

StumbleUpon 

Start to Stumble:

1.   StumbleUpon toolbar is very simple and easy to use. Download the StumbleUpon toolbar Choose browser you like Mozilla Firefox, Google Chrome etc.

2.   Go to Profile and make your profile just fill out your information, your interest and your website in things you want to stumble.

3.    Make friends find your friends on Facebook, Twitter or your email accounts that are already stumblers. If u find any web page that interests you, just click on the �I like It!� (thumbs up) button.

4.    Make sure to click on �like� so that StumbleUpon can start to find out what your interests are.

5.    StumbleUpon considers repeat stumbling to be spamming, so always stumble other pages as often as your own. 

6.    Stumble ten other sites for every one page of your own.Suggest others Stumble your page if they like it. Follow your friends, family members, fellow bloggers that have similar interests.

7. Follow other StumbleUpon friends, which means they can follow you. Your StumbleUpon toolbar will also allow you to stumble other WebPages that your friend has "liked".

8.  When you start following a person going to their StumbleUpons profile and clicking on �Follow� on the right side, you should also click on the box that comes up below, which is �acceptshares.� If you and the person that person both follow each other and have both clicked that box, there is a very easy way to share websites most effective way to get traffic to your site.

9.    If you like any of the post just click �I like it.� then simply Share and Stumble it on your Facebook, LinkedIn, and Twitter.

10. Don�t  Stumble Your Own Content  and be an Active Stumbler and do not stumble posts from same  website more than twice a day.

11. StumbleUpon drives the best traffic to a particular webpage when the account of the Stumbler is an active member of the StumbleUpon community so if you want to gain traffic from StumbleUpon, you MUST Stumble frequently and must be part of the community. 

Digg SEO Tips

Promote your website through Digg

 

Digg is the most popular content sharing and social news site. Digg drive lot of traffic to your website. Digg helps you to find interesting posts and sharing submissions. Digg is social networking website help you to promote your links.

Digg methodology is  very simple  just  Join through Facebook account or with Twitter or by using your email address. Submit your posts by clicking � Submit Link � and submit a story by entering the URL  with short description by selecting appropriate category that page fits in. Once you have selected your category enter the code at the bottom and follow the rest of the pages to complete your story upload.

Digg 

Each and every submission is start for all Digg users and other users can dig and hide those submissions. Most of the submissions are content which has a very high come of back links.Digg is a social networking site used to set up your network of buddies who can help you enhance your links.

Publish useful articles to the area of interest you desired to promote. Upgrade your website with exciting content often so that you can auto-submit content to Digg by including an RSS to your site. Digg pages are extremely rated in Google. When guests find the pages you published, they can easily click through to your website which gives you immediate traffic.