..:: ~AnoN|03~ ::..: Blogger

Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Template Blog

Label:

hmz.,.,
Dah lama nie ane gak update post,
hehehee..
maklum kesibukan yang gak penting, tetep ane jalanin,

okay, langsung aja., kali ini ane akan post tempate blog, karena ane buat blog lagi, mending mampir ke blog ane itu y kakak.
maaf jika seandainya kakak, merasa tidak nyaman.,

salam dari newbie kakak.,

^_^

http://blognisan.blogspot.com

Membuat redmore tanpa script di blogspot

Label:

Blogger

================

--=[ Step 1 ]=--

================

--=[ Step 2 ]=--

================

--=[ Step 3 ]=--

================

--=[ Step 4 ]=--

================

Demo bisa lihat di sini

Semoga membantu kk’,, salam dari newbie ^_^,--

Mempercepat Loading pada blog

Label:

Blogger

Dah lama nie ane gak ngepost, jadi kangen ma gubuk ane yang jelek ini..... ^_^,,--

Hmz., kali ini ane akan share tetang cara mempercepat Loading blog kita, pada dasarnya sie blog kita jadi lambat pada saat ngeload, itu karena kita terlalu banyak pasang aplikasi, animasi, dan iklan secara berlebihan, atau ukuran source blog kita yang lumayan cukup besar. Agar blog kita tidak terlalu berat untuk di load, saran ane gunakan aplikasi, animasi, dan iklan seperlunya aja,, gak usah terlalu berlebihan, apa lagi jika terlalu berlebihan dalam menggunakan itu, gak enak juga kalo’ diliat. Untuk masalah source blog kita yang besar sizenya, ane share nie caranya untuk mengompres sourcenya jadi pada saat kita ngeload blog kita, bisa sedikit lebih cepat. Langsung simak jha y kk, salam dari newbie ^_^,,--

============

--=[ Step 1 ]=--

============

Sebelumnya lebih baik kita tes dulu kecepatan blog kita, biasanya ane pke ini atau ini, terserah kk’ mau pilih yang mana, dua-duanya juga enggak apa-apa . ^_^ ,,-- .

============

--=[ Step 2 ]=--

============

Setelah itu, kita login ke blog kita. Setelah login, pilih rancangan ==> edit HTML . Ini untuk blogger dengan tampilan lawas, untuk blogger dengan tampilan yang baru pilih template ==> edit HTML ==> Lanjutkan. Dan untuk kk’ yang pke platform selain blogger.com , cari sendiri ya edit HTMLnya, yang jelas pada dasarnya sama, kita cari script HTML dan CSS untuk di compress nanti.

============

--=[ Step 3 ]=--

============

Sebelumnya, download dulu template blog kk’ untuk jaga-jaga. ^_^,,-- . Kalo’ udah, jangan lupa centang Expand Template Widget.

============

--=[ Step 4 ]=--

============

Setelah itu, kita cari kode <b:skin> lalu kita copy sampai ke kode ]]></b:skin> . itu Script CSS kita yang akan kita kompres nanti kk’.

Ex:

