INFORMASI DUNIA IT: tips dan trik

Tampilkan postingan dengan label tips dan trik. Tampilkan semua postingan

MERUBAH ICON PADA PAD ADRES BAR

salam buat sobat blogger, senang bertemu lagi dengan pisscorever sperti kata pepatah “tak kenal maka tak sayang, kenal maka sayang” dengan mengunjungi blogger ini jangan lupa pengikut sama comentar yoh,, so spya kita** lebih tau dan lebih semangat untuk saling sharing ilmunya,,, heeheheh…

Okey sobat blogger disini ada tips untuk mengubah icon pada blog anda dimana anda bisa mengganti icon yang dari logo blogger menjadi gambar atau foto anda sendiri, sebab

Jika kita melihat suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada

address bar (tepat disamping kotak tempat mengetikkan berbagai macam alamat web).dan bila kita punya blog di Blogspot maka icon default yang akan tampil disamping kotak itu adalah logo gambar dari blogspot itu sendiri, Maka dengan penjelasan ini, para sobat blog dapat menggantinya sesuka anda, caranya sangat gampang,

yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira** 24x42 pixel s/d 32x32 pixel, masalah besar ukuran dari gambar tersebut tidak masalah, Cuma biar fasilitas dari gambar ukuranx kecil dan gampang terkoneksi, nah pertama anda masuk ke :

"Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>
<link href='http://i1107.photobucket.com/albums/h388/ditatapscor/kecil6.jpg' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak merah dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshac.dengan copy code html paste ditempat yang telah dijelaskan diatas !

Selamat mencoba !

Semoga sukses J

Memasang Buku Tamu Tersembunyi

Apakah Blog sobat kekuranagn tempat?

Misalnya kekuranagan tempat untuk meletakan buku tamu.. Maka cobalah tips berikut ini yaitu menyembunyikan buku tamu atau shotmix chat widget.

Buku tamu tersembunyi maksudnya ketika blog kita dibuka widget bersembunyi dan ketika di klik oleh pengunjung. Nah lebih ngirit tempat selain itu juga untuk memer hindah blog Sobat, dan Blog terlihat simple.
Berikut cara memasangnya di blog Sobat :

1. Log in di blogger dengan id anda untuk masuk ke akun dan mengedit blog anda.

2. Klik Tata Letak / Layout

3. Tambahkan gadget dengan mengklik Add a Gadget

4. Pada menu yang tersedia, pilih atau klik HTML/Javascript

5. Selanjutnya masukkan kode berikut di bawah ini dengan cara copy dan paste pada kotak from HTML tersebut.

#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/AVvXsEhPolUfxNczLkgml8YiqxgFKWKC3wHCWz6ST_iwxchFNAf8oG-6ybO2JFaTl1qjeMcNJxdWAOsmeNXBY2JsPvGesCPLm_uLe0aI01p3Sv5U6uNd_RCU-2eXc_Pf6r2vjKOgwW2qdDrQbvdq/') 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>

<-- kode buku tamu kamu disini -->

<br/>

Mau punya buku tamu seperti ini?<br/>

Klik disini

</a>

[tutup]

</a>

</div>

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

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

</script>

Keterangan :

- Pada kode di atas, cari kode <-- kode buku tamu kamu disini --> dan ganti kode tersebut dengan kode buku tamu.

- Sobat juga bisa mengatur posisinya. dengan mengganti nilai atribut top-nya yang berwrna ungu. jika ingin lebih ke atas dikit, ubah jadi 30px atau 20px, ubah sesuai selera Sobat.

- Kode warna merah adalah gamabr buku tamunya Sobat bisa ganti

- Kode warna hijau adalah tebal dan tipisnya border.

6. Klik Save/ Simpan

Nah sudah selesai mudah bukan..

Selmat mencobanya semoga berhasil... :a5

Cara membuat Judul Blog Bergerak Ke Kanan dan Kiri

Satu lagi tips untuk memperidah Blog Sobat yaitu dengan mengedit judul Blog menjadi bisa bergerak dari kanan ke kiri.

Nah tidak banyak kata & basa-basi ,,,

untuk membuatnya silahkan ikuti lankah-langkah berikut ini :

1. Login ke blogger dengan ID anda

2. Klik Tata Letak / Layout

