Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Mei 01, 2012

Cara Mudah Menghitung Regresi dan Korelasi

Buat sobat yang kuliah ambil jurusan manajemen pemasaran atau teknik industri ini cukup membantu karena sering menggunakan perhitungan regresi dan korelasi. Sebenarnya widget Linear regression calculator ini dijual namun kalau hanya untuk mencoba beberapa kali saja, sepertinya tidak perlu dan cukup menggunakan widget gratisannya aja yang ada di blog ini, dan widget ini pun bisa di pasang pada blog sobat.

Cara penggunaannya relatif mudah, sobat tinggal input data untuk masing-masing variabel X dan Y. Input datanya secara horizontal dan antar item data dipisahkan dengan koma. O iya, calculator ini hanya bisa menghitung 2 variabel saja. Outputnya berupa persamaan regresi, yang terdiri dari nilai slope dan nilai intercept. Untuk lebih jelasnya, saya akan berikan contoh soal.

Misalkan, suatu sampel random sebanyak 10 keluarga bertujuan untuk melihat hubungan antara pengeluaran konsumsi (Y) dengan pendapatan keluarga (Xi). Hasil pengamatan itu dapat dilihat pada tabel di bawah ini.

Kelompok (Y)
Pendapatan (X)
XY
70
65
90
95
110
115
120
140
155
150
80
100
120
140
160
180
200
220
240
260
5600
6500
10800
13300
17600
20700
24000
30800
37200
39000
6400
10000
14400
19600
25600
32400
40000
48400
57600
67600

4900
4225
8100
9025
12100
13225
14400
19600
24025
22500

= 1110
= 1700
= 205500
= 322000
= 132100
sumber: Mulyono, Sri. Statistika Untuk Ekonomi. Edisi kedua. LPFEUI. 2003.

Jawab:











sehingga persamaan regresi sampelnya :

Sekarang sobat coba menggunakan widget Linear regression calculator untuk mencari nilai persamaan regresi tersebut. Cara pemakaiannya seperti yang dijelaskan di atas.

Hasil dari persamaan regresi di atas dapat diinterpretasikan bahwa jika X naik satu satuan maka Y akan bertambah sebesar 0,5091. Bila b = 0 berarti tak ada hubungan antara Y dan X dan regresi sampelnya merupakan garis horizontal. Garis regresi sampel dapat digambarkan dengan mengambil dua pasang titik (X,Y) secara sembarang.

Sekarang untuk contoh perhitungan korelasi (r) dan koefisien determinasi (r2), kita ambil contoh data di atas dan perhitungan seperti berikut ini.







Sekarang sobat coba menggunakan widget R Squared calculator untuk mencari nilai korelasi dan koefisien determinasi. Cara pemakaiannya seperti yang dijelaskan di atas.

selamat mencoba,

Maret 19, 2012

Cara Membuat Random Posts

Random post atau random artikel seperti contoh di blog ini, dapat melengkapi pernak-pernik di blog sobat. Kegunaannya tidak lain untuk menavigasi bagi pengunjung yang ingin memilih artikel apa yang ingin dibacanya. Mungkin bisa lewat Related Posts, 10 Top Posts, Latest Posts, dan satu lagi mungkin melalui Random Posts, selain itu tentunya isi postingan yang ada di blog tersebut.

cukup mudah sobat cara pemasangan widget Random Posts ini, ok langsung aja yah:

Pertam kali, sobat cari kode ]]></b:skin> kalau sudah ketemu, letakkan kode di bawah ini persis di bawah kode yang dicari tadi.

<!-- RSS Ticker-->
<script src='http://www.google.com/jsapi?key=ABQIAAAABbrwDKYsWoFrKT2VEO848hSVMRpHkWO5iC1cB94dCZuazY9qcxRbTmKZJ_tbKWRW1GvCcfxi5iuElA'/>

<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='Loading...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return""};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]></script>
<!-- Stop RSS Ticker-->


Kemudian, sobat cari kode seperti ini <div id='main-wrapper'> kalau sudah ketemu letakkan kode di bawah ini persis di atas kode yang dicari tadi.

<span style="float:left; padding-left:5px; padding-right:5px; padding-top:3px; font-weight:bold">Random Posts &#187; </span>

<div style="float:left; padding-top:4px; width:700px; font-size:14px;">
<script type="text/javascript">
var cssfeed=new gfeedrssticker("example1", "example1class", 6000, "_new")
cssfeed.addFeed("Dilla Blog", "http://BLOGSOBAT.blogspot.com/feeds/posts/default/") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(20, "date") //Show 20 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>


Lalu disimpan, selesai dan coba dilihat hasilnya...

Tips:
http://BLOGSOBAT.blogspot.com diganti dengan url blog sobat.

Demikian saja, cara membuat random posts yang ada di blog ini, smoga bermanfaat. bye

Maret 09, 2012

Cara Membuat Tanda Tangan Di Blog

Dulu saya pernah coba buat signature / tanda tangan di blog ini menggunakan Correl Draw dan dihosting ke blogspot. Ehh, ga lama dihapus sama yang punya hosting, kayaknya ga bolleh kali. Tapi saya baru aja temukan www.MyLiveSignature.com yang bisa untuk membuat signature baik dalam format gambar maupun format html (online).

