de D-net Manonjaya Tasikmalaya

Minggu, 10 Agustus 2008

VectorLover

VectorLover-blogandweb

Download Template Demo Leer instrucciones

UrbanArtist

Colourise-blogandweb

Download Template Demo Leer instrucciones

Colourise

Colourise-blogandweb

Download Template Demo Leer instrucciones

TechJunkie

TechJunkie-blogandweb

Download Template Demo Leer instrucciones

Optimism

Optimism-blogandweb

Download Template Demo Leer instrucciones

Techno

Techno-blogandweb

Download Template Demo Leer instrucciones

Thermal

Thermal-blogandweb

Download Template Demo Leer instrucciones

Compressed

Compressed-blogandweb

Download Template Demo Leer instrucciones

Forte

forte-blogandweb

Download Template Demo Leer instrucciones

Posts Relacionados:

Untuk membuat kolom komentar dalam postingan kita masuk dulu ke Blogger in Draft atau tulis secara manual http://draft.blogger.com/home pada browser Internet. Kemudian ikuti langkah-langkah di bawah ini:

Masukkan ID dan password
Masuk ke Setting --> Comments
Pilih embeded below Post *seperti pada gambar*, Untuk bahasa Indonesia "Semat di bawah Entri"

4. Kemudian "Save setting" alias Simpan.

Apabila melakukan langkah di atas udah bisa bekerja dengan baik, kita tidak perlu meneruskan Cara-1 maupun Cara-2 di bawah ini, Tetapi apabila masih belum berhasil juga, Yuuk Mulai ke :

--> Cara -1:

Masuk ke Lay Out --> Edit HTML --> Expand Widget Templates ( jangan lupa ini di centang ),

Cari Kode di bawah ini:

<b:include data='post' name='comments'/>

Tambahkan kode di bawah ini setelah kode di atas :

<b:include data='post' name='comment-form'/>

Simpan Template dan lihat kotak komentar di bawah Post. Test dengan "mencoba komentar pada Blog kita sendiri"

Apabila Cara-1 masih belum bisa dijalankan juga, kayaknya kita kudu coba melakukan Cara-2 di bawah ini,

--> Cara -2:

Masuk ke Layout>Edit HTML --> centang "Expand widget templates".

Cari kode di bawah ini :

<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'expr:onclick='data:post
.addCommentOnclick
<data:postCommentMsg/></a>
</b:if>
</p>

Ganti seluruh kode diatas dengan kode di bawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/><b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'expr:onclick='data:post
.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

Kemudian Simpan Template.

Catatan :

Sebelum utak-atik kode HTML diatas, jangan lupa "Upload Full Template" dan Simpan
Cara-1 dan Cara-2, Pastikan memilih "embeded below Post" (Semat di bawah entri ) pada setting comment di Blogger in Draft , karena apabila hal ini terlewati, Maka Cara-cara diatas tidak akan dapat bekerja dengan baik.
Template yang sudah di modifikasi (bukan template default blogger) biasanya tidak bisa bekerja dengan baik apabila hanya memilih "embeded below Post" (Semat di bawah entri) tanpa melakukan Cara-1 maupun Cara-2, walaupun kolom komentar udah muncul di bawah posting tapi "Post a comment" gak bisa di klik...
Kode <p class='comment-footer'> di Cara-2 pada tiap template akan berbeda-beda, apabila kode tersebut ada 2 atau 3, pilih aja kode yang paling bawah.

Sumber : ...

[…]

Posts Relacionados:

Sabtu, 09 Agustus 2008

Animasi Friendster

Ingin agar tampilan Friendster layout kamu terlihat lebih keren dan menarik? Selain kamu mengoptimalkan design layout profile friendster kamu dengan menggunakan CSS, kamu juga butuh sedikit sentuhan animasi dengan menggunakan Javascript (js extension). Tutorial berikut ini akan memberikan implementasi penggunaan js extension (Java script) pada profile friendster agar layout cantikmu semakin keren.

