Cara membuat High-light Pada Postingan

Pada kesempatan kali ini saya akan membahas tentang hight - light . hight ini akan tersimpan di bawah postingan , biasanya setelah postingan terdapat kata-kata mutiara yang memotivasi kita . salah satu contohnya ini .

SELAMAT MENCAOBA DAN SEMOGA BERHASIL

Cara membuatnya :
1. Login blogger -->buat postingan , tapi klik bagian edit htmlnya
   Setelah itu silahkan kalian membuat postinganya terlebih dahulu , lalu masukan kode html ini di bawah      postinganya


<div style="background: #00F5F5; border: 1px dashed #3D3DFF; padding: 5px;">
KATA_KATA MU

</div>

SELAMAT MENCOBA , SEMOGA BERHASIL

Readmore...

Membuat Gambar Back To Top pada blogger

Gambar ini sedikit membantu kita apabila suatu blog yang panjang ke bawah terus kita cape untuk meng scrollnya , maka di buatlah gambar seperti ini :



Saat kita mengklik gambar tersebut , maka otomatis kita akan kembali ke atas  . .
Cara membuatnya sangat mudah
1. Login blogger-->rancangan-->element laman-->tambah gadget-->HTML Java /Script
2. Masukan kode berikut

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="LINK GAMBAR KALIAN" /></a>

SILAHKAN DI COBA

By : Computers-place

Readmore...

Cara Membuat Menu Multi Tab

Menu Multi Tab ini membantu kita untuk menghemat ruang yang ada pada blog kita , sehingga blog kita tidak terlalu berat untuk di buka , silahkan di ikuti langkah-langkahnya :



1. Login blogger--> rancangan --> element laman --> add gadget--> HTML Java / Script
2. Masukan kode di bawah ini

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #222222; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 385px;" class="Tabs">
<a><span >TAB 1</span></a>
<a><span >TAB 2</span></a>
<a><span >TAB 3</span></a>
</div>
<div style="width: 252px; height: 180px;" class="Pages">
<div class="Page">
<div class="Pad">

Disini Kode HTML Content Widget YANG INGIN SOBAT TAMPILKAN PADA TAB 1

</div>
</div>

<div class="Page">
<div class="Pad">

Disini Kode HTML Content Widget YANG INGIN SOBAT TAMPILKAN PADA TAB 2

</div>
</div>

<div class="Page">
<div class="Pad">

Disini Kode HTML Content Widget YANG INGIN SOBAT TAMPILKAN PADA TAB 3

</div>
</div>
</div></div></form>

<script style="text/javascript" src="http://projectloss.googlecode.com/files/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');
</script>

                                                            
                                                                 SILAHKAN DI COBA

Readmore...

Membuat Tulisan Yang Mengikuti Cursor

Kesempatan kali ini saya akan membahas tentang blog lagi yaitu cara Membuat Tulisan Yang Mengikuti Cursor , bisa di lihat blog saya contohnya ,

Tulisan yang kita buat akan mengikuti cursor yang di gerakan oleh kita , unik bukan ?
Mari kita lihat langkahnya :
1. Login blogger --> rancangan -->elemen laman--> tambah widget --> HTML/Java script
2. masukan kode berikut

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='TULISAN YANG AKAN DI TAMPILKAN'.split('').reverse().join('');

var font='Verdana,arial';
var size=3; // up to seven
var color='#7011c8';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.2;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

Selamat Mencoba
By : Computers-place

Readmore...

Widget Untuk mendeteksi ( IP address , Browser , OS )

Widget ini biasa di pakai di website-website , lumayan unik .
Bagi yang mau menggunakanya , silahkan copy kode di bawah ini ke widget java script anda
1. Login blogger -->rancangan-->element laman-->add widget-->HTML Java / Script


<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>


Contoh gambar


By : Computers-place





SILIAHKAN DI COBA YA !!

Readmore...

Cara membuat Burung terbang di Blog ( Follow Twitter )

Udah lama ga posting blog , kini saatnya buat posting lagi . .
Pada kesempatan kali ini saya akan membahas tentang "Cara membuat Burung terbang di Blog ( Follow Twitter )"




Caranya sangant mudah dan efektif tanpa harus masukin script ke template .
Langkah 1
1. Login blogger -->rancangan --> element laman --> tambah widget--> HTML Java/Script
2. Masukan kode di bawah ini :

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn0aMHV_ogxuk9QfAyyNCV0q0ekXeYLqezaLvZfUiLKaiszrGeFO8rLxSq2wufe9LNFLIbNkkkTDT2ja2BLQBLDqha1C2Xi1Q7T6q03EMAfGG6F8PG_LMqfwdFVLAjpNYDxtCj3OuWcAIv/s1600/birdsprite.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/ilham_iman13";var tweetThisText= "What up guys";tripleflapInit();
</script>


