Jumat, September 20
MUSAHABAH DIRI|IMAM SUBKHI
Diposting oleh
SUBCECI
di
Published on Jumat, September 20, 2013
»» Terimakasih telah menyempatkan waktu untuk berkunjung di BLOG saya yang sederhana ini.Semoga memberikan manfaat. Meski tidak sebesar yang Anda harapakan.Untuk itu,berikanlah kritik,saran dan masukan dengan memberikan komentar. Jika Anda ingin berdiskusi atau memiliki pertanyaan seputar artikel ini, silahkan hubungan saya lebih lanjut via e-mail di imamsubkhi47@yahoo.com
Selasa, Maret 8
Cara menampilkan postingan hanya judulnya saja
1. Silakan sobat login dulu ke blogger, lalu klik Rancangan
2. Klik menu Edit HTML
3. Saya sarankan agar sobat seperti biasa membackup template sobat terlebih dahulu, caranya dengan mengklik tulisan Download Template Lengkap. Pake jaga-jagaa aja sich.. ;)
4. Cari kode ]]></b:skin>
5. Copy kode di bawah ini, lalu paste di bawah kode tadi
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'>
.post-body{display:none;}
</b:if>
</b:if>
</style>
jika sobat ingin menghilangkan semuanya dan yang tersisa hanya judul postingannya saja, mungkin sobat bisa gunakan kode di bawah ini :
<style type='text/css'>Kemudian klik Save Template
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>
Diposting oleh
SUBCECI
di
Published on Selasa, Maret 08, 2011
»» Terimakasih telah menyempatkan waktu untuk berkunjung di BLOG saya yang sederhana ini.Semoga memberikan manfaat. Meski tidak sebesar yang Anda harapakan.Untuk itu,berikanlah kritik,saran dan masukan dengan memberikan komentar. Jika Anda ingin berdiskusi atau memiliki pertanyaan seputar artikel ini, silahkan hubungan saya lebih lanjut via e-mail di imamsubkhi47@yahoo.com
Label:
tip n triks
Minggu, Januari 30
Membuat Icon Show and Hide di Postingan
show
hanya percobaan ajjah.huahua....
Kamu copy dulu script ini ke dalam notepad ..
<div><div style="margin-bottom: 2px;"><i><b><small>show</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
hanya percobaan ajjah ya....huahua
</div></div></div>
selamat mencoba..semoga berhasil......
Diposting oleh
SUBCECI
di
Published on Minggu, Januari 30, 2011
»» Terimakasih telah menyempatkan waktu untuk berkunjung di BLOG saya yang sederhana ini.Semoga memberikan manfaat. Meski tidak sebesar yang Anda harapakan.Untuk itu,berikanlah kritik,saran dan masukan dengan memberikan komentar. Jika Anda ingin berdiskusi atau memiliki pertanyaan seputar artikel ini, silahkan hubungan saya lebih lanjut via e-mail di imamsubkhi47@yahoo.com
Jumat, Januari 14
Membuat Kolom Teks Area
Untuk Kode / Tulisan
Untuk membuatnya sangatlah mudah, tinggal copas aja kode dibawah ini :
<p align="center"><textarea name="code" rows="3" cols="20">Tulisan di sini adalah teks yang akan ditampilkan dalam teks area (seperti kode tukar link). Dapat berupa kode HTML dan teks lainya.</textarea></p>
contohnya sperti ini
Ketrangan :
Ada satu lagi jenis teks area, yaitu dengan menggunakan HIGHLIGHT
Untuk membuatnya, Copas kode dibawah ini :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><p align="center"><textarea style="width: 250px; height: 80px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulisan di sini adalah teks yang akan ditampilkan dalam teks area (seperti kode tukar link). Dapat berupa kode HTML dan teks lainya.</textarea></p></form></div>
contohnya:
Keterangan :
Contoh text area yang memakai tombol highlight diatas, memuat script untuk melindungi dari right click para pengunjung. script ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan .Selamat mencoba y ...
Read More→
Untuk membuatnya sangatlah mudah, tinggal copas aja kode dibawah ini :
<p align="center"><textarea name="code" rows="3" cols="20">Tulisan di sini adalah teks yang akan ditampilkan dalam teks area (seperti kode tukar link). Dapat berupa kode HTML dan teks lainya.</textarea></p>
contohnya sperti ini
Ketrangan :
- Rows="3", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka "3" dengan angka yang lebih tinggi.
- Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka "20" tadi dengan angka yang lebih tinggi.
Ada satu lagi jenis teks area, yaitu dengan menggunakan HIGHLIGHT
Untuk membuatnya, Copas kode dibawah ini :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><p align="center"><textarea style="width: 250px; height: 80px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulisan di sini adalah teks yang akan ditampilkan dalam teks area (seperti kode tukar link). Dapat berupa kode HTML dan teks lainya.</textarea></p></form></div>
contohnya:
Keterangan :
- <div align="center"> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left dan sebaliknya.
- <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok).
- Value="Highlight All" kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
- <p align="center"> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left dan sebaliknya.
- <text style="WIDTH: 250px"> kata "WIDTH:250px" menunjukan lebar dari text area tersebut sebanyak 250 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan.
- HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika anda ingin merubahnya tinggal ganti angka ters
Contoh text area yang memakai tombol highlight diatas, memuat script untuk melindungi dari right click para pengunjung. script ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan .Selamat mencoba y ...
Diposting oleh
SUBCECI
di
Published on Jumat, Januari 14, 2011
»» Terimakasih telah menyempatkan waktu untuk berkunjung di BLOG saya yang sederhana ini.Semoga memberikan manfaat. Meski tidak sebesar yang Anda harapakan.Untuk itu,berikanlah kritik,saran dan masukan dengan memberikan komentar. Jika Anda ingin berdiskusi atau memiliki pertanyaan seputar artikel ini, silahkan hubungan saya lebih lanjut via e-mail di imamsubkhi47@yahoo.com
Label:
Membuat Kolom Teks Area
Cara membuat kupukupu berterbangan
1. LANGSUNG KETEKAPE GAN.
1.login ke blog anda
2. Masuk ke Tata Letak
3. Trus Edit HTML
4. Trus copy-paste kode Java Script di bawah ini tepat
sebelum kode </head>
2. Masuk ke Tata Letak
3. Trus Edit HTML
4. Trus copy-paste kode Java Script di bawah ini tepat
sebelum kode </head>
untuk mempermudah pencarian tekan ctrl+f.
<script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES
//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!
var floatimages=new Array();
floatimages[0]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
floatimages[1]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}
function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
//]]>
</script>
5. Simpan Template....DAN LIHAT HASILNYA.
<script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES
//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!
var floatimages=new Array();
floatimages[0]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
floatimages[1]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}
function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
//]]>
</script>
5. Simpan Template....DAN LIHAT HASILNYA.
HhAPPY BLOGGING
Diposting oleh
SUBCECI
di
Published on Jumat, Januari 14, 2011
»» Terimakasih telah menyempatkan waktu untuk berkunjung di BLOG saya yang sederhana ini.Semoga memberikan manfaat. Meski tidak sebesar yang Anda harapakan.Untuk itu,berikanlah kritik,saran dan masukan dengan memberikan komentar. Jika Anda ingin berdiskusi atau memiliki pertanyaan seputar artikel ini, silahkan hubungan saya lebih lanjut via e-mail di imamsubkhi47@yahoo.com
Langganan:
Postingan (Atom)