TUTORIAL BLOGGING , BLACKBERRY , TEMPLATE SEO FRIENDLY

close
cbox

Menambah Sharing Sexy Yang Banyak



Sekarang
Saya Mau Berbagi Gimana Cara nya Membuat Sharing Sexy.....Yang
Begitu Banyak....






Karena Sharing Sexy, Yang Kali ini, Memang Begitu Banyak....
Entah Ada Berapa.....Tapi Yang Muncul Hanya 7 kalau Bukan 8
Yah Sekitar Segitu LAh......, Tapi Nanti Saat Kursor Anda......Anda Arahkan
Ke Sharing Sexy Tersebut......Maka Ada Efect Drop Down nya.....Dimana...
Semua Icon.....Sharing Sexy.....Nya,    Akan Keluar.....

Yah Lumayan Menarik.....

Buat Anda Yang Mau Membuat nya.....
Silahkan Ikuti Tutorial nya Di Bawah ini.,.,.,.,.,.,.

1. Sialhkan Masuk BLOG anda

2. Klik Atau Pilih.....Rancangan Atau Layout

3. Lalu Pilih Atau Klik  Edit html

4. Cari Kode </head>

5. Masukan Kode Di Bawah ini Di Atas Kode </head>



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
    jQuery(document).ready(function() {
        jQuery(&#39;.sexy-bookmarks a.external&#39;).attr(&quot;target&quot;, &quot;_blank&quot;);
        var sexyBaseHeight = jQuery(&#39;.sexy-bookmarks&#39;).height();
        var sexyFullHeight = jQuery(&#39;.sexy-bookmarks ul.socials&#39;).height();
        if (sexyFullHeight &gt; sexyBaseHeight) {
            jQuery(&#39;.sexy-bookmarks-expand&#39;).hover(

            function() {
                jQuery(this).animate({
                    height: sexyFullHeight + 15 + &#39;px&#39;
                }, {
                    duration: 800,
                    queue: false
                });
            }, function() {
                jQuery(this).animate({
                    height: sexyBaseHeight + &#39;px&#39;
                }, {
                    duration: 800,
                    queue: false
                });
            });
        }
        if (jQuery(&#39;.sexy-bookmarks-center&#39;)) {
            var sexyFullWidth = jQuery(&#39;.sexy-bookmarks&#39;).width();
            var sexyBookmarkWidth = jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).width();
            var sexyBookmarkCount = jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).length;
            var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);
            var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;
            var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2;
            jQuery(&#39;.sexy-bookmarks-center&#39;).css(&#39;margin-left&#39;, sexyLeftMargin + &#39;px&#39;);
        }
    });
</script>

<style type='text/css'>
/***********************************
 Cara Menambah Sharing Sexy Yang Begitu Banyak
By system of blog
Url:http://sin1aja.blogspot.com/
************************************/


#post-width-w2b {
 position: relative;
 float: left;
 min-height: 95px;
 margin-bottom: 10px;
 background-color:transparent !important;
 }
div.sexy-bookmarks{margin:20px 0 0 10px; border: 0; outline: none; clear:both !important}
div.sexy-bookmarks-expand{height:32px; overflow:hidden;}
div.sexy-bookmarks-bg-sexy{
  padding:28px 0 0 10px !important;
  background:transparent

url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguEhFIx0jVaPC2qsrYiSrkpOlzKxCpLg9uQSfm7MScNLJpRqyg_8Vp9tesigxuo13niNbpyxb0WN1PiMM0nlvfqoxWqjW7l4HLsi-vC1NulfKKDRDVdNU0bkh5XY0LmYpw1QvwGliMQu_j/&#39;) no-repeat

!important
  }

div.sexy-bookmarks ul.socials{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  float:left !important;
  background:transparent none !important;
  border:0 none !important;
  outline:0 none !important
  }
div.sexy-bookmarks ul.socials li{


background-image:url(&#39;http://bloggertrickandtoolz.googlecode.com/files/bloggertricksandtoolz.com-shr-sprite.pn

g&#39;) !important;
  background-repeat:no-repeat !important;
  display:inline !important;
  float:left !important;
  list-style-type:none !important;
  padding:0 !important;
  height:29px !important;
  width:60px !important;
  cursor:pointer !important;
  margin:3px 0 0 !important;
  background-color:transparent !important;
  border:0 none !important;
  outline:0 none !important;
  clear:none !important
  }
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after,
div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a,div.sexy-bookmarks ul.socials a:hover{
  display:block !important;
  width:60px !important;
  height:29px !important;
  text-indent:-9999px !important;
  background-color:transparent !important;
  text-decoration:none !important;
  border:0 none !important;
  margin:0 !important;
  padding:0 !important
  }
div.sexy-bookmarks ul.socials a:hover,div.sexy-bookmarks ul.socials li:hover{
  background-color:transparent !important;
  border:0 none !important;
  outline:0 none !important
  }
li.sexy-newsvine{background-position:left bottom !important}
li.sexy-newsvine:hover{background-position:left top !important}
li.sexy-linkedin{background-position:-70px bottom !important}
li.sexy-linkedin:hover{background-position:-70px top !important}
li.sexy-googlebookmarks{background-position:-140px bottom !important}
li.sexy-googlebookmarks:hover{background-position:-140px top !important}
li.sexy-googlereader{background-position:-210px bottom !important}
li.sexy-googlereader:hover{background-position:-210px top !important}
li.sexy-scriptstyle{background-position:-280px bottom !important}
li.sexy-scriptstyle:hover{background-position:-280px top !important}
li.sexy-mail{background-position:-350px bottom !important}
li.sexy-mail:hover{background-position:-350px top !important}
li.sexy-comfeed{background-position:-420px bottom !important}
li.sexy-comfeed:hover{background-position:-420px top !important}
li.sexy-twitter{background-position:-490px bottom !important}
li.sexy-twitter:hover{background-position:-490px top !important}
li.sexy-technorati{background-position:-560px bottom !important}
li.sexy-technorati:hover{background-position:-560px top !important}
li.sexy-stumbleupon{background-position:-630px bottom !important}
li.sexy-stumbleupon:hover{background-position:-630px top !important}
li.sexy-reddit{background-position:-700px bottom !important}
li.sexy-reddit:hover{background-position:-700px top !important}
li.sexy-myspace{background-position:-770px bottom !important}
li.sexy-myspace:hover{background-position:-770px top !important}
li.sexy-mixx{background-position:-840px bottom !important}
li.sexy-mixx:hover{background-position:-840px top !important}
li.sexy-diigo{background-position:-910px bottom !important}
li.sexy-diigo:hover{background-position:-910px top !important}
li.sexy-digg{background-position:-980px bottom !important}
li.sexy-digg:hover{background-position:-980px top !important}
li.sexy-designfloat{background-position:-1050px bottom !important}
li.sexy-designfloat:hover{background-position:-1050px top !important}
li.sexy-yahoobuzz{background-position:-1120px bottom !important}
li.sexy-yahoobuzz:hover{background-position:-1120px top !important}
li.sexy-delicious{background-position:-1190px bottom !important}
li.sexy-delicious:hover{background-position:-1190px top !important}
li.sexy-blinklist{background-position:-1260px bottom !important}
li.sexy-blinklist:hover{background-position:-1260px top !important}
li.sexy-facebook{background-position:-1330px bottom !important}
li.sexy-facebook:hover{background-position:-1330px top !important}
li.sexy-misterwong{background-position:-1400px bottom !important}
li.sexy-misterwong:hover{background-position:-1400px top !important}
li.sexy-izeby{background-position:-1470px bottom !important}
li.sexy-izeby:hover{background-position:-1470px top !important}
li.sexy-twittley{background-position:-1540px bottom !important}
li.sexy-twittley:hover{background-position:-1540px top !important}
li.sexy-tipd{background-position:-1610px bottom !important}
li.sexy-tipd:hover{background-position:-1610px top !important}
li.sexy-pfbuzz{background-position:-1680px bottom !important}
li.sexy-pfbuzz:hover{background-position:-1680px top !important}
li.sexy-friendfeed{background-position:-1750px bottom !important}
li.sexy-friendfeed:hover{background-position:-1750px top !important}
li.sexy-blogmarks{background-position:-1820px bottom !important}
li.sexy-blogmarks:hover{background-position:-1820px top !important}
li.sexy-fwisp{background-position:-1890px bottom !important}
li.sexy-fwisp:hover{background-position:-1890px top !important}
li.sexy-yahoomail{background-position:-1960px bottom !important}
li.sexy-yahoomail:hover{background-position:-1960px top !important}
li.sexy-bobrdobr{background-position:-2030px bottom !important}
li.sexy-bobrdobr:hover{background-position:-2030px top !important}
li.sexy-memoryru{background-position:-2100px bottom !important}
li.sexy-memoryru:hover{background-position:-2100px top !important}
li.sexy-100zakladok{background-position:-2170px bottom !important}
li.sexy-100zakladok:hover{background-position:-2170px top !important}
li.sexy-yandex{background-position:-2240px bottom !important}
li.sexy-yandex:hover{background-position:-2240px top !important}
li.sexy-moemesto{background-position:-2310px bottom !important}
li.sexy-moemesto:hover{background-position:-2310px top !important}
li.sexy-marrows{background-position:-2380px bottom !important}
li.sexy-marrows:hover{background-position:-2380px top !important}
li.sexy-identica{background-position:-2450px bottom !important}
li.sexy-identica:hover{background-position:-2450px top !important}
li.sexy-hackernews{background-position:-2520px bottom !important}
li.sexy-hackernews:hover{background-position:-2520px top !important}
li.sexy-ning{background-position:-2590px bottom !important}
li.sexy-ning:hover{background-position:-2590px top !important}
li.sexy-designbump{background-position:-2660px bottom !important}
li.sexy-designbump:hover{background-position:-2660px top !important}
li.sexy-printfriendly{background-position:-2730px bottom !important}
li.sexy-printfriendly:hover{background-position:-2730px top !important}
li.sexy-fleck{background-position:-2800px bottom !important}
li.sexy-fleck:hover{background-position:-2800px top !important}
li.sexy-netvibes{background-position:-2870px bottom !important}
li.sexy-netvibes:hover{background-position:-2870px top !important}
li.sexy-netvouz{background-position:-2940px bottom !important}
li.sexy-netvouz:hover{background-position:-2940px top !important}
li.sexy-nujij{background-position:-3010px bottom !important}
li.sexy-nujij:hover{background-position:-3010px top !important}
li.sexy-globalgrind{background-position:-3080px bottom !important}
li.sexy-globalgrind:hover{background-position:-3080px top !important}
li.sexy-wikio{background-position:-3150px bottom !important}
li.sexy-wikio:hover{background-position:-3150px top !important}
li.sexy-xerpi{background-position:-3220px bottom !important}
li.sexy-xerpi:hover{background-position:-3220px top !important}
li.sexy-sphinn{background-position:-3290px bottom !important}
li.sexy-sphinn:hover{background-position:-3290px top !important}
li.sexy-hotmail{background-position:-3360px bottom !important}
li.sexy-hotmail:hover{background-position:-3360px top !important}
li.sexy-posterous{background-position:-3430px bottom !important}
li.sexy-posterous:hover{background-position:-3430px top !important}
li.sexy-techmeme{background-position:-3500px bottom !important}
li.sexy-techmeme:hover{background-position:-3500px top !important}
li.sexy-ekudos{background-position:-3570px bottom !important}
li.sexy-ekudos:hover{background-position:-3570px top !important}
li.sexy-pingfm{background-position:-3640px bottom !important}
li.sexy-pingfm:hover{background-position:-3640px top !important}
li.sexy-tomuse{background-position:-3710px bottom !important}
li.sexy-tomuse:hover{background-position:-3710px top !important}
li.sexy-webblend{background-position:-3780px bottom !important}
li.sexy-webblend:hover{background-position:-3780px top !important}
li.sexy-wykop{background-position:-3850px bottom !important}
li.sexy-wykop:hover{background-position:-3850px top !important}
li.sexy-blogengage{background-position:-3920px bottom !important}
li.sexy-blogengage:hover{background-position:-3920px top !important}
li.sexy-hyves{background-position:-3990px bottom !important}
li.sexy-hyves:hover{background-position:-3990px top !important}
li.sexy-pusha{background-position:-4060px bottom !important}
li.sexy-pusha:hover{background-position:-4060px top !important}
li.sexy-hatena{background-position:-4130px bottom !important}
li.sexy-hatena:hover{background-position:-4130px top !important}
li.sexy-mylinkvault{background-position:-4200px bottom !important}
li.sexy-mylinkvault:hover{background-position:-4200px top !important}
li.sexy-slashdot{background-position:-4270px bottom !important}
li.sexy-slashdot:hover{background-position:-4270px top !important}
li.sexy-squidoo{background-position:-4340px bottom !important}
li.sexy-squidoo:hover{background-position:-4340px top !important}
li.sexy-propeller{background-position:-4410px bottom !important}
li.sexy-propeller:hover{background-position:-4410px top !important}
li.sexy-faqpal{background-position:-4480px bottom !important}
li.sexy-faqpal:hover{background-position:-4480px top !important}
li.sexy-evernote{background-position:-4550px bottom !important}
li.sexy-evernote:hover{background-position:-4550px top !important}
li.sexy-meneame{background-position:-4620px bottom !important}
li.sexy-meneame:hover{background-position:-4620px top !important}
li.sexy-bitacoras{background-position:-4690px bottom !important}
li.sexy-bitacoras:hover{background-position:-4690px top !important}
li.sexy-jumptags{background-position:-4760px bottom !important}
li.sexy-jumptags:hover{background-position:-4760px top !important}
li.sexy-bebo{background-position:-4830px bottom !important}
li.sexy-bebo:hover{background-position:-4830px top !important}
li.sexy-n4g{background-position:-4900px bottom !important}
li.sexy-n4g:hover{background-position:-4900px top !important}
li.sexy-strands{background-position:-4970px bottom !important}
li.sexy-strands:hover{background-position:-4970px top !important}
li.sexy-orkut{background-position:-5040px bottom !important}
li.sexy-orkut:hover{background-position:-5040px top !important}
li.sexy-tumblr{background-position:-5110px bottom !important}
li.sexy-tumblr:hover{background-position:-5110px top !important}
li.sexy-stumpedia{background-position:-5180px bottom !important}
li.sexy-stumpedia:hover{background-position:-5180px top !important}
li.sexy-current{background-position:-5250px bottom !important}
li.sexy-current:hover{background-position:-5250px top !important}
li.sexy-blogger{background-position:-5320px bottom !important}
li.sexy-blogger:hover{background-position:-5320px top !important}
li.sexy-plurk{background-position:-5390px bottom !important}
li.sexy-plurk:hover{background-position:-5390px top !important}
li.sexy-virb{background-position:-5460px bottom !important}
li.sexy-virb:hover{background-position:-5460px top !important}
li.sexy-dzone{background-position:-5530px bottom !important}
li.sexy-dzone:hover{background-position:-5530px top !important}
li.sexy-kaevur{background-position:-5600px bottom !important}
li.sexy-kaevur:hover{background-position:-5600px top !important}
li.sexy-boxnet{background-position:-5670px bottom !important}
li.sexy-boxnet:hover{background-position:-5670px top !important}
li.sexy-oknotizie{background-position:-5740px bottom !important}
li.sexy-oknotizie:hover{background-position:-5740px top !important}
li.sexy-bonzobox{background-position:-5810px bottom !important}
li.sexy-bonzobox:hover{background-position:-5810px top !important}
li.sexy-plaxo{background-position:-5880px bottom !important}
li.sexy-plaxo:hover{background-position:-5880px top !important}
li.sexy-springpad{background-position:-5950px bottom !important}
li.sexy-springpad:hover{background-position:-5950px top !important}
li.sexy-zabox{background-position:-6020px bottom !important}
li.sexy-zabox:hover{background-position:-6020px top !important}
li.sexy-viadeo{background-position:-6090px bottom !important}
li.sexy-viadeo:hover{background-position:-6090px top !important}
li.sexy-googlebuzz{background-position:-6160px bottom !important}
li.sexy-googlebuzz:hover{background-position:-6160px top !important}
li.sexy-gmail{background-position:-6230px bottom !important}
li.sexy-gmail:hover{background-position:-6230px top !important}
li.sexy-buzzster{background-position:-6300px bottom !important}
li.sexy-buzzster:hover{background-position:-6300px top !important}
li.sexy-way2blogging{background-position:0px -80px !important}

.sexy-link{margin: 3px 0 0 20px; font-size: 9px; float:left; color: #555; text-decoration: none;}
.sexy-link a{padding:10px 0; width:100%; color: #333; text-decoration: none; border:0; outline:none}
</style>





6. Masukan Kode Di Bawah Ini Di atas Kode   <data:post.body/>



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post-width-w2b' style='width:600px;'>
 <div class='sexy-bookmarks-bg-sexy  sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>
  <ul class='socials'>
   <li class='sexy-yahoomail'>
   <a class='external' expr:href='&quot;http://compose.mail.yahoo.com/?Subject= &quot; + data:post.title +

&quot;&amp;body=Link:&quot;+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/>
   </li>
   <li class='sexy-gmail'>
   <a class='external'

expr:href='&quot;https://mail.google.com/mail/?ui=2&amp;view=cm&amp;fs=1&amp;tf=1&amp;su=&quot; + data:post.title

+ &quot;&amp;body=Link:&quot; + data:post.url' rel='nofollow' title='Email this via Gmail'/>
   </li>
   <li class='sexy-twitter'>
   <a class='external' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot;

+ data:post.url ' rel='nofollow' title='Tweet This!'/>
   </li>
   <li class='sexy-facebook'>
   <a class='external' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; +

data:post.url + &quot;&amp;t=&quot; + data:post.title '

onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return

false;' rel='nofollow' title='Share this on Facebook'/>
   </li>
   <li class='sexy-linkedin'>
   <a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; +

data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow'

title='Share this on LinkedIn'/>
   </li>
   <li class='sexy-googlebuzz'>
   <a class='external' expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url +

&quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on Google Buzz'/>
   </li>
   <li class='sexy-yahoobuzz'>
   <a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url +

&quot;&amp;submitHeadline=&quot; + data:post.title +

&quot;&amp;submitSummary=&amp;submitCategory=science&amp;submitAssetType=text&quot;' rel='nofollow' title='Buzz

up!'/>
   </li>
   <li class='sexy-blogger'>
   <a class='external' expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url +

&quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' title='Blog this on Blogger'/>
   </li>
   <li class='sexy-googlebookmarks'>
   <a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; +

data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Google Bookmarks'/>
   </li>
   <li class='sexy-googlereader'>
   <a class='external' expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcUrl=&quot; + data:post.url + &quot;&amp;srcTitle=&quot;

+ data:post.title + &quot;&amp;snippet=&quot;' rel='nofollow' title='Add this to Google Reader'/>
   </li>
   <li class='sexy-stumbleupon'>
   <a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on

StumbleUpon'/>
   </li>
   <li class='sexy-delicious'>
   <a class='external' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on del.icio.us'/>
   </li>
   <li class='sexy-digg'>
   <a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Digg this!'/>
   </li>
   <li class='sexy-comfeed'>
   <a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id +

&quot;/comments/default?alt=rss&quot;' rel='nofollow' title='Subscribe to the comments for this post?'/>
   </li>
   <li class='sexy-orkut'>
   <a class='external' expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;tt=&quot; +

data:post.title + &quot;&amp;du=&quot; + data:post.url + &quot;&amp;cn=&quot;' rel='nofollow' title='Promote this

on Orkut'/>
   </li>
   <li class='sexy-designbump'>
   <a class='external' expr:href='&quot;http://designbump.com/submit?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Bump this on

DesignBump'/>
   </li>
   <li class='sexy-reddit'>
   <a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Reddit'/>
   </li>
   <li class='sexy-designfloat'>
   <a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to DesignFloat'/>
   </li>
   <li class='sexy-friendfeed'>
   <a class='external' expr:href='&quot;http://www.friendfeed.com/share?title=&quot; + data:post.title +

&quot;&amp;link=&quot; + data:post.url ' rel='nofollow' title='Share this on FriendFeed'/>
   </li>
   <li class='sexy-zabox'>
   <a class='external' expr:href='&quot;http://www.zabox.net/submit.php?url=&quot; + data:post.url '

rel='nofollow' title='Box this on Zabox'/>
   </li>
   <li class='sexy-dzone'>
   <a class='external' expr:href='&quot;http://www.dzone.com/links/add.html?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;description=&quot;' rel='nofollow' title='Add this to

DZone'/>
   </li>
   <li class='sexy-webblend'>
   <a class='external' expr:href='&quot;http://thewebblend.com/submit?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Blend this!'/>
   </li>
   <li class='sexy-propeller'>
   <a class='external' expr:href='&quot;http://www.propeller.com/submit/?url=&quot; + data:post.url '

rel='nofollow' title='Submit this story to Propeller'/>
   </li>
   <li class='sexy-tumblr'>
   <a class='external' expr:href='&quot;http://www.tumblr.com/share?v=3&amp;u=&quot; + data:post.url +

&quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Share this on Tumblr'/>
   </li>
   <li class='sexy-squidoo'>
   <a class='external' expr:href='&quot;http://www.squidoo.com/lensmaster/bookmark?&quot; + data:post.url '

rel='nofollow' title='Add to a lense on Squidoo'/>
   </li>
   <li class='sexy-posterous'>
   <a class='external' expr:href='&quot;http://posterous.com/share?linkto=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;selection=&quot;' rel='nofollow' title='Post this to

Posterous'/>
   </li>
   <li class='sexy-technorati'>
   <a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' rel='nofollow'

title='Share this on Technorati'/>
   </li>
   <li class='sexy-hotmail'>
   <a class='external' expr:href='&quot;http://mail.live.com/?rru=compose?subject=&quot; + data:post.title +

&quot;&amp;body=Link: &quot; + data:post.url ' rel='nofollow' title='Email this via Hotmail'/>
   </li>
   <li class='sexy-bebo'>
   <a class='external' expr:href='&quot;http://www.bebo.com/c/share?Url=&quot; + data:post.url +

&quot;&amp;Title=&quot; + data:post.title ' rel='nofollow' title='Share this on Bebo'/>
   </li>
   <li class='sexy-bitacoras'>
   <a class='external' expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url ' rel='nofollow'

title='Submit this to Bitacoras'/>
   </li>
   <li class='sexy-blinklist'>
   <a class='external'

expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot; + data:post.url +

&quot;&amp;Title=&quot; + data:post.title ' rel='nofollow' title='Share this on Blinklist'/>
   </li>
   <li class='sexy-100zakladok'>
   <a class='external' expr:href='&quot;http://www.100zakladok.ru/save/?bmurl=&quot; + data:post.url +

&quot;&amp;bmtitle=&quot; + data:post.title ' rel='nofollow' title='Add this to 100 bookmarks'/>
   </li>
   <li class='sexy-blogengage'>
   <a class='external' expr:href='&quot;http://www.blogengage.com/submit.php?url=&quot; + data:post.url '

rel='nofollow' title='Engage with this article!'/>
   </li>
   <li class='sexy-blogmarks'>
   <a class='external' expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; +

data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Mark this on BlogMarks'/>
   </li>
   <li class='sexy-bobrdobr'>
   <a class='external' expr:href='&quot;http://bobrdobr.ru/addext.html?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on BobrDobr'/>
   </li>
   <li class='sexy-bonzobox'>
   <a class='external' expr:href='&quot;http://bonzobox.com/toolbar/add?pop=1&amp;u=&quot; + data:post.url +

&quot;&amp;t=&quot; + data:post.title + &quot;&amp;d=&quot;' rel='nofollow' title='Add this to BonzoBox'/>
   </li>
   <li class='sexy-boxnet'>
   <a class='external' expr:href='&quot;https://www.box.net/api/1.0/import?url=&quot; + data:post.url +

&quot;&amp;name=&quot; + data:post.title + &quot;&amp;description=&amp;import_as=link&quot;' rel='nofollow'

title='Add this link to Box.net'/>
   </li>
   <li class='sexy-current'>
   <a class='external' expr:href='&quot;http://current.com/clipper.htm?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Post this to Current'/>
   </li>
   <li class='sexy-diigo'>
   <a class='external' expr:href='&quot;http://www.diigo.com/post?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;desc=&quot;' rel='nofollow' title='Post this on Diigo'/>
   </li>
   <li class='sexy-ekudos'>
   <a class='external' expr:href='&quot;http://www.ekudos.nl/artikel/nieuw?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;desc=&quot;' rel='nofollow' title='Submit this to eKudos'/>
   </li>
   <li class='sexy-evernote'>
   <a class='external' expr:href='&quot;http://www.evernote.com/clip.action?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Clip this to Evernote'/>
   </li>
   <li class='sexy-faqpal'>
   <a class='external' expr:href='&quot;http://www.faqpal.com/submit?url=&quot; + data:post.url ' rel='nofollow'

title='Submit this to FAQpal'/>
   </li>
   <li class='sexy-fwisp'>
   <a class='external' expr:href='&quot;http://fwisp.com/submit?url=&quot; + data:post.url ' rel='nofollow'

title='Share this on Fwisp'/>
   </li>
   <li class='sexy-globalgrind'>
   <a class='external' expr:href='&quot;http://globalgrind.com/submission/submit.aspx?url=&quot; + data:post.url +

&quot;&amp;type=Article&amp;title=&quot; + data:post.title ' rel='nofollow' title='Grind this! on Global Grind'/>
   </li>
   <li class='sexy-hackernews'>
   <a class='external' expr:href='&quot;http://news.ycombinator.com/submitlink?u=&quot; + data:post.url +

&quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Submit this to Hacker News'/>
   </li>
   <li class='sexy-hatena'>
   <a class='external' expr:href='&quot;http://b.hatena.ne.jp/add?mode=confirm&amp;url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Bookmarks this on Hatena Bookmarks'/>
   </li>
   <li class='sexy-hyves'>
   <a class='external' expr:href='&quot;http://www.hyves.nl/profilemanage/add/tips/?name=&quot; + data:post.title

+ &quot;&amp;text=Text about this site+-+&quot; + data:post.url + &quot;&amp;rating=5&quot;' rel='nofollow'

title='Share this on Hyves'/>
   </li>
   <li class='sexy-identica'>
   <a class='external'

expr:href='&quot;http://identi.ca//index.php?action=newnotice&amp;status_textarea=Reading:&quot; + data:post.title

+ &quot;+-+from+&quot; + data:post.url ' rel='nofollow' title='Post this to Identica'/>
   </li>
   <li class='sexy-izeby'>
   <a class='external' expr:href='&quot;http://izeby.com/submit.php?url=&quot; + data:post.url ' rel='nofollow'

title='Add this to Izeby'/>
   </li>
   <li class='sexy-jumptags'>
   <a class='external' expr:href='&quot;http://www.jumptags.com/add/?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this link to JumpTags'/>
   </li>
   <li class='sexy-kaevur'>
   <a class='external' expr:href='&quot;http://kaevur.com/submit.php?url=&quot; + data:post.url ' rel='nofollow'

title='Share this on Kaevur'/>
   </li>
   <li class='sexy-mail'>
   <a class='external' expr:href='&quot;mailto:?subject=%22&quot; + data:post.title + &quot;%22&amp;body=Link:

&quot; + data:post.url + &quot; (sent via Way2blogging) &quot;' rel='nofollow' title='Email this to a friend?'/>
   </li>
   <li class='sexy-memoryru'>
   <a class='external' expr:href='&quot;http://memori.ru/link/?sm=1&amp;u_data[url]=&quot; + data:post.url +

&quot;&amp;u_data[name]=&quot; + data:post.title ' rel='nofollow' title='Add this to Memory.ru'/>
   </li>
   <li class='sexy-meneame'>
   <a class='external' expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url ' rel='nofollow'

title='Submit this to Meneame'/>
   </li>
   <li class='sexy-misterwong'>
   <a class='external' expr:href='&quot;http://www.mister-wong.com/addurl/?bm_url=&quot; + data:post.url +

&quot;&amp;bm_description=&quot; + data:post.title + &quot;&amp;plugin=sexybookmarks&quot;' rel='nofollow'

title='Add this to Mister Wong'/>
   </li>
   <li class='sexy-moemesto'>
   <a class='external' expr:href='&quot;http://moemesto.ru/post.php?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to MyPlace'/>
   </li>
   <li class='sexy-mylinkvault'>
   <a class='external' expr:href='&quot;http://www.mylinkvault.com/link-page.php?u=&quot; + data:post.url +

&quot;&amp;n=&quot; + data:post.title ' rel='nofollow' title='Store this link on MyLinkVault'/>
   </li>
   <li class='sexy-myspace'>
   <a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url +

&quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Post this to MySpace'/>
   </li>
   <li class='sexy-n4g'>
   <a class='external' expr:href='&quot;http://www.n4g.com/tips.aspx?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit tip to N4G'/>
   </li>
   <li class='sexy-netvibes'>
   <a class='external' expr:href='&quot;http://www.netvibes.com/share?title=&quot; + data:post.title +

&quot;&amp;url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Netvibes'/>
   </li>
   <li class='sexy-netvouz'>
   <a class='external' expr:href='&quot;http://www.netvouz.com/action/submitBookmark?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;popup=no&quot;' rel='nofollow' title='Submit this to

Netvouz'/>
   </li>
   <li class='sexy-newsvine'>
   <a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot; + data:post.url +

&quot;&amp;h=&quot; + data:post.title ' rel='nofollow' title='Seed this on Newsvine'/>
   </li>
   <li class='sexy-ning'>
   <a class='external' expr:href='&quot;http://bookmarks.ning.com/addItem.php?url=&quot; + data:post.url +

&quot;&amp;T=&quot; + data:post.title ' rel='nofollow' title='Add this to Ning'/>
   </li>
   <li class='sexy-nujij'>
   <a class='external' expr:href='&quot;http://nujij.nl/jij.lynkx?t=&quot; + data:post.title + &quot;&amp;u=&quot;

+ data:post.url + &quot;&amp;b=&quot;' rel='nofollow' title='Submit this to NUjij'/>
   </li>
   <li class='sexy-oknotizie'>
   <a class='external' expr:href='&quot;http://oknotizie.virgilio.it/post?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on OkNotizie'/>
   </li>
   <li class='sexy-pfbuzz'>
   <a class='external' expr:href='&quot;http://pfbuzz.com/submit?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on PFBuzz'/>
   </li>
   <li class='sexy-pingfm'>
   <a class='external' expr:href='&quot;http://ping.fm/ref/?link=&quot; + data:post.url + &quot;&amp;title=&quot;

+ data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Ping this on Ping.fm'/>
   </li>
   <li class='sexy-plaxo'>
   <a class='external' expr:href='&quot;http://www.plaxo.com/?share_link=&quot; + data:post.url ' rel='nofollow'

title='Share this on Plaxo'/>
   </li>
   <li class='sexy-plurk'>
   <a class='external'

expr:href='&quot;http://www.plurk.com/m?content=9+beautiful+web+forms+for+free+download+-+&quot; + data:post.url +

&quot;&amp;qualifier=shares&quot;' rel='nofollow' title='Share this on Plurk'/>
   </li>
   <li class='sexy-printfriendly'>
   <a class='external' expr:href='&quot;http://www.printfriendly.com/print?url=&quot; + data:post.url '

rel='nofollow' title='Send this page to Print Friendly'/>
   </li>
   <li class='sexy-pusha'>
   <a class='external' expr:href='&quot;http://www.pusha.se/posta?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Push this on Pusha'/>
   </li>
   <li class='sexy-scriptstyle'>
   <a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to Script &amp; Style'/>
   </li>
   <li class='sexy-slashdot'>
   <a class='external' expr:href='&quot;http://slashdot.org/bookmark.pl?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to SlashDot'/>
   </li>
   <li class='sexy-sphinn'>
   <a class='external' expr:href='&quot;http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=&quot; +

data:post.url ' rel='nofollow' title='Sphinn this on Sphinn'/>
   </li>
   <li class='sexy-springpad'>
   <a class='external' expr:href='&quot;http://springpadit.com/clip.action?body=&amp;url=&quot; + data:post.url +

&quot;&amp;format=microclip&amp;title=&quot; + data:post.title + &quot;&amp;isselected=true&quot;' rel='nofollow'

title='Spring this on SpringPad'/>
   </li>
   <li class='sexy-strands'>
   <a class='external' expr:href='&quot;http://www.strands.com/tools/share/webpage?title=&quot; + data:post.title

+ &quot;&amp;url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Strands'/>
   </li>
   <li class='sexy-stumpedia'>
   <a class='external' expr:href='&quot;http://www.stumpedia.com/submit?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Stumpedia'/>
   </li>
   <li class='sexy-techmeme'>
   <a class='external' expr:href='&quot;http://twitter.com/home/?status=Tip+@Techmeme+&quot; + data:post.url +

&quot;--&quot; + data:post.title + &quot;&amp;source=Way2blogging&quot;' rel='nofollow' title='Tip this to

TechMeme'/>
   </li>
   <li class='sexy-tipd'>
   <a class='external' expr:href='&quot;http://tipd.com/submit.php?url=&quot; + data:post.url ' rel='nofollow'

title='Share this on Tipd'/>
   </li>
   <li class='sexy-tomuse'>
   <a class='external' expr:href='&quot;mailto:tips@tomuse.com?subject=&quot; + data:post.title +

&quot;&amp;body=Link: &quot; + data:post.url ' rel='nofollow' title='Suggest this article to ToMuse'/>
   </li>
   <li class='sexy-twittley'>
   <a class='external' expr:href='&quot;http://twittley.com/submit/?title=&quot; + data:post.title +

&quot;&amp;url=&quot; + data:post.url + &quot;&amp;desc=&amp;pcat=Technology&amp;tags=&quot;' rel='nofollow'

title='Submit this to Twittley'/>
   </li>
   <li class='sexy-viadeo'>
   <a class='external' expr:href='&quot;http://www.viadeo.com/shareit/share/?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title + &quot;&amp;urlaffiliate=31138&quot;' rel='nofollow' title='Share this

on Viadeo'/>
   </li>
   <li class='sexy-virb'>
   <a class='external' expr:href='&quot;http://virb.com/share?external&amp;v=2&amp;url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Virb'/>
   </li>
   <li class='sexy-wikio'>
   <a class='external' expr:href='&quot;http://www.wikio.com/sharethis?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Wikio'/>
   </li>
   <li class='sexy-wykop'>
   <a class='external' expr:href='&quot;http://www.wykop.pl/dodaj?url=&quot; + data:post.url +

&quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Wykop!'/>
   </li>
   <li class='sexy-xerpi'>
   <a class='external' expr:href='&quot;http://www.xerpi.com/block/add_link_from_extension?url=&quot; +

data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Save this to Xerpi'/>
   </li>
   <li class='sexy-yandex'>
   <a class='external'

expr:href='&quot;http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&amp;lurl=&quot; +

data:post.url + &quot;&amp;lname=&quot; + data:post.title ' rel='nofollow' title='Add this to Yandex.Bookmarks'/>
   </li>
   <li class='sexy-bloggertricksandtoolz'>
   </li>
  </ul>
  <div class='sexy-link'>
  </div>
 </div>
</div>
</b:if>



7. Simpan Template,.,.,.,.,.,.,Lalu Lihat Sharing sexy.....Di bawah Postingan Anda...
[Read More...]


Membuat Menu Berbentuk circle/Bundar



Cara Membuat Menu Berbentuk Circle Atau Bundar...
Seperti  Apa....Sih Bentuk nya...Nah Jika Anda Penasaran...

Nih Ada ScreenShot nya Di bawah ini





Gimana Sobat....Apa Ada Yang Mau.......??

Kalau MAu Buat Menu Seperti Itu....??
Caranya Cukup Mudah SObat Anda Hanya Tinggal Menambahkan
Gadget Html/Javascript
Kalau Bagi yang udah kenal Blogger Pasti tau dimana Letak nya....
Kalau Yang Belum Tau SIlahkan Ikuti Lnagkah2 nya...Mudah Kok...



1. Log in Ke Blog Anda

2. Klik Rancangan Atau dalam bahasa inggris nya..biasa di sebut Layout

3. Klik Tambah Gadget

4. Klik deh Html / Javascript

5. Trus Copy Paste Deh Kode di bawah ini....Disitu...


<style>
#MenuBundar {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiigHThyRyRZQlOX9OXBVuJIBRTNLUf6zToRKh0jWVPl1ohbAwtxlx-QnPVokjU7mWBVaP-Z_iMNaz6uLXFNq8oPOvyd76npbryx8CaDtC4XvY-D2s3iWl-enHbwPckGjdwn6bR6hAoiKC0/s1600/background.gif) no-repeat;}
#MenuBundar li {display:block; width:60px; height:60px; position:absolute;}
#MenuBundar li.home {left:120px; top:4px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGZzvMwjSY3HkoPkufmKCYtg1VmDMyiP1PTnLXaAiFloysTzpdzFsQCkSyGy6aapaQ-diFjoVKp1uZfdsFJ0c2xSoMaRc9j60a56E9al6NI3OoQqNH-ubgd_QJHHRexK5giaxzBogoMd2G/s1600/home.gif) no-repeat center center;}
#MenuBundar li.chat {left:200px; top:40px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUl2okxqx7V-yIirV_H90ssEjbN6y1-hKL5OrmjLzN72E8tuO1HjzvQQ7fquNwdEba5cL4-KgTUPlsYpBXk841BrjfQcjOL-Z5_rt0o9gZmadD1WbzOR8EP5Vt9-Go0B1bnDtttu7yIcuc/s1600/chat.gif) no-repeat center center;}
#MenuBundar li.upload {left:35px; top:40px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Di2gSYozeP1SyB34wgFCDHCHtFyS1JAJSpyONIvZ63TyaphwhgX7T-a2Ed82Bu60yOlvh7EJ_cvOsbXHARQXVzG7PJC-3eWztOJZObFXZSGV3Tm0gPQibdR4q6xg9UPKeDqkY8gfB5gh/s1600/photo.gif) no-repeat center center;}
#MenuBundar li.email {left:230px; top:115px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9JFdUB2wIY8ZrAm7kAD_EfWjCfJhQOaJwWEKszAHOWI_y-Gwyi8UEbPFTdJjoVKwb3Ggpizs3IRhoKJX-UE80FHUJJrqYQ5CmcSt0KrWHZS4jtg-2yJzz54HHnALonXJN0OC5RgcgQ8Ex/s1600/email.gif) no-repeat center center;}
#MenuBundar li.address {left:5px; top:115px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBCgRJIuskMIW-RkA7KlT4VbYoFHrBbxTyqrjEGiMAnFnpTKBgbICNvfC-cmn_5KEyo0L5Xp8UTa5gXRv4vRKJrCY4vufadNTAjgrtvh6vShCJU42TckNLDsvrp4Fa8iXGExeazRgd3D5/s1600/address.gif) no-repeat center center;}
#MenuBundar li.shop {left:200px; top:190px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCq1lQtDB4EunFAs7wpbiibedkn3gBJAiYEdo7v97VYRwJOy5z6mIy25K2UxN4I8mFF6Z97jHluonO123S9APJOhd78uMvR6p3K1E0nGzKDbEObchV-er3e-Cqxf_Qvm7zF7v36BnYZ1l8/s1600/shop.gif) no-repeat center center;}
#MenuBundar li.search {left:35px; top:190px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOyGfcow07a6uhLZsoz3w_X8hP92ZF0apjZv7mHTq-5Nj66fvSPECRLqTLw9aujUiYEtmb9h3_RTqR2X55XIaKbKOExFp0yuJMQSCr0AY0Y4CxHn50hx7v0b8uLxXZm7TRN9PxnrTyLoU2/s1600/search.gif) no-repeat center center;}
#MenuBundar li.delivery {left:120px; top:225px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoizzXKXEfZA4P-N7AwaV56iX303HPfWrSnwjb1s8MVHjel1hB21iIyMxiZVo-JrIch4Gd1FPDIr0cvaflgtUkW4QLvVMuM3HFX9z8MywgXHlDcmPLt-TJXi7wfp6xIXNqZcOyXG-_qqB1/s1600/delivery.gif) no-repeat center center;}

#MenuBundar li a b {display:none;}
#MenuBundar li a {display:block; width:60px; height:60px; text-align:center;}


#MenuBundar li a:hover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHxrrpOLVj1YJwPYTnCtIXCj6rPwMJpQD-sRvqZFxFwTp9YZFPDK68SnTcPM3bNeUQsA0IfS-y18NmcwWG_74dwwzDFSHTNvRJ6ih8_wVd2gvN3kQ0WXaDvsuN_jPC_f__pMCPhzu-5WYw/s320/circle.gif); text-decoration:none; font-family:georgia, serif;}
#MenuBundar li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:14px; color:#63352c; background:#FFF;}
#MenuBundar li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}


#MenuBundar li.home a:hover b {left:-22px; top:100px;  }
#MenuBundar li.chat a:hover b  {left:-102px; top:64px;}
#MenuBundar li.upload a:hover b  {left:63px; top:64px;}
#MenuBundar li.email a:hover b  {left:-132px; top:-11px;}
#MenuBundar li.address a:hover b  {left:93px; top:-11px;}
#MenuBundar li.shop a:hover b  {left:-102px; top:-87px;}
#MenuBundar li.search a:hover b  {left:63px; top:-87px;}
#MenuBundar li.delivery a:hover b  {left:-22px; top:-121px;}
</style>






<ul id="MenuBundar">
<li class="home"><a href="#"><b>Udah Tidur Belom Nih</b></a></li>
<li class="chat"><a href="#"><b>Chattingan Dengan Sobat Blogger</b></a></li>
<li class="email"><a href="#"><b>Kirim E-mail Ke saya</b></a></li>
<li class="shop"><a href="#"><b>Toko Online Gan</b></a></li>
<li class="delivery"><a href="#"><b>Mobil Tukang NAgih Utang Nih....??</b></a></li>
<li class="search"><a href="#"><b>Kaca Pembesar Buat Nyari Artikel</b></a></li>
<li class="address"><a href="#"><b>Catatan Hutang </b></a></li>
<li class="upload"><a href="#"><b>Photo - Photo Blogger</b></a></li>
</ul>



Keterangan Kode


  • Kode berwarna orange Adalah Kode Icon Gambarnya Anda Bisa cari Gambar Icon nya sendiri atau kalau tidak mau pusing anda langsung saja kesini  icon kemudian cari icon yg kecil -kecil, Atau kalau g mau di ganti icon nya juga gak apa-apa......dari pada pusing
  • Kode # adalah Link nya....Jadi Anda Ganti kode # dengan Link Anda..
  • Kode berwarna Merah Adalah Nama - Nama nya Anda Bisa Ganti dengan kata - kata anda




Setelah Anda Edit Semua Kode - Kode nya.....Lalu Silahkan Anda simpan 
setelah Itu Lihat Hasilnya.......
[Read More...]


Membuat Background blog diam



 Membuat Background gambar blog diam walau di scrool - Background blog dengan menggunakan image atau gambar selain membuat blog lebih indah, juga membuat blog lebih berat. Sebenarnya menggunakan gambar sebagai  background kurang bijak,apalagi gambar yang digunakan di host di tempat lain. dan size dari gambar yang terlalu gede. tetapi jika tapi jika ini sudah menjadi pilihan anda, anda tinggal mengedit template anda.

caran Membuat Background blog Statis/diam:
Masuk ke tata letak atau rancangan, dan pilih Edit html.
Tambahkan kode berikut ini di template anda:
background-attachment: fixed;
Letakkan kode tersebut pada css body. sebagai contoh, perhatikan kode berikut:

body{width:100%;background:#042949 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzysD3FBZKm7dNcVwzLjLDT2S9DPG5YDpPfioSUIG8JyQ00CL4oJKRdr6XBVXrYT93M1hmgmRL-ZXZ6UoSiREZH2OVXMDBvBOS9sExhRUvEZMsfeEW6iMm865aOXMbmCx1pJNLnl6vOPZ/s1600/gradient.php...jpg) repeat-x top;color:#000;font-size:12px;font-family:Arial,Tahoma,Verdana; margin:0 auto 0; padding:10px 0;background-attachment:fixed;}

Klik pratinjau, dan scrool kebawah pada blog anda, dan lihat hasilnya.
Keterangan kode:
  • warna hijau adalah url dari gambar yang akan di jadikan background blog
  • warna orange adalah kode warna background
  • warna biru adalah pengaturan posisi background. Repeat-x top berarti background di ulang horisontal dan posisinya di atas.
  • Warna merah adalah sifat dari background. fixed artinya tetap
[Read More...]


Menambahkan Pesan di Bawah Posting Blog



Menambahkan Pesan di Bawah Posting Blog - Lagi-lagi tampilan blog ... Sobat blogger pasti pernah liat kan blog yang dibawah postingannya ada pesan atau iklannya??? kalo belom, coba liat dibawah postingan ini deh !! itu tuh, yang ada di bawah..
isi pesannya "Info : buat sobat blogger yang . . . . . . . dst"
nah. . . sekarang gw mau share tentang cara menambahkan pesan di bawah posting blog yang hasilnya nanti kurang lebih sama seperti pesan yang ada di bawah postingan ini.

Sebenernya ada beberapa cara buat menambahkan pesan di bawah posting blog, tapi cara yang mau gw share ini cara yang menurut gw paling mudah buat dilakuin.. maklumlah, gw kan newbie..

Langsung aja, buat nanmbahin pesan dibawah posting, coba ikutin langkah2 dibawah ini!
 Login dulu ke blogger.com
 Pilih menu "Design"
 Klik "Edit HTML"
 buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template"
 Beri tanda centang pada "Expand Template Widget"
 Cari kode <data:post.body/> (gunakan ctrl+f dalam pencarian)
 Copy Paste kode di bawah ini tepat dibawah kode <data:post.body/>


<hr/><b>Isi dengan pesan yang akan ditampilkan . . .</b><hr/>

 Klik "Save Template"

Keterangan:
 <hr/> adalah tag HTML untuk garis
 <b>...</b> adalah tag HTML untuk hurup tebal (bold)

Cara di atas adalah cara yang umum digunakan dalam proses menambahkan pesan di bawah posting blog. untuk mempercantik tampilan pesan kita nantinya, kita juga bisa menambahkan tag HTML lain, seperti <center>...</center> (agar teks menjadi rata tengah), <i>...</i> (untuk tulisan miring), <blink>...</blink> (untuk tulisan berkedip), bahkan menambahkan link.

Demikian sedikit penjelasan tentang cara menambahkan pesan di bawah posting blog, semoga berhasil dan mudah-mudahan bermanfaat !!
[Read More...]


Free premium domain



Anda tentu sudah mengenal berbagai domain gratis seperti*.co.cc, .tk, .cz.cc,* dsb. Domain-domain ini bisa anda dapatkan dengan mudah hanya dengan bergabung menjadi member. Namun taukah anda jika ternyata domain-domain premium seperti *.com, .net, .org*, dsb bisa didapatkan secara gratis? Ternyata ada situs layanan domain yang menyediakan domain premium secara cuma-cuma alias gratis. Namun untuk mendapatkannya perlu sedikit usaha, yaitu anda harus mengajak beberapa orang untuk bergabung menjadi referral anda. Nama situs tersebut adalah freepremiumdomain.com

Ada 3 macam pilihan, yaitu: jika anda bisa mengajak 9 orang untuk join maka anda akan mendapatkan 1 domain gratis. Dan jika anda bisa mengajak 16 orang maka anda bisa mendapatkan hinggan 3 domain gratis.
 Cara Mendaftar

1. Klik  DISINI. Akan muncul halaman seperti berikut ini:

2. Silakan pilih salah satu paket yang ingin anda dapatkan. Pastikan ini sesuai kemampuan anda, jika anda merasa mampu mengajak hingga 16 orang maka anda bisa memilih paket *Two free domains*. Jika tidak cukup pilih pake yang *one free domain, *karena anda hanya perlu mengajak 9 orang saja untuk bergabung. Masukkan email anda, kemudian tentukan passwordnya. Centang di bagian TOS dan terakhir klik “*register*“. Selanjutnya anda akan sampai pada halaman berikut ini:

3. Lengkapi semua data diri yang diminta, kemudian 
klik “*register*“. Di halaman selanjutnya akan ada pemberitahuan bahwa akun anda berhasil dibuat dan anda sudah bisa mempromosikan link affiliasi anda.
 
Silakan anda berpromosi dengan cara sendiri, ada berbagai metode promosi online yang bisa anda lakukan, seperti menyebar link lewat *email, jejaring sosial, milis, forum-forum, situs iklan baris gratis, blog pribadi, dsb.
Selamat Mencoba
[Read More...]


Menambahkan Menu Uninstall Pada Konteks Menu Windows



Ketika Anda tidak cukup puas atau tidak suka dengan sebuah software, Anda terkadang akan melakukan uninstall//menghapus program tersebut dari system Windows. Untuk melakukan unistall program di Windows 7 atau Vista biasanya Anda akan mengakses Control Panel » Programs and Features (Add/Remove Programs ada Windows XP). Kemudian memilih program yang akan di-uninstall dan klik tombol uninstall. Jika Anda merasa langkah-langkah uninstall program tersebut cukup panjang dan ingin mempersingkatnya, ada sebuah cara untuk melakukankkannya. Anda bisa menggunakan sebuah program yang bernama Menu Uninstaller.
Menu Uninstaller adalah program yang akan menambahkan menu Uninstall ketika Anda melakukan klik kanan pada setiap shortcut program, baik shortcut yang berada di desktop, Start Menu, Quick Launch ataupun di lokasi manapun di Windows Explorer. Hal ini tentu saja akan memudahkan dan mempersingkat langkah dalam melakukan uninstall sebuah program.
Cara Menggunakan Menu Uninstaller
Cara menggunakan Menu Uninstaller cukup mudah. Dengan hanya beberapa langkah saja, Anda sudah melakukan uninstall terhadap sebuah program. Berikut langkah-langkahnya:
  1. Klik kanan pada shortcut sebuah program yang akan di-uninstall, lalu pilih Uninstall
  2. Menu Uninstaller
  3. Selanjutnya akan muncul jendela konfirmasi proses uninstall dari Menu Uninstaller. Klik tombol YES pada jendela tersebut.
  4. Uninstall Confirmation
  5. Kemudian, Mune Uninstaller akan mencari file uninstaller dari program yang akan dihapus.
  6. Jika file Unistaller tersebut di temukan, maka akan muncul jendela konfirmasi lagi. Klik YES pada jendela tersebut. Maka proses uninstall akan dimulai. Tunggu hingga proses tersebut selesai.
  7. Uninstall Confirmation
  8. Kini program telah dihapus dari komputer Anda.
Cukup mudah bukan? Jika Anda tertarik untuk menggunakan Menu Uninstaller pada system Windows Anda untuk mempersingkat langkah-langkah uninstall program, silahkan download Menu Uninstaller melalui link dibawah ini.
Download Menu Uninstaller via Softpedia.
[Read More...]


kumpulan widget Cantik



Dapatkan Widget cantik dan menawan klik disini. Anda dapat langsung meng-copy/paste script dari widget-widget yang telah tersedia dan Anda juga bisa berkreasi dengan tampilan widget sesuai selera  untuk dipasang di-blog Anda. Sebelum login, registrasi dulu ya....
[Read More...]


Belajar Kode dasar HTML



Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini
Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.

Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:
Belajar

Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Belajar

Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :
Belajar

Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar

Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar

Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar

Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar

Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :

Namanya juga hidden..ya..ga keliatan..

Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar

Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar

Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
42

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42

Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf

Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar

Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar

Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar

Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar

Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Belajar

Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
Text


Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
Text


Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Text


Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
Text


Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.
BY.http://pelajaran-blog.blogspot.com/
[Read More...]


 

Community


My Popularity (by popuri.us)
Return to top of page Copyright © 2010 Stay Teddy|Official site All Right Reserved Powered By Blogger