3. Klik Tab Menu Edit HTML

4. Backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.

5. Beri tanda centang pada kotak kecil Expand Template Widget

6. Cari kode : <title><data:blog.pageTitle/></title>

Untuk memudahkan mencari tekan ctrl F / F3.

7. Jika sudah ketemu ganti dengan kode berikut ini :

var txt="<data:blog.pageTitle/>";

var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</script>

8. Untuk mengedit Kecepatanya dalah angka yang saya beri warna biru yaitu angka 300 di dalam kode script, silahkan ganti sesuai dengan selera Sobat. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400

9. Klik Save Template

Sudah selesai Nah selamat mencobanya,, semoga berhasil!!!

Jangan lupa berikan komentar y Sobat........!

Cara memasang script alert

Script alert adalah sebuah script yang hasilnya bila di eksekusi berupa alert atau peringatan. Banyak blogger yang menyebut juga welcome alert script atau welcome script. Script ini biasanya digunakan untuk mengucapkan selamat datang kepada visitor yang secara otomatis keluar.

Cara memasang script alert atau welcome alert script pada blog sangat mudah. script ini adalah salah satu script yang menggunakan bahasa pemrograman Java. script alert sendiri jenisnya ada banyak, tergantung modifikasi scriptnya. Berikut ini tutorial membuat script alert menggnakan bahasa pemrograman Java :

1. Menu Dashboard, klik Tata Letak, klik Tambah Gadget, HTML/Javascript.
2. masukkan kode berikut ini:

Script alert welcome text.

<SCRIPT language='JavaScript'>alert("PESAN ANDA");</SCRIPT>

Script alert untuk visitor pergi atau ketika menutup blog kita.

<script type='text/javascript'>

// goodbye alert

function goodbye(){

alert('PESAN ANDA');

}

parent.window.onunload=goodbye;

Cara Praktis Pasang TV Online di Blog anda

4 Cara Praktis Pasang TV Online di Blog

Add caption

Tidak salahnya sambil online di Internet kita juga nonton TV secara online. Hasil postingan yg kami lakukan ternyata tidak mempengaruhi kecepatan loading blog dan hasilnyapun tidak mengecewakan dibanding dengan TV yg ada di rumah pada umumnya.
Berikut 4 (empat) langkah praktis bagi teman-teman yang mau pasang TV Online di Web atau Blog pada postingan atau pada widget dengan TV Online ada 6 (enam) Chanel : RCTI, SCTV, TransTV, Global, TV One, Mivo TV.

Ikutilah langkah-langkah berikut :
>> Login/masuk dulu ke akun web/blog kalian,
>> Pada fitur dasbor, Klik tulisan ENTRI BARU,
>> Copy Paste Kode di bawah ini, klik dalam kotak di bawah, tekan CTRL A,

Ikuti Langkah pada gambar berikut :

1. Buat Judul postingan

2. Letakan Copy kode HTML tadi di ruang postingan, dengan menekan CTRL V,
3. Buat label,
4. Tekan tombol TERBITKAN ENTRI,
Nah, sekarang TV Online sudah bisa dinikmati.
Rubah nilai height="350" dan width="425" sesuai dengan lebar layar yg diinginkan.
Bisa juga TV Online tersebut dipasang pada Widget Baru dengan memasang kode HTML di atas. Selamat mencoba dan menikmati nonton TV Online.
Mau lihat contoh TV Online pada Weblog Ask..? Klik DISINI.

cara membuat recent / comment

Pertama Login Ke blog kamu,
Pilih blog yang akan diedit, dan klik layout
Lalu Add Gadget pada posisi dimana kamu akan letakkan recent commen tersebut, kemudian pilih HTML/Java Script.

Kopas (Kopi paste ) kode di bawah ini:

<div ;="" margin="1px" style="height: 200px; overflow: auto;">
<script src="http://sites.google.com/site/icalcell/javascript/comments.js">
</script><script>
var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;
</script><script src="http://namablogmu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></div>

<a href="http://alikren.blogspot.com/2010/07/pertama-login-ke-blog-kamu-pilih-blog.html">Get Widget Here</a>

NB: Ganti namablogmu dengan nama blog kamu
Setelah itu Save. Selesai degh..., gampangkan???