Sobat mau coba caranya mudah, langsung aja ke TKP dan ikuti langkahnya berikut ini:
  1. Ke TKP di http://mylivesignature.com
  2. Lalu klik tulisan "Don't want to register? -> Proceed, cara ini kalo sobat tidak mau register dulu, tapi kalo mau register dulu boleh-boleh aja
  3. setelah pilihan diatas, sobat langsung diajak untuk memulai membuat signature buat pinjaman kredit rumah. Sobat diminta mengisikan nama untuk dijadikan sebagai signature.
  4. Lanjut, sobat diminta untuk memilih jenis font yang diinginkan. Ada sebanyak 120 jenis font yang ditawarkan, silahkan sobat pilih
  5. Lanjut, sobat diminta untuk memilih ukuran font yang ditawarkan dari 1 hingga 10
  6. Lanjut, sobat diminta untuk memilih warna font.
  7. Lanjut, sobat diminta untuk memilih slope atau kemiringan signature, maksimal 45 derajat.
  8. Selesai, kini signature sobat sudah jadi, selanjutnya gulir kebawah sobat diminta untuk memilih format signature yang diinginkan. Ada 3 pilihan, pertama bentuk signature animasi, kedua bentuk signature dalam format gambar, ketiga bentuk signature dalam format html.
    Saran saya gunakan aja format terakhir, karena lebih mudah.
  9. Terakhir sobat diminta untuk memilih generating signature code. Ada dua pilihan, yaitu generate HTML code dan generate BB code. Kalau untuk web-blog sobat pakai pilihan pertama dan untuk forum sobat pakai pilihan kedua.
  10. di Copy HTML code signature sobat dan simpan sementara di notepad.
  11. Lanjut, buka Dashboard blog sobat lalu pilih Design > Format dan gulir kebawah, pada template entri sobat paste code HTML signature tersebut ke kotak template entri, dan disimpan.
  12. Saat sobat membuat postingan secara otomatis signature sudah ditempatkan di postingan tersebut, jadi tidak perlu lagi setiap membuat postingan harus copy-paste signature.
Demikian, cara buat signature atau tanda tangan di web-blog, smoga bermanfaat.

Februari 27, 2012

Membuat Burung Twitter Terbang Di Blog

membuat burung twitter terbang di blog, belajar seo, blogger hacks, blogger tips, blogger trick, tutorial blog, wordpress, joomla
Membuat Burung Twitter Terbang Di Blog, lucu yah judulnya hihihi... Sebenarnya postingan yang kaya gini dah banyak beredar tapi saya mau rilis kembali di tahun 2012 ini.




Langsung aja yah, ikuti langkahnya berikut ini :
  1. Dashbord > Rancangan > Tambah Gadget
  2. Lalu tambahkan HTML/JavaScript
  3. Kemudian letakkan kode berikut ini:



    <!-- floating twitter Bird -->
    <script type="text/javascript" src="http://dillablog.googlecode.com/files/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqh4Ak8Jc6U_StDNQmFS1L73DUgubjnYtlpdagT6tShyJoLIWe9ozt12EsXYmBz5fLyF7SxWGajZTYN2MBfEazW1AQbbX95WnhlqkP_J40AJqx7rlamE_Ep1i8StvaaRAaJONk3HI_MPI/s1600/burung+twitter+terbang.png";
    var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
    var twitterAccount = "http://twitter.com/Akun Twitter sobat";
    var tweetThisText = "Twitter - UserID http://www.dillablog.co.cc/";
    tripleflapInit();
    </script>
  4. Kode yang berwarna biru ganti dengan akun Twitter sobat.
  5. Kode yang berwarna merah ganti dengan pilihan warna burung kesayangan sobat, kalo burung saya warnanya putih donk
  6. Selesai, jangan lupa disimpan dan lihat hasilnya. Ok smoga ber.....
  7. Nah ini pilihan warna burung kesayangan sobat :
    membuat burung twitter terbang di blog, belajar seo, blogger hacks, blogger tips, blogger trick, tutorial blog, wordpress, joomla
    • Warna Kuning
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6RceFuK2swXbS65Y5eS1D_uMP6tYKp595ura5Ne06KYURYYqe55v50u6hNvYWTDu6qEaCnbMgzbCIbASQKxOPs6Acrsfq49_5CF0aE5udCfU3q9U0T3gZEQtJioh_89N6lONMzSty2U/s1600/yellow+bird.png
    • Warna Hitam
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEDuoUE_JQjFLrQnidTlf5GclaBroq9kPS5BFOpFpleRYdKBX4OS16pICE3_JUQSWfKQGBhUjD9QetmKU8gSxJEAsTiwvvudOXsi5__En3FPcoGHFkGjIfokQKmBfxlOv-2ze6yaObaMA/s1600/black+bird.png
    • Warna Biru
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlPcHazisZFL6NTAdNie1QFy60k6S38PYRP6gHsO_TpeMvYaL7t0PDXHuKJj1b05jHSi2mKiYLvQX-97ToNqxng5AdL9bGQZJdpHmiUWh0wkMySRztzgMw1WaM4vtPHtLyPZsh_0n9co/s1600/Blue+bird.png
    • Warna Coklat
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTY5Uurr-LGjPSiYqsmXZ1uUXAumgIJ8LDWEcVHPp15OGavGkCZN-Gxdc-W80Y5XpuGYt4KgPPzIpOIgar0fPTZRaE7F1p5o1LPI9ZCPxzRwblJ8-lQNtKR_W0wvJsSmAcGRcsozqEcV0/s1600/brown+bird.png
    • Warna Hijau
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibT4vKo4khB0U26oWqxEVhDf9GIJz1JXqouWr5celPDy31DgWjOQlJHXpM-8SFFasVAo-I2gH0BPEjX26H8_n2HXRcxqZO5Di7vk-O7kUZNwVQYTgtsLhDmMXwXpIrHGwndWZfH54DIKQ/s1600/Green+bird.png
    • Warna Ungu
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw-f9Y_RkocrDCFz2f7ElJ62Q2rO-kNnqjqsyoz2wXoXm-h2UDCc4nrafT01twsIqXja2BALfCVRodMFmWAibGj4vTuvVXEc_iUbtI3kV0ML7pJMYZYJQ7o4Bwqf74hic2Pw0IVekcpLk/s1600/purple+bird.png
    • Warna Putih
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiboE7B0F78NxsLMtYNa41r3vcPnHzBCAuv2hgip0GXyXkMyUph8hNTRE66L9ykKSIHboF08MzJa-PE19-CMTOVIXb6vwV8mPhY2GWkdJ0mRHk0u2Dm1l5272XodGBBVHxyxMePY6cx1JA/s1600/white+bird.png
    • Warna Merah
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_h92tEAVPKYvaQVwmgqfxbsVgdS1D10CEJOHr6ySHA1mv8NO-AoKrokGSNgXQNVdiGPwWcS_xm1hOqbRlZZI_Pgsm0cOkhb0g56eiaxEpcqHfzM4C2_-tL5H_jj_-sxcUgT_iQ1z2UBo/s1600/red+bird.png
Demikian caranya membuat burug twitter terbang di blog. Smoga dapat dicopas untuk kepentingan bersama.