Ganti tulisan yang berwarna merah , dengan akun twitter mu !
Mudah Bukan







SELAMAT MENCOBA

Readmore...

Cara Membuat Link Exchange ( Tukar Link )

Uda aga lama nih ga posting blog lagi . mungpung ada kesempatan sekarang saya akan membahas cara membuat link exchange ( Tukar Link ) . link exchange ini berguna untuk pertukaran link . jadi link website kita akan ada di website org lain .



Kalo menurut saya link exchange ini bisa di katakan iklan tanpa bayar hehehe , karena link kita akan ada di blog urg , namun semua itu harus ada persetujuan dahulu dari pemilik blognya . biasanya si pemilik blog lain pun akan meminta kita agar kita pun memasukan link blog mereka , jadi link blog anda ada di blog org lain dan link blog org lain ada di blog anda .

Udah saya ga akan panjang lebar menerangkan lagi . langsung ikuti saja petunjuknya :
1. Login blogger-->rancangan --> elemen lamam --> Tambah gadget--> pilih HTML Java script
2. Copy paste kode di bawah ini untuk link banner

<center><b>BANNER LINK<b>
<div class="separator" style="clear: both; text-align: center;">
<a href="LINK GAMBAR KALIAN" /></a></div>


<textarea cols="20" name="textarea"><a href="http://computers-place.blogspot.com/"><img border="0" width="90" src="LINK GAMBAR KALIAN" height="71"/></a></textarea></b></b></center> 

maka hasilnya seperti ini:
 

3.  Copy paste kode di bawah ini , untuk text linknya

<center><b>TEXT LINK<b> <a href="http://computers-place.blogspot.com/"target="output">JUDUL</a>

<textarea cols="20" name="textarea"><a href=”http://computers-place.blogspot.com”/>Sekitar Komputer Dan Internet</a></textarea></b></b></center>

Maka hasilnya seperti ini :


Catatan: Gantilah kata yang berwarna merah dengan link blog anda dan yang berwarna hijau dengan link gambar kalian


Oh iya hampir aja lupa . misalkan org lain sudah memasukan link anda , tapi gimana cara memasukan link orang lain ke blog kita ? .

1. Login blogger-->Rancangan-->element laman-->tambah gadget-->pilih HTML Java Script
2. Copy Paste kode berikut :

<div style="overflow:auto;width:100%px;height:150px;padding:10px;border:1px solid #999999">


<img src="http://4.bp.blogspot.com/_87AhiaTs-5M/Shwt03oCS0I/AAAAAAAAAKo/pdFvTPFbkRI/s320/icon_next.gif"/><a href="http://www.computers-place.blogspot.com"target="output">Sekitar Komputer dan Internet</a>
<br/>

</div>

Merah : Link gambar kalian , tapi kalau kalian tidak mempunyai gambar sendiri , kalain pakai saja gambar punya saya .

Hijau : Gantilah dengan link yang akan di masukan

Ungu : Judul

Readmore...

Tips agar blog banyak pengunjung

temen-temen sekalian pasti ingin menjadi blogger sejati . Blog anda ingin terkenal ? , Menghasilkan uang ?, di kunjungi oleh berbagai negara ?



menjadi blogger yang sejati itu tidak mudah , Banyak hal-hal yang harus diperhatikan .

Kali ini saya akan membahas sedikit tips agar blog anda banyak dikunjungi oleh orang lain .
hal-hal yang harus di perhatikan :
1. Buatlah blog yang unik , bagus , menarik dan tampilanya elegan .
2. Jangan asal memposting artikel .
3. Dilarang mengcopy artikel orang lain , karena itu sama halnya dengan mengambil artikel orang ( Walaupun kalian mau copy - paste , kalian harus mencantumkan sumber ).
4. Saat kalian akan memposting artikel , hendaknya kalian mengerti terlebih dahulu apa maksud dari artikel yang anda buat , jangan sampai kalau ada orang yang nanya lalu jawabnya ga tau .  .
5. Gunakanlah readmore , agar tampilan terlihat singkat namun bermakna .
6. Jangan terlalu banyak iklan pada blog , karena akan mempengaruhi kecepatan pada blog anda . apabila blog anda lama / lemot , maka pengunjung pun akan malas membaca artikelnya .
7. Promosikan blog anda di link teman .
8. Banyak - banyaklah blog walking hehehehe. .

Mungkin hanya sedikit tips dari computers-place semoga bisa di kembangkan dan di aplikasikan .

Readmore...