Leciku - Portal Berita Anak Muda: December 2009

8:16 PM

taund baru banjir hadiah! ^^

Jalan-jalan naik pedati
Menikmati pemandangan nan indah
Tidak terasa tahun kan berganti
Semoga saja tahun nan indah
Sukses selalu di tahun 2010 nanti. :)

SELAMAD TAHUND BARU 2010.

smoga di tahund yg baru ini, smuanya menjadi baru.
yg awalnya gak bisa menjadi bisa.
yg awalnya buruk menjadi baik,
dan yg awalnya baik menjadi yg lebih baik lagi.
amind..

EHM. syapa yg mau hadiah!?
saya! saya! saya! saya! wkwkwk..

nich ada suatu hadiah buad temend²Q. there are some awards for you.

AWARD DARI VINDY

AWARD DARI MAZ PANZER

AWARD DARI EGA

award² tersebud aku kasih buad:

1. kakakQ

2. Panzer

3. mazter

4. wafyez

5. Rumah Blogger

6. sabirinnet

7. Mbak ina

8. maz asep

9. raidavista

10. noexs

11. ega

12. mbak vindy

13. mbak dewie

14. marbidin

15. nyiels

16. nura

17. Maz Wilyo

18. Cah Ndueso

silahkan di'ambil. gak usah malu². hehe..
...yg namanya belum tercantum, harap lapor. ya? ya? ya? :)

eh, ADA HADIAH satu lagi nich! KLIK!

sekian dari saya.

wassala'mu alaikum wr. wb

3:19 PM

say no to hosting! hehe..

huhh.. kemarend aku hampir strez gara² nyari hosting buat JS yg bener² baguz. dulu sih ada yg menurutku baguz banget. tapi sekarang udah di tutup.
.aku pernah buat akun di fileave, tapi peraturannya ketat!
"padahal tiap hari aku log in ke situ. tapi napa ya kok akunnya mati?"
akhirnya hilang smua dech file² yg udah ku kumpulin sejak zamannya friendster. huft
.truz mo buat akun di ripway, takutnya ntar kena viruz.
(katanya ripway bisa ke masukan viruz yach?) hii..

ehm! sekarang gak perlu hosting lagi buat nyimpen file JS.
hehehe.. (itu kalo aku)

misal: http://h1.ripway.com/infosehatbugar/efekbintangberjatuhan.js

ntar kalo kita buka, isinya kaya' yg di bawah:

nahh.. kalo pengen gak pake' hosting, tinggal tambahkan
aja kode <script type='text/javascript'>//<![CDATA[ di awal²
sama //]]></script> di akhir².

jadinya kaya' ini:

..semoga bermanfaat.

kalo bingung, bisa nanya² di kolom komentar.

4:23 PM

membuat slide

..heii, aku bukannya mo buat slide kayak gambar di atas luch! wehehehee..
sebenernya, udah agak malez mosting tentang tutor² kayak gini.
..tapi, kemarend ada yg minta cara buat slide nih. kalo gak salah namane rizal.
(hehe.. bener gak ya?) .. jadi ea udah dech. gak pa².

dahh.. langsung aja. (soalnya udah sore nihh.. takut gak nyampe')

1. masukin kode di bawah tepat di atas ]]></b:skin> :

/*Menu Slider*/
#slider {
background:transparent; height:150px; overflow:hidden; position:relative; margin-left:0px}

#mover {width:auto; position:absolute; overflow:hidden}

.slide {padding: 10px 0px; width:580px;float:left; position:relative; height:150px}