Apabila Recent koment tidak muncul bisa saja site feed blog kamu belum aktif, untuk cara mengaktifkan tunggu posting berikutnya ya..?
Atau tulis komentar dibawah ini ajagh, ..
Selamat Mencoba...

CARA MEMASANG KOTAK SETATUS

bagi sobat blogger yang belum tau cara memasang CARA MEMASANG KOTAK SETATUS diblog.Tips ini cocok untuk mempercantik blog dengan pemasangan sub menu di blog,kegunaan dari aplikasi ini ini utk mempersempit artikel dalam blog kita agar bisa di baca oleh pengunjung blog yang mencari artikel kita agar mereka juga bisa membaca isi blog kita.Selain juga sebagai salah satu cara utk mempercantik blog.
caranya sangat mudah tinggal copy paste code HTML CARA MEMASANG KOTAK SETATUS flag

<div id="kanan">
<div id="tasstat">Blog Progress</div>
<div id="stat">
<div class="admin" style="background: none repeat scroll 0% 0% rgb(204, 255, 153); padding: 2px; margin: 2px;">Admin : alijahidin ( jay )</div>
<div class="from" style="background: none repeat scroll 0% 0% rgb(204, 255, 153); padding: 2px; margin: 2px;">Blogger From : Indonesia, Cirebon</div>
<div class="status" style="color: rgb(153, 51, 0); background: none repeat scroll 0% 0% rgb(204, 255, 153); padding: 2px; margin: 2px;">Status Now : <blink><b>Up to Date</b></blink></div>
<div class="pel" style="background: none repeat scroll 0% 0% rgb(204, 255, 153); padding: 2px; margin: 2px; text-align: right;"><a href="http://alikren.blogspot.com/2010/07/cara-memasang-kotak-setatus.html" style="color: rgb(0, 102, 0);" target="_blank">Pelajari Tentang Status</a></div>
</div>
</div>

Kode diatas masukin aja di Gadget Sobat....
Ganti aja::

Selesai Dech....

MENU TAB PADA BLOG ANDA

Pertama :

Silahkan Buka Blog anda menggunakan Open ID anda, kalau sudah Klik tata letak terus lanjutkan lagi dengan klik edit html, copy dan paste-kan code diatas ini dan letakan diatas code ]]></b:skin>; untuk memudahkan dalam pencarian code tersebut klik F3 atau ctrlF paste code tersebut di kotak cari terus klik berikutnya.

/*  Menu Tab View
 ----------------------------------------------- */
 div.TabView div.Tabs {
 padding-top: 0px;
 height: 24px;
 overflow: hidden;
 }
 
 /* Menu Utama */
 div.TabView div.Tabs a {
 float: left;
 display: block;
 width: 80px;  /*ukuran lebar tabmenu*/

text-align: center;
 height: 24px; /*ukuran tinggi tabmenu*/

padding-top: 3px;
 margin-right:4px; /*jarak antartabmenu*/

vertical-align: middle;
 border: 1px solid #CCC; /*warna border  menu*/

border-bottom-width: 0;
 font-family: "Arial", Times New Roman, Serif; /*jenis hurup menu*/
 font-size: 12px; /*besar hurup menu*/

letter-spacing: -1px;
 background-color: #A4A4A4; /*warna latar  menu*/

color: #FFFFFF; /*warna hurup menu*/

-moz-border-radius-topleft:10px;
 -moz-border-radius-topright:10px;
 -webkit-border-top-left-radius:10px;
 -webkit-border-top-right-radius:10px;
 }
 
 div.TabView div.Tabs a.Active {
 background-color: #888888; /*warna  background menu aktif*/

color: #FFFFFF;
 }
 
 div.TabView div.Tabs a:hover {
 background-color: #999999; /*warna  background menu hover*/

color: #FFFFCC;
 font-weight: bold;
 }



/* Kotak Utama */
 div.TabView div.Pages {
 clear: both;
 border: 1px solid #CCC; /*warna border kotak  utama*/

overflow: hidden;
 background:url("http://sites.google.com/site/ruangsc/image/bgtabview.gif");  /*background kotak utama*/

}
 
 div.TabView div.Pages div.Page {
 height: 100%;
 padding: 0px;
 overflow: hidden;
 }