Februari 26, 2012

Cara Buat 3-in-1 Box Floating

Cara Buat 3-in-1 Box Floating, kira-kira kaya gitu judulnya. Widget ini untuk menampilkan gadget Blogger Connect, gadget Twitter, dan gadget Facebok dalam satu kotak, makanya diberi judul 3-in-1 Box, dan Floatingnya itu ditempelkan pada sisi kanan template secara vertical, seperti yang ada pada blog ini.

Mau coba yang satu ini, ayo ikuti langkahnya berikut ini:
  1. Dashbord > Rancangan > Tambah Gadget
  2. Lalu tambahkan HTML/JavaScript

    Cara Buat 3-in-1 Box Floating, Blogger Hacks, Blogger Tips, Blogger Trick, Tutorial Blog, Wordpress, Joomla, Belajar SEO

  3. Kemudian letakkan kode berikut ini:
    <style type="text/css">

    .barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Tq9j6wVxUJYkjEDjqwpm5Ikx5ECP2WzjHvLNMj4nNiyd_VnABq9DfGuhrcF-rha71dV8QbZE6kKwd0fxx4VMg_IP-bwNUmHfmr5Wc71h6yCE0HC_RKazQf7TPLuvawI37KlM10_SKxHT/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
    .barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs3aehI-nKFH1BSpjP9k3-eta7re9EoUjtfehB10_CT80enIzjqX79CpdGTLo9RechKj6iY0cHStUDGjw5JkgYxeldEbJfhjTjF-Mb7BdO9oDmdJhn6AAqEIOhGe-59HGhusZ_Gb_Fih4H/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
    .barconteblogger{margin:5px 0 0 47px}
    .barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6M253tWQe0BSIw7Kdx1iG1O2b9-791KwRoqnS0INErbmFvc_jeYZn6pGq1FQG0Q_991v18x0tGeu-F6lBixFiztd8eeiVdbv-I0tFBQjBz3rjC5-ABCQvUO6t5USY0uGb_SUGw3pBrE_a/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
    .barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGvEl6NZhLSK4aHeLpcLo5vpJ4-hO26NN7w0hR92PmPrK_f7uvBRwQuxefbMBUMAFlwJB76MBwc1Zxfi4cgqCLqkW0E67cItQHsw-N0GQmZuFAT7jGoswLhqfMD9y61rD1vrxOtjdSFwL/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
    .barcontetwitter{margin:5px 0 0 47px}
    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9i7xPv0Hotob51w3PcrFWZJaHssn9jBwMFBeyyZ6KL1PendKFqHyxeimPztsFS9CqHjwq2yN62NHXcINQjfUWNgzmwyQ_jZrTqeZfOuQkCrbbsVilthktkH_OXohWK1OLCGm4YX8W6nH5/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_J9wAW8aS41wIZ_sNKggn8uV3Qgkrj5GS044W14mqeEdWvYxJn4bal2f0PnZ2cS1OOHEaXi2aC_QzDz1APzSuF_8QeUmHb3cy5B_tesxn4glxrPQE34_hc0XUH8UvWSy3NXkktI0vxpoP/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
    .barcontefacebook{margin:5px 0 0 47px}

    </style>

    <div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
    <div class="barconteblogger">
    <span style="color: red;">

    TEMPAT KODE BLOGGER CONNECT

    </span>
    </div>
    </div>
    <div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
    <div class="barcontetwitter"><br />
    <span style="color: red;">

    TEMPAT KODE TWITTER

    </span>

    </div>
    </div>
    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
    <div class="barcontefacebook">
    <span style="color: red;">

    TEMPAT KODE FACEBOOK

    </span>
    </div></div>
  4. Simpan, selesai. Selamat mencoba
