TUTORIAL BLOGGING , BLACKBERRY , TEMPLATE SEO FRIENDLY

close
cbox

Best Free Iframe | Static HTML Application For Facebook



Anda pasti mengenal page / halaman di facebook..

Kali ini kita akan coba membahas aplikasi facebook yang biasanya di gunakan di page / halaman tersebut.
Aplikasi ini berguna untuk Anda yang ingin mempromosikan sesuatu seperti blog, web dsb
atau Anda hanya ingin melihat tampilan Page /Halaman Anda atraktif..

Atau Anda ingin membuat website didalam facebook.. !!

ini contohnya :
NON FANS

FANS

Ini yang Anda lihat bila mengklik salah satu banner diatas " [dude] Tutorials":

 


Ini dia Aplikasinya :

1. TabPress Custom iFrame Tabs  : support : HTML, CSS, JavaScript
2. Static HTML : fiturnya sama dengan yang no 1. ( tanpa Branding )
3. Iwipa  :  support HTML, WYSIWYG, iFrame, Javascript, Flash dan bahsa pemograman lainnnya. mudah juga di pasangkan Google Analytics . ( Free dan Pro version )
4. TabSite :  support WYSIWYG ( Free and Pro version )
5. iFrames for Pages by Wildfire :   support WYSIWYG ( Free and Pro version )
6. Hosted iFrame by MonsterApps : support HTML dan XFBML

Bagaimana caranya :
Anda hanya perlu menambahkan aplikasi tersebut ke Halaman / Page Anda ..

Bagaimana bila Anda kurang mengerti bahasa pemograman? mungkin anda bisa mencoba yang iframe for pages by wildfire, disana anda hanya cukup browse gambar Anda untuk di jadikan halaman pembuka. tanpa perlu memakai HTML
[Read More...]


Layanan foto Upload Twitter dibuka seluruhnya






Jakarta - Layanan upload foto milik Twitter kini sudah bisa dipakai semua user. Bagi mereka yang ingin mengunggah foto langsung dari situs resmi Twitter, tinggal mengklik ikon kamera yang terletak di pojok kiri bawah box status.

Sebenarnya Twitter telah merilis layanan ini pada bulan Juni, namun belum semua pengguna Twitter bisa menikmatinya. Kini, seluruh pengguna bisa memilih foto mana yang ingin diupload dan melihat previewnya sebelum dikirim ke Twitter.

Layanan berbagi foto milik Twitter ini disokong oleh Photobucket. Twitter menyarankan, pengguna mengunggah foto yang berukuran maksimal 3 MB, demikian yang dikutip detikINET dari situs resmi Twitter, Rabu (10/8/2011).

Menyinggung soal privasi, Twitter menjelaskan bahwa foto yang diunggah oleh akun yang diproteksi tidak akan bisa dilihat di hasil pencarian. Pihaknya juga akan menghapus data Exif dalam penguplodan foto sehingga informasi mengenai lokasi user dan info-info lainnya tidak bisa dilihat.

Ke depannya Twitter berencana akan membuat galeri untuk menampilkan semua foto yang diupload oleh user, baik dari layanan Twitter sendiri maupun dari layanan pihak ketiga.

Situs mikroblogging ini diketahui juga akan melebarkan layanan pengunggah fotonya ke ranah mobile. Ia akan tersedia di sistem operasi Apple iOS 5 yang segera diluncurkan meski belum tahu kapan ia tersedia di Android.

Di lain sisi, perilisan layanan foto oleh Twitter ini ternyata mengundang kekhawatiran dari layanan foto lain seperti TwitPic. Twitter pernah dikritik gara-gara dianggap menyalakan kompetisi dengan layanan pihak ketiga yang dibangun di atas platformnya. Pihak pengembang sendiri hingga kini masih bertanya-tanya apakah memang benar persaingan produk telah dimulai.
[Read More...]


Membuat Tampilan Gmail Friendly dan Nyaman



Merubah Tampilan Gmail

Membuat tampilan gmail menjadi lebih firendly dan enak dilihat sangat2 dipikirkan oleh penyedia layanan yaitu google. Untuk pengguna gmail yang setiap harinya mendapat di atas 100 email tentu sedikit repot dengan tampilan gmail yang lama. Kita harus satu2 persatu membuka dan membaca, belum lagi ketika kita harus membalas email tersebut. Kita harus kembali lagi ke halaman inbox untuk mengecek email yang lain begitu seterusnya.