div.TabView div.Pages div.Page div.Pad {
 padding: 3px 5px;
 font-size: 12px; /*besar hurup kotak  utama*/

}

Pada code yang diberi warna biru bisa shobat ganti sesuai selera shobat masing-masing.

Setlah itu copy paste code dibawah ini dan letakkan dibawah code ]]></b:skin>

<script src="http://enes-sc.googlecode.com/files/tabview.js" type="text/javascript"/>

Langkah yang kedua,
- Pilih tab Elemen Halaman (page element)
- Pilih pada bagian Gadget dan pilih HTML/Java Scrip
- Copy-kan scrip berikut dan letakkan pada kotak yang telah tersedia di HTML/Java Secrip

<form  action="tabview.html" method="get">
 <div id="TabView" class="TabView">
 <div style="width: 100%;"  class="Tabs">

<a title="Keterangan Menu 1">Menu 1</a>

<a title="Keterangan Menu 2">Menu 2</a>

<a title="Keterangan Menu 3">Menu 3</a>

<a title="Keterangan Menu 4">Menu 4</a>
 </div>
 <div style="width: 100%; height: 200px;" class="Pages">



<!--Awal Menu 1-->
 <div class="Page"><div class="Pad">

Isi Menu 1.1<br/>

Isi Menu 1.2<br/>

Isi Menu 1.dst<br/>

</div></div>
 <!--Akhir Menu 1-->
 
 <!--Awal Menu 2-->

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

Isi Menu 2.1<br/>
 Isi Menu 2.2<br/>
 Isi Menu  2.dst<br/>

</div></div>
 <!--Akhir Menu 2-->
 
 <!--Awal Menu 3-->
 <div class="Page"><div class="Pad">

Isi Menu 3.1<br/>

Isi Menu 3.2<br/>

Isi Menu 3.dst<br/>

</div></div>
 <!--Akhir Menu 3-->
 
 <!--Awal Menu 4-->
 <div class="Page"><div class="Pad">

Isi Menu 4.1<br/>

Isi Menu 4.2<br/>

Isi Menu 4.dst<br/>

</div></div>
 <!--Akhir Menu 4-->
 
 </div></div></form>
 
 <script type="text/javascript"  src="http://enes-sc.googlecode.com/files/tabview-tab.js"></script>

Tulisan code yang berwarna biru tebal bisa shobat ganti sesuai dengan kebutuhan yang shobat sekalian inginkan. Misalnya, width (lebar) dan height (tinggi) shobat sekalian dapat menggunakan satuan ukuran % atai pixel (px) yang disesuaikan dengan lebar sidebar shobat masing-masing. Begitu juga dengan Judul Menu dan Isi Menu dabat shobat buat sendiri sesuai dengan keinginan shobat sekalian.
Shobat sekalian juga bisa membuat menu-menu lain (lebih dari 4) sesuai lebar sidebar blog shobat.
Langkah terakhir tinggal klik save, jadi dech Tab Vew-nya...!!!

Menambah Sub menu d Blog anda

bagi sobat blogger yang belum tau cara memasang bendera translate diblog.Tips ini cocok untuk mempercantik blog dengan pemasangan sub menu di blog,kegunaan dari aplikasi ini ini utk mempersempit artikel dalam blog kita agar bisa di baca oleh pengunjung blog yang mencari artikel kita agar mereka juga bisa membaca isi blog kita.Selain juga sebagai salah satu cara utk mempercantik blog.
caranya sangat mudah tinggal copy paste code HTML translate flag

Contoh :

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs">
<a title="Tips Blogging">Tips Bloging</a>
<a title="Link Temah">Ling Teman</a>
<a title="Banner Sahabat">Banner Sahabat</a>
</div>
<div style="width: 99%; height: 230px;" class="Pages">

Kemudian pada menu satu yang akan di isi dengan Tips Bloging :

<div class="Page"><div class="Pad">
Isi Menu 1.1<br/>
Isi Menu 1.2<br/>
Isi Menu 1.dst<br/>
</div></div>

Ganti atau shobat edit seperti contoh dibawah ini :