Demikian Cara Buat 3-in-1 Box Floating, semoga bermanfaat.

Menampilkan Komentar Facebook Di Halaman Statis

Pada postingan yang lalu Cara Buat Komentar Facebook Di Blog, itu hanya tampil pada halaman dinamis saja dan tidak tampil di halaman statis. Kali ini saya akan mencoba agar Cara Buat Komentar Facebook Di Blog itu bisa tampil di halaman statis juga.

Cara Menampilkan Komentar Facebook Di Halaman Statis:
  1. Dashbord > Rancangan > Edit HTML, lalu centang bagian kotak Expand Widget Template
  2. Download dulu template anda sebelumnya.
  3. Cari kode yang mirip seperti di bawah ini:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <a class='more' expr:href='data:post.url'>Read More >></a>
    </b:if>
    </b:if>
    Ini merupakan kode model readmore otomatis versi 2 yang berguna untuk menampilkan halaman statis, yang pernah saya postingkan.
  4. Jika sudah ketemu tambahkan kode komentar fb di bawah ini tepat di bawah kode <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <div id='fb-root'/>
    <script src=' http://connect.facebook.net/en_US/all.js#appId=246610832089539&amp;xfbml=1'/>
    <fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
  5. Simpan, selesai dan lihat hasilnya. Ok selamat mencoba.
Demikian cara menampilkan komentar facebook di halaman statis, semoga bermanfaat.

Februari 24, 2012

Cara Buat Komentar Facebook Di Blog

Kini lagi trend mencantumkan komentar facebook di blog. Dari hasil googling saya tentang cara buat komentar facebook di blog cukup bervariasi, ada yang cara sulit ada juga cara gampang. Yang pasti widget ini sudah saya coba dan hasilnya cukup memuaskan.

Mau coba, ayo ikuti langkah-langkahnya berikut ini:
  1. Dashbord > Rancangan > Edit HTML, lalu centang bagian kotak Expand Widget Template
  2. Download dulu template anda sebelumnya.
  3. Cari kode yang mirip seperti di bawah ini:
    </b:includable>
    <b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:includable>
    <b:includable id='comment-form' var='post'>
    <div class='comment-form-block'>
  4. Jika sudah ketemu tambahkan kode komentar fb ini tepat di atas </b:includable> :
    <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
    <script src=' http://connect.facebook.net/en_US/all.js#appId=246610832089539&amp;xfbml=1'/>
    <fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
    </b:if>
    nomor aplikasi id facebook appId=246610832089539  merupakan nomor aplikasi id facebook dilla blog, dan anda harus membuatnya terlebih dahulu, berikut ini tipsnya.

  5. Tips : untuk mendapatkan AppID facebook :
    1. Masuk/login ke Facebook.com
    2. Kunjungi url ini: developers.facebook.com/setup
    3. Isi kotak yang tersedia seperti berikut ini:

      belajar seo, dilla blog, blogger hack, blogger tips, blogger trick, tutorial blog, tutorial wordpress, tutorial joomla, tutorial facebook, cara membuat komentar facebook di blog
      • App Display Name: Komentar
      • App Namespace: kotakkomentar (minimal 7 karakter)
      • beri centang pada "I Agree.."
      • Klik Continue
      • Isi verifikasi kata
      • Klik Submit. Selesai.
    4. Selanjutnya akan ditampilkan "App id" anda. Catat dan simpan nomor App id tersebut.

  6. Selesai, disimpan dan lihat hasilnya.
Demikian cara menampilkan komentar facebook di blog sobat, semoga bermanfaat.

Februari 18, 2012

Cara Buat Artikel Terkait Di Sidebar

Cara Buat Artikel Terkait Di Sidebar. Mau coba buat widget yang satu ini, seperti yang ada di sidebar blog ini. Gampang-gampang susah sih, tapi asal teliti pasti berhasil. Karena yang berhasil pasang widget ini jauh lebih banyak ketimbang yang tidak berhasil. Mungkin karena agak sedikit muter-muter alias tuing-tuing cara penerapannya. Ok dicoba ajah dulu yah.