Kita akan menggunakan animasi gelembung (buble cursor) pada cursor kamu. Kebanyakan para friendsterholic hanya merubah tampilan cursor standart berupa anak panah menjadi tangan yang sedang menunjuk. Padahal itu juga sebenarnya standar windows loh jika cursor menyentuh link maka anak panah tersebut akan berubah jadi tangan penunjuk. Jadi kekurangan dari penggunaan cursor bentuk tangan penunjuk ini pada profil friendster adalah akan membingungkan orang lain yang membuka friendstermu. Orang lain yang melihat akan bingung membedakan link aktif atau tidak.

Untuk itu sekarang kita akan gunakan animasi gelembung-gelembung udara yang muncul dari ujung cursor kamu. Apa itu cursor? kalo dari tdai kamu belum tau juga apa itu cursor maka keterlaluan deh. Cursor itu gampangannya adalah penunjuk di monitor yang bergerak-gerak setiap kamu mengarahkan mouse.

Seperti biasa langkah awal buka Notepad kamu (atau text editor lain) kemudian copy-paste-kan kode berikut ini dan "Save as" menjadi java script dengan menambahkan akhiran js extension dibelakan file (contoh; gelembung.js). Mengenai cara bagaimana cara nge-save dan penggunaan JS extension silahkan lihat kembali posting sebelumnya tentang penggunaan java script di friendster.

Code :