.slide h2 {font-family:verdana,georgia,helvetica,Sans-Serif; font-size:10pt;color: #ac0000; padding-left:10px; margin-left:10px; width:350px; overflow:hidden}

.slide h2 a:link, .slide h2 a:visited {color:#000; background-color:transparent}

.slide h2 a:hover {color:#0B0B61; background-color:transparent}

.slide p {color:#000; font-size:10px; font-family:verdana,georgia,helvetica,Sans-Serif; text-align:justify; line-height:15px; width:350px; padding-left:0px; margin:0px}

.slide img {margin-left:20px; position:absolute; top:50px; left:350px; background:#2E2E2E; padding:5px 5px}

#slider-stopper {position: absolute;font-family: verdana, georgia, helvetica, Sans-Serif;top:10px; right:10px; color:#B40404; padding:3px 8px; font-size:11px; font-style:bold; text-transform:uppercase; z-index:1000}

2. masukin kode di bawah sebelum </head>

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>
$(document).ready(function(){
$(".trigger").click(function(){
$(".panel").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
</script>

..yg ke-3, ..masuk ke Page Elements.
klik add a gadget, tyuz HTML / Javascript.
masukin kode ini:


<div id="casing">

<div id="slider">
<div id="mover">

<div class="slide">
<h2><a href="http://leciku.blogspot.com/2009/12/read-more-otomatis.html">Read More Otomatis</a></h2> <p>..udah lama nih aku gak mosting. hehehe...ehm. mungkin, nie bukan hal baru buad temen2. tapi ya.. sapa tau nie berguna buad yg lagi nyari. langsung ke TKP aja ya?1. masuk ke edit HTML (centang Expand Widget Templates)2. masukin kode di bawah sebelum </head> :<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot;...</p> <img alt="" width="130px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioSaeRDqymdISo3-eamEhvK5F8FngTcttfefzD7X1dkV9eQXkEnp3NMpCKF9X7C8Fbo9HZ3sZd5kTiII1x-pY_SPOMQ6gDA6E5M5AYhDxTwOX3kxLdW38d48RNFsVpVs1fylcZiw6-5wA/?imgmax=800" height="80px"/>
</div>

<div class="slide">
<h2><a href="http://leciku.blogspot.com/2009/11/memasang-emoticon-di-kolom-komentar.html"> emoticon comment</a></h2> <p>...dah, gak usah basa-basi lagi. :P
langsung aja:...</p> <img alt="" width="130px" src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif?imgmax=800" height="80px"/>
</div>

<div class="slide">
<h2><a href="http://leciku.blogspot.com/2009/11/memodifikasi-tags-cloud.html"> modifikasi tags cloud</a></h2> <p>...mosting apa ya? jadi bingung aQ....kali ini, aku pengen mosting cara buat tags cloud biar terlihat warna-warni. (...kaya' pelangi. hehehe...)_pertama, masuk ke blogger, truz masuk ke edit HTML.jangan lupa tuk nyenntang "expand template widget"* kedua, cari kode: ketiga, masukkan kode di bawah tepat di atas kode tadi: .label-size-1...</p> <img alt="" width="130px" src="http://upload.wikimedia.org/wikipedia/en/thumb/a/a5/TagCloudCloud.png/800px-TagCloudCloud.png?imgmax=800" height="80px"/>
</div>

<div class="slide">
<h2><a href="http://leciku.blogspot.com/2009/10/cinlok-cinta-lokasi.html"> Cinlok</a></h2> <p>deket sama seseorang memang menyenangkan. apalagi kalo lawan jenis. wUa! gUbRaK! ...itulah yang sekarang ini ku rasain. awal kenal "dia" siih... "ahh... biasa aja. gak ada yg spesial". tapi pas udah deket/ akrab, eh... ternyata nih anak asyik banget! sumpah! gak nyangka gue. apa lagi dia satu kelas sama aku.
hii...</p> <img alt="" width="130px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhshlzXT_9MKDxcbJYVXSyWsnz86R8PBx2yoW0315WD2RG1HetyZTZv10A0SjktSEexYhA_y30jZHhvOf3nr-3FcxVfxggbGy1qVHrJfSemyKo3tgCcfNleZJATKmYrD1XGDJ0u2kqKErA/s320/images.jpeg?imgmax=800" height="80px"/>
</div>

</div>

</div>

</div>
<div class="clear"/></div>

keterangan:
yg merah buat url.
yg aqua buat judul.
yg kuning buat keterangan.
tyuz yg biru buat url gambar.

..dahh, jadi.

3:55 PM

read more otomatis

..udah lama nih aku gak mosting. hehehe...

ehm. mungkin, nie bukan hal baru buad temen². tapi ya.. sapa tau nie berguna buad yg lagi nyari.

langsung ke TKP aja ya?
dulu, biasanya kita buad read more di blogspot dengan cara:
masukin kode ini di bagian CSS:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

truz masukin kode di bawah setelah <p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

"dan seterusnya"

..iya nggak? iya nggak? iya nggak?

kalo sekarang, gak usah susah₂ lagi. kan ada yg otomatis. hehe..
pengen tau cara buatnya?

1. masuk ke edit HTML (centang Expand Widget Templates)

2. masukin kode di bawah sebelum </head> :

//<![CDATA[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

3. cari kode <data:post.body/> atau <p><data:post.body/></ p>
truz hapus kode tersebut lalu ganti dengan yg ini:

<b:if cond='data:blog.pageType != "item"'>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

keterangan:

kata Read More bisa di ganti sesuai ke inginan.
truz untuk summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 120 bisa di ubah sesuai keinginan juggah. hii
# satu lagi, kata Read More juga bisa di ganti dengan gambar.
caranya: ganti tulisan Read More itu dengan <img src="URL-GAMBAR"/>

..udah dech. jadi. :)

3:54 PM

avatar mybloglog

ehm.. ehm.. salam metal!

hehehe...
kali ini, aku mo mosting cara buat foto/avatar mybloglog.
gunanya, ntar kalo kita ngirim komentar, foto/avatarnya bukan foto/avatar yg ada pada profilemu, melainkan foto/avatar mybloglogmu.

...so, yg lum punya account mybloglog, buruan klik

untuk join.

hii

# pertama, langsung aja masuk ke edit HTML (jangan lupa tuk nyentang expand widget templates)

# kedua, masukin kode dibawah sebelum kode </head>

<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)
version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/
if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}
//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");
//metto tutto minuscolo perchÃ¨ indexOf Ã¨ case sensitive
if (autore != ""){
alt="MyBlogLog: " + autore;
myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>

# tyuz, tyuz, cari kode <b:loop values='data:post.comments' var='comment'>
lau masukin kode ini setelah kode tadi:

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

...udah? ...kalo udah, ya udah.
wkwkwk

selamad mencoba

25 January 2013

25 January 2013

25 January 2013

25 January 2013

01 February 2013

30 January 2013

28 January 2013

26 January 2013

26 January 2013

26 January 2013

26 January 2013

26 January 2013

25 January 2013

25 January 2013

25 January 2013

25 January 2013

01 February 2013

30 January 2013

28 January 2013

26 January 2013

taund baru banjir hadiah! ^^

say no to hosting! hehe..

membuat slide

read more otomatis

avatar mybloglog

Android Portal

Popular Posts

Category