Langkah-langkahnya Cara Buat Artikel Terkait Di Sidebar :
  • Login ke blog anda > Edit HTML > centang expand widget templates
  • Cari kode </head>  ( gunakan CTRL + F untuk mempermudah pencarian )
  • Copy kode dibawah ini dan paste di atas kode </head>
    <!-- Related Post -->
    <script type='text/javascript'>
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;
    }
    }
    }
    }
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];
    }
    }
    relatedTitles = tmp2;
    relatedUrls = tmp;
    }
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;
    }
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;
    }
    i++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>
  • Selanjutnya cari kode <div class='post-footer-line post-footer-line-1'> atau <div class='post-footer-line post-footer-line-2'> atau <div class='post-footer-line post-footer-line-3'>
  • Pilih salah satu saja, kemudian paste kode berikut tepat dibawahnya
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=15&quot;' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
  • Kalau sudah silahkan simpan template
  • Sekarang lanjut ke Page element > add a gadged dibagian sidebar kanan / kiri > pilih HTML / Javascript > Beri judul ' Artikel Terkait ' kemudian paste kode berikut pada gadget tersebut.
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
  • Save
  • Sekarang kembali lagi ke Edit HTML > centang expand widget template dan cari title='Artikel Terkait'
  • Biasanya kodenya seperti dibawah ini :
    <b:widget id='HTML2' locked='false' title='Artikel Terkait' type='HTML'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
  • Sekarang anda tambahkan kode berwarna merah dibawah ini sehingga hasilnyapun seperti dibawah ini
    <b:widget id='HTML2' locked='false' title='Artikel Terkait' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>
  • Simpan template dan lihat hasilnya
Demikian cara membuat related post atau artikel terkait di sidebar, smoga bermanfaat tuh.




referensi:
http://www.bamz.us

Februari 16, 2012

Cara Agar Breadcrumbs Terindex Google

Cara Agar Breadcrumbs Terindex Google. Ini bukan punya saya, tapi punya sobat ichbinnabil, tujuang di copas biar gak lupa, hehee. Banyak yang masih bingung, bagaimana sih biar breadcrumb navigasi bisa terindex google?. kan keren tuh url blog kita bisa dipersingkat. agar lebih memahami mengenai breadcrumbs yang terindex google.

Pertama-tama masukan kode css untuk breadcrumbnya, taruh di atas kode ]]></b:skin>
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
setelah itu cari kode <b:includable id='main' var='top'> , hapus kode tersebut dan ganti dengan kode berikut :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Save template. untuk mengecek kinerja breadcrumb, silahkan anda buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk cek anda tinggal copy paste url label ke google). setelah membuat artikel baru, tunggu hingga artikel tersebut terindex, dan lihat hasilnya.

Demikian, cara membuat breadcrumbs yang katanya dapat dan cepat terindex oleh google. Smoga bermanfaat.




referensi:
http://m-wali.blogspot.com

Februari 15, 2012

Cara Membuat dan Menambahkan Kolom Di Blog

Dari judulnya "Cara Membuat dan Menambah Kolom di Blog", sepintas terlihat sangat umum dan tidak pada substansinya. Ya!, memang maksudnya seperti itu, karena Cara Membuat dan Menambah Kolom di Blog ini sangat fleksibel. Artinya dapat digunakan untuk penambahan kolom di atas postingan maupun di bawah postingan bahkan di sisi kanan atau di sisi kiri postingan. Jadi sangat fleksibel bukan.!

Mau tau caranya Membuat dan Menambahkan Kolom Di Blog yang fleksibel, ok ikuti saja langkah-langkahnya berikut ini :
  1. Login dulu ke Blogger > Klik Design -> Edit HTML
  2. Backup template anda dengan klik pada Download Full Template agar anda bisa mengembalikan template anda ke kondisi semula jika hasilnya tidak memuaskan.
  3. Kalau sudah, cari kode ]]></b:skin>
  4. Tambahkan kode dibawah ini diatas kode ]]></b:skin>
    #footer-column-divide {
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }
    di sini anda bisa menambahkan rinciannya lagi misalnya: frame, jenis dan ukuran font, dan apa saja yang menurut anda dibutuhkan untuk kelengkapannya.
  5. Jika sudah cari kode dibawah ini. Di sini saya beri contoh untuk membuat dan menambah kolom footer.
    <div id='footer-wrapper'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div>

    atau

    <div id='footer'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div>
  6. Tambahkan kode berikut dibawah kode <b:section class='footer' id='footer' showaddelement='yes'/>
    atau <b:section class='footer' id='footer' />, lalu disimpan dan selesai untuk membuat dan menambah kolom footer.

Catatan: Jika anda tidak menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode berikut dibawah <div id='footer'>. Di sinilah letak fleksibelnya Cara Membuat dan Menambahkan Kolom Di Blog yang saya maksud.
  1. Jika ingin membuat footer 1 kolom. Gunakan kode berikut:
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 100%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>
    Cara Membuat dan Menambah Kolom Di Blog, cara menambahkan kolom di footer, belajar seo, blogger hacks, blogger tips, blogger trick, tutorial blog
  2. Jika ingin membuat footer 2 kolom. Gunakan kode berikut:
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 50%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 50%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div style='clear:both;'/>
    </div>
    Cara Membuat dan Menambah Kolom Di Blog, cara menambahkan kolom di footer, belajar seo, blogger hacks, blogger tips, blogger trick, tutorial blog
  3. Membuat footer 3 kolom. Gunakan kode berikut:
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 33%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 33%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 33%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col3'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>
    Cara Membuat dan Menambah Kolom Di Blog, cara menambahkan kolom di footer, belajar seo, blogger hacks, blogger tips, blogger trick, tutorial blog
  4. Membuat footer menjadi 4 kolom. Gunakan kode berikut:
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 25%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 25%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 25%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col3'
    preferred='yes' style='float:right;'/>
    </div>

    <div id='footer4' style='width: 25%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col4'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>
    Cara Membuat dan Menambah Kolom Di Blog, cara menambahkan kolom di footer, belajar seo, blogger hacks, blogger tips, blogger trick, tutorial blog