<!-- <br />n4=(document.layers);<br />n6=(document.getElementById&&!document.all);<br />ie=(document.all);<br />o6=(navigator.appName.indexOf("Opera") != -1)?true:false;<br /><br />img0=new Image();<br />img0.src="http://url-ke-gelembung.mu/gelembung.gif";<br /><br />num=(n6)?10:15;<br /><br />y=0;<br />x=0;<br />if (n4||n6){<br />window.captureEvents(Event.MOUSEMOVE);<br />function mouse1(e){<br /> y = e.pageY-20-window.pageYOffset;<br /> x = e.pageX-4;<br /> } <br />if (n4) window.onMouseMove=mouse1;<br />else document.onmousemove=mouse1;<br />}<br />if (ie||o6){<br /> function mouse2(){<br /> y = (ie)?event.clientY-20:event.clientY-20-window.pageYOffset;<br /> x = event.clientX-4;<br /> } <br />document.onmousemove=mouse2;<br />}<br />yp=new Array();<br />xp=new Array();<br />sp=new Array();<br />rt=new Array();<br />gr=new Array();<br />s1=new Array();<br />s2=new Array();<br />nz=new Array();<br />wh=(ie)?window.document.body.clientHeight:window.innerHeight;<br />for (i=0; i < num; i++){                                                                <br /> yp[i]=Math.random()*wh-y;<br /> xp[i]=x;<br /> sp[i]= 6+Math.random()*3;<br /> s1[i]=0;<br /> s2[i]=Math.random()*0.1+0.05;<br /> gr[i]=4;<br /> nz[i]=Math.random()*15+5;<br /> rt[i]=Math.random()*0.5+0.1;<br />}<br />if (n4){<br /> for (i=0; i < num; i++){<br /> document.write("<LAYER NAME='bub"+i+"' LEFT=0 TOP=-50>"<br />+"<img src='http://url-ke-gelembung.mu/gelembung.gif' width="+nz[i]+" height="+nz[i]+"></LAYER>");<br /> }<br />}<br />if (ie){<br />document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');<br /> for (i=0; i < num; i++){<br /> document.write('<img id="bub'+i+'" src="'+img0.src+'" style="position:absolute;top:-50px;left:0px">');<br /> }<br /> document.write('</div></div>');<br />}<br />if (n6||o6){<br /> for (i=0; i < num; i++){<br /> document.write("<div id='bub"+i+"' style='position:absolute;top:-50px;left:0px'>"<br />+"<img src="+img0.src+" width="+nz[i]+" height="+nz[i]+"></div>");<br /> }<br />}<br />function MouseBubbles(){<br />scy=(document.all)?document.body.scrollTop:window.pageYOffset;<br />scx=(document.all)?document.body.scrollLeft:window.pageXOffset;<br />for (i=0; i < num; i++){<br />sy = sp[i]*Math.sin(270*Math.PI/180);<br />sx = sp[i]*Math.cos(s1[i]*5);<br />yp[i]+=sy;<br />xp[i]+=sx; <br />if (yp[i] < -40){<br /> yp[i]=y;<br /> xp[i]=x;<br /> sp[i]= 6+Math.random()*3;<br /> gr[i]=4;<br /> nz[i]=Math.random()*15+5;<br />}<br />if (n4){<br /> document.layers["bub"+i].left=xp[i]+scx;<br /> document.layers["bub"+i].top=yp[i]+scy;<br />}<br />if (ie){<br /> document.getElementById("bub"+i).style.left=xp[i]+scx;<br /> document.getElementById("bub"+i).style.top=yp[i]+scy;<br /> document.getElementById("bub"+i).style.width=gr[i];<br /> document.getElementById("bub"+i).style.height=gr[i]; <br />}<br />if (n6||o6){<br /> document.getElementById("bub"+i).style.left=xp[i]+scx;<br /> document.getElementById("bub"+i).style.top=yp[i]+scy;<br />}<br />gr[i]+=rt[i]; <br />s1[i]+=s2[i];<br />if (gr[i] > 14) gr[i]=15;<br />}<br />setTimeout('MouseBubbles()',10);<br />}<br />MouseBubbles();<br />//--><br />

(kode di atas belum sempurna, baca dulu post ini sampai habis). Setelah kode di atas kamu save menjadi js extension lalu silahkan kamu upload ke file hosting yang support direct hot link kesayanganmu (bisa Ripway, Dompetfoto, Hotlinkfiles, dll) lalu dapatkan kode url link ke file tersebut (contoh: http://dompetfoto.org/files/13/gelembung.js). Nah langkah terakhir kamu tinggal memasukkan url js extension mu tsb ke Friendster (nah lu baca lagi deh tentang cara ini di posting sebelumnya).

Jika ingin mengganti gambar gelembung tersebut dengan gambar lain misalnya fotomu, atau emoticon, smiley, dll.. usahakan ukuran dan dimensi gambar tersebut tidak terlalu besar agar profile friendsterkamu tidak terlalu berat ketika di load di browser. Kalo temanmu yang buka koneksi internetnya kenceng sih gak masalah. Tapi kalo bukanya dari warnet..ya modar deh tuh. Makanya usahakn agar dimensinya dibawah 100x100 px. Cara gantinya cukup kamu upload dulu gambar tersebut di image hosting (imageshack, dompetfoto, tinypic,dll) dapatkan url link-nya lalu buka file gelembung.js tadi lalu cari dan ganti tulisan 'http://url-ke-gelembung.mu/gelembung.gif' yang muncul dua kali di js tersebut, ganti dengan url gambar kamu. simple khan..?

Liat screenshoot berikut:

Nah kalau kamu ingin langsung pakai dan gak perlu lagi edit kode di atas silahkan saja download file js extension nya berikut ini sesuai dengan gambar gelembung yang ingin kamu pakai di layout friendstermu.

http://dompetfoto.org/files/13/gelembung_01.js

http://dompetfoto.org/files/13/gelembung_02.js

http://dompetfoto.org/files/13/gelembung_03.js

download dan masukkan saja js extension di atas ke dalam friendster kamu..selamat menikmati.

[…]

Posts Relacionados:

Kamis, 07 Agustus 2008

Bikin Kalender

Bikin Kalender tinggal Copy Paste Script di bawah ini

Kalender Hijriyah

Free @ Hijriah

 <script src="http://hijriah.jentayu.com/hijriah.php"> </script>

Kalender Transit

 <div align="center"><iframe src="http://hijriah.jentayu.com/cgi-bin/tukar.pl" scrolling="No" align="center" valign="top" width="160" height="72"  marginwidth="0" marginheight="0" frameborder="No"></iframe></div>

Kalender Flash

  <div class="widget-content"> <center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="samedomain" type="application/x-shockwave-flash" src="http://www.revolutionmyspace.com/flash-toys/calendar/calendar.swf?s=71&flip=true&lnpath=http://www.revolutionmyspace.com/flash-toys/calendar/&dom=http://www.revolutionmyspace.com&i=Soccer.jpg&alpha=50" wmode="transparent" name="Custom Calendar" align="middle" height="168" width="275"><br><font size="-2"><a href="http://www.revolutionmyspace.com" _fcksavedurl="http://www.revolutionmyspace.com"></a></font></center> </div>

Kalender Sunda

[…]

Posts Relacionados:

Mesin Pencari

Menambahkan mesin pencari atau search google ke dalam blog, kita hanya memasukan script kedalam element

di internetdi sini

Copy Script dibawah ini

<div align="center">
<div class="search" style="">
<form method="get" target="google_window" action="http://www.google.co.id/custom">
<div align="center"><a href="http://www.google.com/"><img border="0" align="middle" src="http://www.google.com/logos/Logo_25wht.gif" alt="Google" /></a><br />
<input type="text" name="q" class="inputbox" style="font-size: 12px;" onblur="if(this.value=='') this.value='';" id="mod_search" value="" maxlength="255" onfocus="if(this.value=='') this.value='';" alt="search" /><br />
<input type="submit" class="button" value="Pilarian Sawaregna" /><input type="hidden" name="sa" value="Search" />
<div><input type="radio" name="sitesearch" value="" checked="checked" /><span style="font-weight: bold; color: rgb(51, 102, 255);">di internet</span><input type="radio" name="sitesearch" value="www.ifantaziex.page.tl" /><span style="color: rgb(102, 51, 51); font-weight: bold;">di sini</span></div>
<input type="hidden" name="channel" value="" /> <input type="hidden" name="client" value="pub-0634980692669849" /> <input type="hidden" name="forid" value="1" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="hidden" name="oe" value="UTF-8" /> <input type="hidden" name="safe" value="active" />
<div align="center"><input type="hidden" name="cof" value="GALT:#0066CC;GL:1;DIV:#999999;VLC:336633;AH:center;
BGC:FFFFFF;LBGC:FFFFFF;ALC:0066CC;LC:0066CC;T:000000;
GFNT:666666;GIMP:666666;LH:49;LW:175;L:http://;S:http://;LP:1;FORID:1;" /> <input type="hidden" name="hl" value="id;" /></div>
</div>

Yang warna biru ganti dengan URL kamu

[…]

Posts Relacionados:

Rabu, 06 Agustus 2008

Cara Buat Read More

Cara membuat "Read More" atau "Selengkapnya" di Blogger baru

1. Ok, pertama (setelah login) klik layout-template-edit HTML. Lalu beri tanda ceklis pada kotak kecil disebelah tulisan "Expand Widget Templates" Tunggu sebentar. 2. Pada kotak Edit Template cari kode berikut: <div class='post-header-line-1'/> <div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/>  </div> Kode tersebut biasanya ada sedikit kebawah. (lihat gambar berikut) 3. Kalo sudah ketemu; Tahap pertama(ada dua tahap nih) kita copy-paste kode berikut dibawah kode <div class='post-body'> <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> Tahap kedua, copas kode berikut dibawah kode <p><data:post.body/></p> <a expr:href='data:post.url'>Read More/Selengkapnya......</a> </b:if> 4. Kalo petunjuk di atas sudah kita lakukan berarti hasilnya seperti ini: (Warna biru sebagai kode yang tadi di copas)

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
  <style>.fullpost{display:inline;}</style>
  <p><data:post.body/></p>

<b:else/>
  <style>.fullpost{display:none;}</style>

  <p><data:post.body/></p>

  <a expr:href='data:post.url'>Read More/Selengkapnya...</a>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Atau lihat contoh gambar (mohon maaf kalo agak buram)

5. Kalo sudah beres, JANGAN LUPA klik SAVE TEMPLATE.

6. Dari menu TEMPLATE kita pindah menu; klik Settings-Formatting. Dibagian bawah ada tulisan Post Template, isi kotak dipinggirnya dengan kode berikut: <span class="fullpost"> </span> Klik SAVE.

7. Terakhir, setiap akan mempostkan tulisan klik Edit Html dan sisipkan kode berikut:

<span class="fullpost"> di atas tulisan yang akan kita sembunyikan atau dibawah paragraf tulisan yang kita tampilkan, dan </span> diakhir tulisan.

8. At last but not list, untuk mengedit tulisan yang sudah ada dan pengen menggunakan read more, caranya:

a. Klik menu EDIT POSTS

b. Klik EDIT di artikel yg akan diedit.

c. Pasang kode <span class="fullpost"> di bawah paragraf yg akan ditampilkan. Dan pasang kode </span> di akhir artikel.

[…]

Posts Relacionados:

Selasa, 15 Juli 2008

Bikin Gambar Pojok

1. Login ke blogger trus klik "Layout -->> Edit HTML

2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#gambar-pojok {

position:fixed;_position:absolute;bottom:0px; left:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

" http://www.de-dnet.co.cc" adalah link. ganti dengan link kamu.

" http://i338.photobucket.com/albums/n407/ifantaziex/thkenshin.gif " adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

[…]

Posts Relacionados:

Minggu, 10 Agustus 2008

Template Blogger

VectorLover

UrbanArtist

Colourise

TechJunkie

Optimism

Techno

Thermal

Compressed

Forte

Blogy - Dilectio

Blogy - O2

Blogy - Navideño

Blogy - Styleicious

Blogy - Mosaico

Blogy - Decorativo

Blogy - GossipCity

Blogy - Simpress

Blogy - Smashing

Blogy - Insense

Blogy - illacrimo

Blogy - Curved

Blogy - iPlantilla

Blogy - Glass

Blogy - Pro

Blogy - Rosa

Blogy - Cultivado

Blogy - Isla

Blogy - Acuerdo

Blogy - Ondas

Blogy - Minyx

Blogy - Dead

Blogy - Puerto

Blogy - Webby

Blogy - Lindo día

Blogy - Tierra

Blogy - Polen

Blogy - Zen

Blogy - Azul

Blogy - Portfolio

Blogy - Árbol

Blogy - Blix

Blogy - Cajas

Blogy - Natural

Blogy - Neoneon

Blogy - Neosapien

Blogy - Pizza

Blogy - Cut

Blogy - Freshy

Blogy - Minimalista Negro

Blogy - Greenery

Blogy - Agua

Blogy - Floral

Blogy - Integral

Blogy-Azul Brillante

Blogy - Tradicionalista

Blogy - Hada negra

Blogy - Neonix

Blogy - Spring

Blogy - Columnas

Blogy - Vertical

Blogy - Informativo

Blogy - Provincia

Blogy - Eclipse

Blogy - Ritmos Orgánicos

Blogy - Enlight

Membuat Kolom Komentar

Sabtu, 09 Agustus 2008

Animasi Friendster

Kamis, 07 Agustus 2008

Bikin Kalender

Mesin Pencari

Rabu, 06 Agustus 2008

Cara Buat Read More

Selasa, 15 Juli 2008

Bikin Gambar Pojok

Labels

Blog Archive

Subscribe To