Tampilan Gmail Baru

Google labs baru-baru ini meluncurkan sebuah sarana dalam bentuk settingan di gmail agar kita lebih friendly, lebih nyaman dan lebih mudah dalam mengecek email yang masuk ke inbox kita. Tampilan baru ini akan sangat membantu pengguna gmail untuk mengecek email dengan friendly sehingga tidak menghabiskan banyak waktu. Untuk merubah tampilan ini tentu saja perlu sedikit penyesuaian settingan.

Cara merubah tampilan gmail

1. Log in akun gmail kita. Setelah kita masuk, di kanan atas ada tombol setting yang bergambar roda gigi. Setelah kita klik gambar itu maka akan muncul pilihan. Kita pilih Labs (seperti gambar di bawah)
tampilan gmail
2. Setelah kita klik labs, maka kita akan masuk kepada tampilan setting. Di tampilan setting ini kita harus mengaktifkan (enabled) fitur preview pane.  Setelah kita klik enabled jangan lupa untuk save setting yang tombolnya terletak di bagian paling bawah.
tampilan gmail
3. Setelah kita aktifkan fitur preview pane, kemudian kita masuk ke halaman inbox kita. Di sudut kanan ada tool untuk merubah tampilan inbox kita. Tool itu memungkinan kita untuk split baik secara vertikal maupun horisontal. Saya menggunakan split vertikal.
tampilan gmail
4. Setelah kita memilih (saya memilih horizontal split) maka tampilan inbox kita akan berubah. Tampilan yang baru ini memungkinkan kita untuk memilih email, membaca, bahkan membalas dalam 1 jendela.
tampilan gmail
Tertarik untuk mencoba tampilan gmail yang baru? monggo dicoba!!!
SUMBER : http://mbahsangkil.com
[Read More...]


Perpendek Nama Domain, Google Beli G.co



Google+

TEMPO Interaktif, California - Google Inc baru-baru ini mengakuisisi sebuah domain bernama G.co. Rencananya, perusahaan yang dipimpin Larry Page itu akan menggunakan URL singkat tadi sebagai alamat situs eksklusif.

Penggunaan nama domain baru ini, selain untuk mengurangi banyaknya penggunaan nama .com, juga supaya jejaring sosial lebih mudah mengadaptasinya dan mudah diingat.

"Kami hanya akan menggunakan g.co untuk membawa Anda ke halaman Web Google dan hanya kami yang dapat membuat g.co shortcut," tulis Google dalam pernyataannya seperti dikutip situs teknologi PC World, Selasa, 19 Juli 2011.

Sebelumnya, Google juga sudah membuat nama domain Goo.gl yang lebih singkat ketimbang google.com. Namun, alamat itu masih belum banyak digunakan karena pengguna Internet sudah terbiasa dengan alamat google.com.

Meskipun kini tersedia domain baru yang lebih singkat, Google menyatakan isi dari layanan tidak ada yang berubah. Sebenarnya, domain .co pada awalnya adalah milik Kolombia. Namun, pemerintahan negara itu kemudian mengalihkan sistem administrasi penamaan domain .co kepada .CO Internet SAS pada awal 2010.

Kini, ada berbagai perusahaan yang menggunakan domain .co sebagai identitasnya di dunia maya. Perusahaan Overstock misalnya, harus merogoh kocek sebesar US$ 350 ribu untuk membeli domain O.co. Adapun Amazon.com memiliki empat domain .co, yakni A.co, Z.co, K.co, dan Cloud.co. Sementara itu, Twitter memilih T.co untuk memperpendek layanan URL-nya.

.CO Internet SAS mengumumkan saat ini jumlah pendaftar yang hendak menggunakan domain tersebut lebih dari 1 juta calon pengguna. Majalah World Trademark Review juga menobatkan .CO Internet SAS sebagai pemegang merek dagang terbaik di antara perusahaan Internet lainnya, seperti Google, Amazon, eBay, Yahoo.
[Read More...]


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


 

Community


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