Demikian, cara membuat dan menambahkan kolom di blog dengan fleksibel, smoga dapat membantu anda.




referensi:
http://www.hermanblog.com

Cara Membuat Breadcrumb

Breadcrumb merupakan menu navigasi yang manfaatnya sebagai pentunjuk bagi para pembaca atau pengunjung yang sedang berada di blog tersebut. Disamping itu manfaat lainnya adalah sebagai tags yang terdapat dalam blog tersebut yang akan dapat dengan mudah terindex oleh google. Ini merupakan salah satu upaya untuk meningkatkan kemampuan dari SEO On Page.

Berikut ini langkah-langkah cara membuat breadcrumb:
  1. Dashbord > Rancangan > Edit HTML, lalu centang bagian kotak Expand Widget Template
  2. Download dulu template anda sebelumnya.
  3. Gunakan Ctrl+F untuk mencari ]]></b:skin>
  4. Jika sudah ketemu, letakkan (paste) kode di bawah ini sebelum kode ]]></b:skin>
    .breadcrumbs {
    padding:5px 5px 5px 0px;
    margin: 20px 0px 15px 15px;
    font-size:85%;
    line-height: 1.4em;
    border-bottom:3px double #e6e4e3;
    }
  5. Cari kode <b:includable id='post' var='post'> (seperti biasa gunakan Ctrl+F)
  6. Jika sudah ketemu, telakkan (paste) kode di bawah ini setelah kode <b:includable id='post' var='post'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    You are Here &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
    <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <data:post.title/>
    </div>
    </b:if>
    </b:if>
  7. Simpan template, selesai.
Demikian cara membuat breadcrumb atau menu navigasi di atas postingan, smoga bermanfaat.

Februari 14, 2012

6 Kotak Pencarian Yang Fresh dan Trendy

Kotak Pencarian, sobat pasti tahu manfaatnya bukan. Kotak pencarian ini selain berguna untuk mencari suatu artikel pada sebuah blog juga kalau dibuat dengan sentuhan artistik maka hasilnya pun akan lebih indah dan mempunyai nilai seni dan estetika yang juga menggambarkan si pembuatnya.

Ada 6 buah kotak pencarian yang fresh dan trendy saya kutip dari W2B, menurut saya patut dicoba, sobat bisa langsung ke sumbernya W2B atau bisa juga di blog ini.

6 Kotak Pencarian Yang Fresh dan Trendy :

contohnya seperti ini, boleh dicoba berfungsi atau tidak !





  1. Kotak Pencarian Model 1
    cara buat kotak pencarian, cara buat search box, search boox frensh and trendy, belajar seo, tutorial blog, blogger hacks, blogger tips, blogger trick
    <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhzVX-IVetUUk2DuCB0jSVnqLxmNG_QGcaG8DtDJkTsKqBBPxSu0IkuvQhAYwZHfrHLvfqrXGYXLThNL99SRQ63-d29jiIrcHeWfru4_4aDv6nU0apxfjX06Y1GoCHAvQPiyGYbSRLqwi/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>
    atau mau langsung dipasangkan widget ini, klik tombol tambah di bawah ini :
  2. Kotak Pencarian Model 2
    cara buat kotak pencarian, cara buat search box, search boox frensh and trendy, belajar seo, tutorial blog, blogger hacks, blogger tips, blogger trick
    script kodenya seperti di bawah ini :
    <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRDis0UZc4BpAgaIuhsU8W5rbUoSXs7a_h-wkF57du9GkV84m2e9Wjlhkp7c1oY3n-GafNsa1n792q5wh-Q4zwV3XDs4efNoA86q3YDEAZj9PALhe0TrqDOoVsmd8kiYgeFFu6YLMIxDNU/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>
    atau mau langsung dipasangkan widget ini, klik tombol tambah di bawah ini :
  3. Kotak Pencarian Model 3
    cara buat kotak pencarian, cara buat search box, search boox frensh and trendy, belajar seo, tutorial blog, blogger hacks, blogger tips, blogger trick
    script kodenya seperti di bawah ini :
    <style type="text/css">
    #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6fqiz-H86uIK6cgpCj8ieNiASaRfobVsfhWqLBSypJJxI1hxGwuw89ueWgTgZpRLppx2-2f71q2YVeglxsU9IktJQk_5UOSiMMbQE_SDGE5O8Da-BeVUvo8Rsm5HvvlaysSAxowr-1dSZ/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
    form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
    form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
    form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
    </style>
    <div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
    </div>
    atau mau langsung dipasangkan widget ini, klik tombol tambah di bawah ini :


  4. Kotak Pencarian Model 4
    cara buat kotak pencarian, cara buat search box, search boox frensh and trendy, belajar seo, tutorial blog, blogger hacks, blogger tips, blogger trick
    script kodenya seperti di bawah ini :
    <style type="text/css">
    #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif7-OFb54uvWscVYqABygmMJCPMIMNnFRI73Qmje2KIviQWIRB_1zne6WiPR0yAgPGH-nJq0kqqYHVD6gbyB6cS4uoRGNh9kN2jTIi88s6hLuiA-z1zI4EMEclM3_jK9oW48npI17ZAqfi/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
    form#w2b-searchform{display: block;padding: 12px;margin:0;}
    form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
    form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
    </style>
    <div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
    </div>
    atau mau langsung dipasangkan widget ini, klik tombol tambah di bawah ini :


  5. Kotak Pencarian Model 5
    cara buat kotak pencarian, cara buat search box, search boox frensh and trendy, belajar seo, tutorial blog, blogger hacks, blogger tips, blogger trick
    script kodenya seperti di bawah ini :
    <style type="text/css">
    #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlvMloXiL3ScdsTHM_HAySBe7JuhKhXQzs7oZ7WTJlv5jzyg5e4KpsDmuySkhbDsfjdbJkVUT0ru10HiZ6VBZ4bEH4_wrGnAO0BmUlF63aPqJWBROHfyoQmWsZjUJkaT4i4p0cyHiE731B/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
    form#w2b-searchform{display: block;padding: 12px;margin:0;}
    form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
    form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
    </style>
    <div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
    </div>
    atau mau langsung dipasangkan widget ini, klik tombol tambah di bawah ini :


  6. Kotak Pencarian Model 6
    cara buat kotak pencarian, cara buat search box, search boox frensh and trendy, belajar seo, tutorial blog, blogger hacks, blogger tips, blogger trick
    script kodenya seperti di bawah ini :
    <style type="text/css">
    #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFkUi9kKRa0KYza3VJJcc3aiTgmUaFndrmNPpfXggLZ0kOhaqfOxASUWoH6QSuQTpY7r0N-IFCFg2M6USYF-al_t23YHaJJvvofCeIX9WlidxhjKraWMy9kEtu5YXQT65zd-V1Lk9JDRh3/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
    form#w2b-searchform{display: block;padding: 12px;margin:0;}
    form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
    form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
    </style>
    <div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
    </div>
    atau mau langsung dipasangkan widget ini, klik tombol tambah di bawah ini :