<b:skin> <![CDATA[/*

Bla..bla...bla....

]]></b:skin>

Terus kita ke sini dan kita paste script CSS kita di situ. Di situ kita pilih Super Compact pada Compression mode. Dan Strip ALL comments pada Comments handling. Kalo’ udah kita Pilih Compress it .

============

--=[ Step 5 ]=--

============

Kalo’ udah selesai, kita replace Script CSS kita yang di blog dengan script CSS yang telah di compress

============

--=[ Step 6 ]=--

============

Sekarang, kita tinggal Compress Bodynya, kita cari kode <body> lalu kita copy sampai di </body>. Ex:

<body>

Bla..bla...bla....

</body>

Lok’ udah, kita ke sini dan paste di situ. Lalu kita pilih Opimize!

Setelah selesai, kita replace lagi script nya ke blog kita.

============

--=[ Step 7 ]=--

============

Simpan Template lalu kita bisa tes ulang kecepatan blog kita.

Ane juga udah coba cara ini di blog ane, dan hasilnya :

Selamat mencoba kk’ semoga berguna, salam dari newbie kk’, ^_^,,--

Membuat effect Zoom Image pada Postingan

Label:

Blogger

Karena banyak yang tanya, bagaimana cara nya membuat Zoom Image pada setiap postingan kyk beginian nie,

jadi postingan kali ini ane bakal kasih sourcenya . Kebetulan ane juga pke kyk yang begituan, jheheheee karena ini script CSS jadi naronya di CSS y untuk blogspot bisa di Rancangan~Perancang template~Tingkat lanjut~tambahkan CSS ini untuk yang pke antarmuka blogger lawas, lok yang bru di template~ubahsuaikan~tingkat lanjut~tambahkan CSS

langsung sedot jha kk, salam dari newbie ^_^,,-- :)

.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

yang berwarna merah, itu ukuran zoom imagenya. bisa diganti sesuai dengan keinginan kk,

Efek Tulisan pada Kursor

Label:

Blogger

Kali ini ane akan berbagi cara memberikan efek tulisan pada kursor. efek tulisan yang dimaksud, itu efek seperti kursor pada blog ane. langsung aja y.. nie ane kasih sourcenya, tinggal copas jha, naronya di tambah gadget~html/javascript y,,
semoga bermanfaat !!!! salam dari newbie kk.. ^_^,,--

<script language="javascript">
var text='./ Welcome to my blog :: AnoN|03 ~~~~~~~~';
var delay=5;
var Xoff=0;
var Yoff=-30;
var txtw=10;
var beghtml='<font color="#FF0000"><b>';
var endhtml='</b></font>';
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-50;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-100);
moveid(txtA[i],0,-100);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

Beberapa Gadget Blogspot

Label:

Blogger

Di sini ane akan bagi gadget2 blog yang ane pke di blog ane . meskipun gak seberapa menarik, tapi semoga jha bermanfaat deh,
salam Kenal dari newbie kk,, ^_^

1.JAM world:

2.map:

3.gadget welcome:

4.aktif:

5.welcom.gif:

http://s1087.photobucket.com/albums/j476/esan_smansa

6.jumlah pengunjung:

7.anti klik kanan:

///////////////////////////////////

8.zig-zag(diatas<head>):

//<![CDATA[

scrW=screen.availWidth

scrH=screen.availHeight

window.resizeTo(10,10)

window.focus()

for(a=0;a<100;a++){

window.moveTo(0,0)

window.resizeTo(0,scrH*a/100)

}

window.resizeTo(0,0)

for(b=0;b<100;b++){

window.moveTo(0,scrH/1)

window.resizeTo(scrW*b/100,0)

}

for(c=0;c<100;c++){

window.moveTo(scrW/1,scrH/1)

window.resizeTo(0,scrH*c/100)

}

for(d=0;d<100;d++){

window.moveTo(scrW/1,0)

window.resizeTo(scrW*d/100,0)

}

for(e=0;e<100;e++){

window.resizeTo(scrW*e/100,scrH*e/100)

}

window.moveTo(0,0)

window.resizeTo(scrW,scrH)

//]]>

</script>

9 redmore:

9.a

]]></b:skin>

<style>

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

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

9.b

</span>

10. aktif2:

11.aktif3=<script src="http://h2.flashvortex.com/display.php?id=2_1296027900_17602_330_0_468_60_9_2_38" type="text/javascript"></script>

12.marquee:

Teks 1

Teks 2

Teks 3

</marquee>

13. tulisan aneh:

<a href="http://www.glitter-graphics.com/myspace/text_generator.php"

target=_blank><img src="http://text.glitter-graphics.net/crl/a.gif"

border=0><img src="http://text.glitter-graphics.net/crl/n.gif" border=0>

14. tulisan aneh:

<a href="http://www.glitter-graphics.com/myspace/text_generator.php"

target=_blank><img src="http://text.glitter-graphics.net/gold/a.gif" border=0>

<img src="http://text.glitter-graphics.net/gold/a.gif"

src="http://text.glitter-graphics.net/gold/r.gif" border=0><img src="http://text.glitter-graphics.net/gold/r.gif" border=0>

15.ip=<a href="http://www.123myip.co.uk/cometo/?en">

16. hujan daun dibawah</head>:

17. kucing gila:

18. wiget:

19. chat:

</iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

Sembunyi:

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_aWaxpSYDjeQumn6q17JBl4Hnx_thaAek1Js0GO8I5MzcIadonUOn6Rt36QXBxIECY5Yq7XyOkkpqxeto3PSgOYuHloL0mkaPrKdvjIDL43K79Npx895bwCNfWnZVugNx4ol3cWK_V0BZ/') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

</iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

<br/>

<a href="http://forantum.blogspot.com">.

</a>

[close]

</a>

</div>

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div></div>

20. weather:

imutz

Membuat Redmore Otomatis di Blogger

Label:

Blogger

1. Login ke Blog anda
2. Buka halaman design > Edit HTML > centang Expand template widget
3. Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
4. Paste kode berikut tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Template Blog

Membuat redmore tanpa script di blogspot

Mempercepat Loading pada blog

Membuat effect Zoom Image pada Postingan

Efek Tulisan pada Kursor

Beberapa Gadget Blogspot

Membuat Redmore Otomatis di Blogger

--=[ My Entry ]=--

--=[ Link ]=--

--=[ Author ]=--

--=[ AnoN|03 ]=--

--=[ Label ]=--

--=[ My Partner ]=--

--=[ Sahabat Anon ]=--