<div class="Page"><div class="Pad">
<ul>
<li><a href="Alamat Halaman URL blog Shobat" target="_blank" title="Judul">Judul</a></li>
<li><a href="Alamat Halaman URL blog Shobat" target="_blank" title="Judul">Judul</a></li>
<li><a href="Alamat Halaman URL blog Shobat" target="_blank" title="Judul">Judul</a></li>
<li>Dan seterusnya sesuai link yang akan dimasukan</li>
</ul>
</div></div>

huruf yang ditulis tebal silahkan ganti sesuai dengan keinginan shobat sekalian.

Kemudian pada menu Link Teman :

Isi Menu 2.1<br/>

Isi Menu 2.2<br/>

Isi Menu 2.dst<br/>

</div></div>

Diganti dengan :

<div class="Page"><div class="Pad">
<ul>
<li><a href="Alamat URL blog Shobat" target="_blank" title="Judul Blog Shobat Anda ">Judul Blog Shobat Anda</a></li>
<li><a href="Alamat URL blog Shobat" target="_blank" title="Judul Blog Shobat Anda ">Judul Blog Shobat Anda</a></li>
<li><a href="Alamat URL blog Shobat" target="_blank" title="Judul Blog Shobat Anda ">Judul Blog Shobat Anda</a></li>
<li>Dan seterusnya sesuai link yang akan dimasukan</li>
</ul>
</div></div>

Untuk Banner Shabat :

Isi Menu 3.1<br/>

Isi Menu 3.2<br/>

Isi Menu 3.dst<br/>

</div></div>

Diganti dengan :

<div class="Page"><div class="Pad">
<ul>
<a href="<ahref="http://s800.photobucket.com/albums/yy289/alijahidin/?action=view&current=cooltext464260501.jpg" target="_blank"><imgsrc="border="0"alt="Photobucket"></a>/?action=view&current=1521434.pngquot;
<li>Code Banner Shobat Anda</li>

<li>dan seterusnya</li></ul>
</div></div>

Ganti semua huruf yang dicetak tebal sesuai dengan keinginan shobat masing-masing. Shobat semua juga bisa membuat Tab View lebih dari 4. Tinggal teruskan kembali kode-kode diatas.

Selamat mencoba kawan...!!!

PASANG BENDERA TRANSLET

Sekedar informasi bagi sobat blogger yang belum tau cara memasang bendera translate diblog.Tips ini cocok untuk mempercantik blog dengan pemasangan bendera translate di blog,kegunaan dari translator ini utk menerjemahkan artikel dalam blog kita agar bisa di baca oleh pengunjung blog yang berbeda negara agar mereka juga bisa membaca isi blog kita.Selain juga sebagai salah satu cara utk mempercantik blog.
caranya sangat mudah tinggal copy paste code HTML translate flag ;Ikuti petunjuk pemasangan flag translator ke blog sobat ;

1-log in ke account blogger anda.
2-Klik lay out---->add new gadget---->Add HTML/JAVA SCRIPT.
3-Copy pastekan kode HTML dibawah ini;

oh kalau mau yang berbentuk bola-bola pakai yang ini:

4-Ganti url blog http://asuindo.blogspot.com/yang saya tulis dengan url blog sobat.
5-Contoh bendera translator bisa sobat lihat pada halaman atas blog saya.
6-Selamat mencoba,semoga bermanfaat.

Efek BINTANG Dan DAUN berjatuhan

Pada postingan kali ini tiba giliran efek daun kering berguguran dan efek bintang berjatuhan yang akan saya terbitkan.

Jika anda tertarik untuk menambah efek tersebut pada halaman site anda, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke kolom KontenEfek daun berguguran,

dengan jumlah 20 buah daun kering

<script src="http://h1.ripway.com/pinginbelajar/daunberguguran/20.js" type="text/javascript"></script>

Efek daun berguguran, dengan jumlah 50 buah daun kering

<script src="http://h1.ripway.com/pinginbelajar/daunberguguran/50.js" type="text/javascript"></script>

Efek bintang berjatuhan, dengan jumlah 20 buah bintang

<script src="http://h1.ripway.com/pinginbelajar/bintangberjatuhan/20.js" type="text/javascript"></script>

Efek bintang berjatuhan, dengan jumlah 30 buah bintang

<script src="http://h1.ripway.com/pinginbelajar/bintangberjatuhan/30.js" type="text/javascript"></script>

gimana mudah kan?......