Februari 02, 2012

Recent Comment Thumbnail With Avatar

Banyak cara dan gaya untuk menampilkan recent comment yang intinya untuk mempercantik penampilan suatu web-blog baik di blogspot maupun di wordpress. Recent comment pada umumnya ditampilkan dalam bentuk summary text saja namun ada juga yang dikombinasikan dengan thumbnail, dan biasanya thumbnail tersebut diambil dari gambar/foto blogger yang diupload melalui blogspot. Namun kali ini saya ingin memperkenalkan pada sobat membuat recent comment thumbnail dengan Avatar. Jadi tentu saja hanya bagi blogger yang mempunyai Avatar akan ditampilkan gambar/fotonya.

Ok, caranya cukup mudah. Sobat tinggal copy script di bawah ini :
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 60,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://namablog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
Lalu tambahkan gadget dan pilih HTML/JavaScript, selanjutnya tinggal di-paste script di atas yang telah dicopy. Selesai.

Sedikit penjelasan, untuk menampilkan jumlah recent comment yang akan ditampilkan. Sobat bisa merubah nilai pada "numComments". Di atas bisa dilihat numComments = 10, ini maksudnya untuk menampilkan jumlah recent comment sebanyak 10 komentar terakhir.

Sedangkan untuk menampilkan summary teks yang akan ditampilkan pada recent comment dapat diatur pada "characters". Di atas bisa dilihat characters = 60, ini maksudnya untuk menampilkan panjang teks 60 pixel.

Ok, semoga widget ini bermanfaat.

Januari 27, 2012

Cara Buat Daftar Isi Otomatis

Berkat adanya google code, solusi hosting file yang saya tunggu-tunggu. Kali ini mau coba buat script daftar isi otomatis. Cara kerja daftar isi otomatis ini mengandalkan label suatu postingan, jadi kalau mau teratur dan rapih daftar isi sobat harus teliti dalam memberikan label suatu postingan agar tidak terjadi pengulangan suatu postingan yang diakibatkan pemberian label yang salah.

Sobat tau bukan, kalau membaca sebuah buku atau majalah, pasti yang pertama dilihat daftar isinya, karena dari daftar isi si pembaca ingin tau secara keseluruhan isi buku atau majalah tersebut, apakah menarik atau tidak secara keseluruhan. Begitu juga dengan sebuah blog. Di samping itu juga akan menahan lebih lama si pengunjung (pembaca) karena disibukkan dengan pencarian indeks dalam daftar isi, alih-alih ada yang dicarinya.

Langsung saja ini scriptnya hasil manipulasi 'feeds post' atau umpan entri bawaan blogspot.
<script src="http://dillablog.googlecode.com/files/daftar%20isi%20dilla%20blog.js">
</script><script src="http://www.namablogsobat.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

Berikut langkah-langkah :

1. Buat sebuah postingan dan beri judul "Daftar Isi", jadwalkan postingan untuk ini jauh lebih lama tanggalnya dibandingkan isi blog sobat yang lainnya yang terdahulu.
2. Lalu masukkan kode di atas, Jika mau dikreasikan dengan tambahan kalimat atau gambar bisa saja, terserah sobat. Untuk urlnya (http://www.namablogsobat.com) ganti dengan url blog sobat.
3. Simpan postingan dengan judul "Daftar Isi" tersebut.
4. Selesai, oya, sebaiknya daftar isi ini diletakkan pada navigasi top menu agar lebih serasi. Cara dengan menempatkan link daftar isi tersebut pada navigasi top menu dan beri judul "Daftar Isi".

semoga bermanfaat, selamat mencoba.

Februari 20, 2011

Cara Buat Wdiget Top Artikel

Cara Buat Wdiget Top Artikel, top artikel disini diqueri berdasarkan banyaknya komentar yang masuk untuk setiap artikel, diurut secara descending (dari besar ke kecil) berdasarkan jumlah komentar. Selain itu fungsinya untuk menarik pembaca agar turut serta membaca artikel yang menjadi 10 Top Artikel.

Berikut ini langkah-langkah untuk memasang Widget Top Artikel :
  • Dashbord > Rancangan > Tambahkan Gadget, lalu masukkan script berikut ini:
    <script language='javascript'>
    aBold = true;
    numposts=200;
    maxshowresult=10;
    home_page = "http://www.dillablog.co.cc/";
    </script>
    <script src='http://dillablog.googlecode.com/files/toppost.js' type='text/javascript'></script>
    Keterangan :
    • aBold = true;, menebalkan artikel
    • numpost = 200;, menampilkan sebanyak 200 character
    • maxshowresult = 10; menampilkan sebanyak 10 artikel
    variabel tersebut di atas (aBlod, numpost, maxshowresult) dapat dicustom oleh anda sesuai keinginan.
  • elesai, jangan lupa disimpan, dan lihat hasilnya.
  • Selamat mencoba.

Widget Sexy Auto Hide Social Bookmarking

Widget sosial bookmarking menjadi keharusan yang harus dipasang pada setiap blog, disamping bentuknya yang memang indah dan sexy juga sangat penting sebagai media pendistribusian artikel yang kita miliki ke berbagai media sosial tersebut, salah satunya facebook atau twitter.

Berikut ini langkah-langkah cara pasang Widget Sexy Auto Hide Social Bookmarking :
  • Dashbord > Rancangan > Edit HTML, lalu centang bagian kotak Expand Widget Template
  • Download dulu template anda sebelumnya.
  • Gunakan Ctrl+F untuk mencari </head>
  • Jika sudah, lalu copy script di bawah ini tepat di atas </head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'
    type='text/javascript' />
    <link href='http://bloggerblogwidgets.googlecode.com/svn/trunk/auto-hide-social-bookmarking-way2blogging.css'
    rel='stylesheet' type='text/css' />
    <script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
    var sexyBaseHeight = jQuery('.sexy-bookmarks').height();
    var sexyFullHeight = jQuery('.sexy-bookmarks ul.socials').height();
    if (sexyFullHeight > sexyBaseHeight) {
    jQuery('.sexy-bookmarks-expand').hover(

    function() {
    jQuery(this).animate({
    height: sexyFullHeight + 15 + 'px'
    }, {
    duration: 800,
    queue: false
    });
    }, function() {
    jQuery(this).animate({
    height: sexyBaseHeight + 'px'
    }, {
    duration: 800,
    queue: false
    });
    });
    }
    if (jQuery('.sexy-bookmarks-center')) {
    var sexyFullWidth = jQuery('.sexy-bookmarks').width();
    var sexyBookmarkWidth = jQuery('.sexy-bookmarks:first ul.socials li').width();
    var sexyBookmarkCount = jQuery('.sexy-bookmarks:first ul.socials li').length;
    var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);
    var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;
    var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2;
    jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin + 'px');
    }
    });
    </script>
  • Selanjutnya cari <data:post.body/> dengan menggunakan Ctrl+F, jika sudah lalu tambahkan script dibawah ini sesudah <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-caring 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-way2blogging'>
    <a class='external' href='http://way2blogging.blogspot.com' rel='follow' title='Grab this Widget'></a>
    </li>
    </ul>
    <div class='sexy-link'>
    Widget for blogger by <a href='http://way2blogging.blogspot.com/2010/12/add-sexy-auto-hide-social-bookmarking.html' rel='follow' title='Grab this Widget'>Way2Blogging</a>
    </div>
    </div>
    </div>
    </b:if>
    Catatan :
    • width:600px merupakan lebar postingan, bisa disesuaikan dengan lebar postingan anda.
    • ada 8 pilihan lainnya untuk bentuk tulisan "Sharing is caring!"
      sexy-bookmarks-bg-sexy
      sexy-bookmarks-bg-caring
      sexy-bookmarks-bg-caring-old
      sexy-bookmarks-bg-love
      sexy-bookmarks-bg-wealth
      sexy-bookmarks-bg-enjoy
      sexy-bookmarks-bg-german
      sexy-bookmarks-bg-knowledge
  • Sumber : http://www.way2blogging.org

Copyright © / dillablog

Template by : Urang-kurai / powered by :blogger