New Blog !!

Pleaseee,.. Datang ke BLOG baru saya ya? di http://boxandrosis.blogspot.com/

Senin, 28 November 2011

Scripct animasi terbang di blog

Nih aku kasih scrip kelelawar dan kupu-kupu terbang di blog, langsung aja sob gak usah banyak komat kamit. kilanjut ke TKP

Script kode Untuk Kelelawar Terbang :

<script src="http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kelelawar.js" type="text/javascript"></script>


Script kode Untuk Kupu - Kupu Terbang :

<script src="http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kupu2.js" type="text/javascript"></script>



Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan

sumber : http://alulnaxkudus.blogspot.com/2011/10/script-animasi-terbang-di-blog.html
Lanjutkan Membaca … Scripct animasi terbang di blog

Cara membuat tag Cloud / Label cloud


  Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat label berputar atau menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut maka tag akan berputar, jika mengklik salahsatu tag akan membuka sebuah halaman sesuai tag bersangkutan. . Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template blogger untuk  menampilkan tag (label) cloud tersebut di sidebar.


Untuk memasang tag cloud ke sidebar blog, lakukan prosedur berikut

  1. Login ke dashboard Pilih Tata Letak -> Edit Html
  2. Cari kode berikut :
    <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
    Jika menggunakan template blogger designer coba cari kode seperti di bawah ini :
    <b:section-contents id=’sidebar-right-1′>
    Setelah kode di atas masukkan kode berikut :
    <b:widget id=’Label99′ locked=’false’ title=’Labels’ type=’Label’>
    <b:includable id=’main’>
    <b:if cond=’data:title’>
    <h2><data:title/></h2>
    </b:if>
    <div class=’widget-content’>
    <script src=’http://sites.google.com/site/bloggerustemplatus/code/swfobject.js’ type=’text/javascript’/>
    <div id=’flashcontent’>Blogumulus by <a href=’http://www.roytanck.com/’>Roy Tanck</a> and <a href=’http://www.bloggerbuster.com’>Amanda Fazani</a></div>
    <script type=’text/javascript’>
    var so = new SWFObject(“http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf”, “tagcloud”, “240″, “300″, “7″, “#ffffff”);
    // uncomment next line to enable transparency
    //so.addParam(“wmode”, “transparent”);
    so.addVariable(“tcolor”, “0×333333″);
    so.addVariable(“mode”, “tags”);
    so.addVariable(“distr”, “true”);
    so.addVariable(“tspeed”, “100″);
    so.addVariable(“tagcloud”, “<tags><b:loop values=’data:labels’ var=’label’><a expr:href=’data:label.url’ style=’12′><data:label.name/></a></b:loop></tags>”);
    so.addParam(“allowScriptAccess”, “always”);
    so.write(“flashcontent”);
    </script>
    <b:include name=’quickedit’/>
    </div>
    </b:includable>
    </b:widget>
  3. Simpan template
Catatan,
Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud


Jika ingin mengubah warnanya anda bisa coba ganti beberapa variabelnya
tagcloud”, “240″, “300″, “7″, “#ffffff” ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa anda ganti sesuai lebar widget anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain ,
3. so.addVariable(“tcolor”, “0×333333″); dimana , 0×333333 warna teks hitam. warna teks lain yang bisa anda gunakan:

0xffffff : warna putih
0xFF0000FFF : warna merah
0x00FF00: Warna Hijau
0x0FFFF0: warna Kuning
0x00FF0000 : warna biru
0xFFF000 : warna biru muda
0xFFFFFFF : Warna Hitam
0x0FF0FF0 : warna pink
Lanjutkan Membaca … Cara membuat tag Cloud / Label cloud

Cara membuat read more otomatis di blog

RMO Pada postingan sebelumnya sudah pernah saya bahas tentang cara membuat read more atau baca selengkapnya. Hampir sama dengan postingan saya kali ini, namun read more otomatis memiliki kelebihan yaitu postingan akan terbagi menjadi 2 bagian secara otomatis.

Untuk read more otomatis ini, dibutuhkan kode javascript yang sebenarnya bisa sobat simpan sendiri di tempat biasa sobat menyimpan file secara online. Namun kali ini script read more diletakkan langsung di template tanpa menggunakan hosting untuk mencegah errror saat hosting yang kita gunakan untuk menyimpan kode script-nya sedang down. 

Buat blogger baru, saya sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.

Berikut langkah – langkah dalam membuat read more otomatis :

  1. Silahkan login ke blogger terlebih dahulu.
  2. Klik Tata Letak
  3. Kemudian klik Edit HTML.
  4. Centang Expand Template Widget
  5. Letakkan kode berikut ini tepat diatas kode </head> :
    <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>
    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, version 2.0 (for blogspot)
    (C)2008 by Anhvo
    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>
  6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan template sobat, karena setiap template berbeda - beda :
    <div class='post-header-line-1'/>
    <div class='post-body'>
    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>
    <a expr:href='data:post.url'>Readmore</a>
    </b:if>
    <div style='clear: both;'/>    
    sehingga sekarang hanya ada satu <data:post.body/>
  7. Kemudian hapus kode : <data:post.body/> atau <p><data:post.body/></p>
  8. Ganti kode tersebut dengan kode berikut 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:left'><a expr:href='data:post.url'>Read More … <data:post.title/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

  9. Kemudian Simpan Template.

Keterangan :

  • summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
  • summary_img = 360 –-> untuk tinggi postingan dengan gambar.
  • img_thumb_height = 120 –> tinggi gambar.
  • img_thumb_width = 150 –> lebar gambar.
  • Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.

Silahkan sobat atur sesuai template sobat. Selamat berkreasi. Happy
Lanjutkan Membaca … Cara membuat read more otomatis di blog

Sabtu, 26 November 2011

Cara membuat google translate di blog



Blog Anda ingin di lengkapi Google translate seperti blog saya ini ?. Mudah saja, Anda bisa langsung kunjungi www.translate.google.co.id dan ambil kode htmlnya kemudian pasang ke blog Anda. Nah mungkin ada sebagian orang yang masih bingung gimana cara memasukkan kode htmlnya, di masukkan sebelah mana ya. Berikut ini saya jelaskan caranya :
1.Klik Tambah Gadget.
2.Klik HTML/Java sricpt.
3.Isikan Kode di bawah ini :

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

4.simpan!

#dan lihat hasilnya...

Lanjutkan Membaca … Cara membuat google translate di blog

Cara membuat Scroll pada Blog Archive


artikel komputerMasih dalam rangkaian utak-atik template untuk tampilan blog, kali ini akan berbagi cara Membuat Scroll Pada Archive Blog seperti pada blog ini jika jumlah artikelnya pada bulan itu banyak maka scrollnya akan berfungsi. Ini juga sekaligus sebagai realisasi dari janji saya pada postingan sebelumnya.

Cara Membuat Scroll Pada Archive Blog ini hampir sama dengan membuat Fungsi Scroll Pada Label / Kategori yang telah saya posting sebelumnya, perbedaannya hanya terletak pada kata label dengan archive saja.

Untuk jelasnya langsung saja langkahnya seperti ini :

1. Masuk dulu ke Acount Blogger atau Dashboard
2 Pilih Layout , lalu klik Edit HTML
3 Centang dulu Expand Widget Templates
4 Cari kode yang seperti ini :

atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :



-----------------------------------------------------------
<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:200px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div></div>

</div> <b:include name='quickedit'/>

</div>

</b:includable>
---------------------------------------------------------------

5 Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
6 Mungkin saja diblog sobat kodenya beda,, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
Kalau sudah jangan lupa save template .
Selesai
Lanjutkan Membaca … Cara membuat Scroll pada Blog Archive

Kamis, 24 November 2011

Update status facebook via iPhone


Untuk Update Status Facebook via Facebook for iPhone tak perlu susah-susah membeli iPhone, tinggal tulis statusmu di sini dan Sim Salabim...





# semoga bermanfaat... #thankz kunjungan anda...
Lanjutkan Membaca … Update status facebook via iPhone

Update Status facebook via i pad

Untuk Update Status Facebook via Facebook for iPad tak perlu susah-susah membeli iPad, tinggal tulis statusmu di sini dan Sim Salabim...

#semoga bermanfaat... #thankz...
Lanjutkan Membaca … Update Status facebook via i pad

Update Status facebook via Android

Untuk Update Status Facebook via Facebook for Android tak perlu susah-susah membeli Android, tinggal tulis statusmu di sini dan Sim Salabim...




#semoga bermanfaat.... kunjungi terus ea... blog aqu. #Thankz...
Lanjutkan Membaca … Update Status facebook via Android

Update Status via BlackBerry di facebook

Untuk Update Status Facebook via Facebook for BlackBerry tak perlu susah-susah membeli BlackBerry, tinggal tulis statusmu di sini dan Sim Salabim...

kalau emoticoNya Blackberryy... klik sini





Kunjungi terus ea... blog aqu ini. #semoga bermanfaat. #Thankz>>>
Lanjutkan Membaca … Update Status via BlackBerry di facebook

Rabu, 23 November 2011

Cara membuat Disable klik kanan

Disable click kanan bisa melindungi isi blog kamu. Artikel, gambar, banner, atau yang lainnya.
Ehmm.. di blog saya yang satu ini ngga saya pasang disable click kanan. Kalo mau nie..
Caranya sebagai berikut:
1. Click "tambah gadget."
2. Click "HTML/JavaScipt"
3. Kemudian masukan script berikut ini:
<script>
var message="Ganti Sesuka Kamu";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

4. Simpan..!

Selamat mencoba...
Lanjutkan Membaca … Cara membuat Disable klik kanan

Cara membuat pesan pembuka dan penutup di blog

Lanjutkan Membaca … Cara membuat pesan pembuka dan penutup di blog

Cara membuat cursor bertaburan bintang

 Kali ini saya kasih scripct cursor bertaburan bintang yang saya dapat dari teman saya, Apa bisa cursor bisa menaburkan bintang  coba anda pilih warna yang kalian suka dan copas codenya di :

1.Klik tata letak
2.Pilih HTML/javascript
Dan copas codenya di bawah ini  ???

Pilih warna yang kalian suka ,,,

Bintang berwarna merah
Demonya bisa di lihat Disini
kode script :
<script src="http://imtikhan.googlecode.com/files/red_star.js" type="text/javascript"></script>

Bintang berwarn kuning
Demonya bisa di lihat
Disini
kode script :
<script src="http://imtikhan.googlecode.com/files/yellow_star.js" type="text/javascript"></script>

Bintang berwarn hijau
Demonya bisa di lihat
Disini
kode script :
<script src="http://imtikhan.googlecode.com/files/green_star.js" type="text/javascript"></script>

Bintang berwarn biru
Demonya bisa dilihat
Disini
kode script :
<script src="http://imtikhan.googlecode.com/files/blue_star.js" type="text/javascript"></script>

Bintang berwarn hitam
Demonya bisa di lihat
Disini
kode script :
<script src="http://imtikhan.googlecode.com/files/black_star.js" type="text/javascript"></script>

Bintang berwarn putih
Demonya bisa di lihat
Disini
kode script :
<script src="http://imtikhan.googlecode.com/files/white_star.js" type="text/javascript"></script>

Keterangan : pilih warna sesuai Templat sobat
jika sudah selesai SIMPAN dan lihat hasilnya

Lanjutkan Membaca … Cara membuat cursor bertaburan bintang

Sabtu, 19 November 2011

Cara instal Windows XP + Gambar

WINDOWS XP

Windows XP Professional

Windows XP adalah suatu sistem pengoperasian (operating system) yang paling banyak dipakai sampai saat ini karena selain kemudahan dalam pemakaiannya Windows XP digunakan sebagai standarisasi pembelajaran yang di pakai oleh sekolahan-sekolahan dan perguruan tinggi pada umumnya. Untuk melakukan penginstalan windows xp diperlukan ketelitian dan kesabaran dalam prosesnya karena memerlukan waktu yang lumayan lama. Ada beberapa jenis windows xp diantaranya windows xp professional, Home Edition, Media Center Edition, Tablet PC Edition, Starter Edition, Professional x64 Edition, Professional 64-bit Edition Fo Itanium.

Instal Windows XP + Gambar :


gak usah di utak-atik biosnya. biarin aja bios diload masukin CD WINDOWSnya, lalu Restart komputer, trus tekan-tekan F8 atau F10 atau F11 (boleh dicoba satu-satu) nanti bakal muncul opsi boot selection. pilih aja yg ada 'bau' cd-nya. trus enter. selesai deh...ga pake repot-repot...
4.
 Tunggu beberapa saat sampai muncul tulisan "press any key to boot from CD" seperti tampilan Seperti gambar di bawah ini


5. Tekan ENTER atau sembarang tombol, lalu proses instalasi akan mengecek hardware komputer anda, kemudian akan muncul tulisan "windows setup" seperti gambar dibawah ini
6. lalu file-file di dalam cd akan di load ke dalam komputer, kemudian akan muncul tampilan "welcome to setup" seperti gambar dibawah ini
7. Tekan "ENTER" untuk menginstal windows xp, "R" untuk repair system windows yang sebelumnya pernah terinstal, "F3" untuk keluar dari proses instalasi, lalu akan muncul (End User Licese Aggrement) seperti gambar di bawah ini
8. Tekan "F8" kemudian proses instalasi akan mencari dan membaca partisi hardisk anda, kemudian akan muncul semua partisi hardisk anda, seperti gambar di bawah ini
9. Tekan "ENTER" untuk langsung menginstal windows, "C" untuk membuat partisi hardisk anda, kapasitas partisi sesuai dengan kebutuhan anda, dalam satuan MB, selanjutnya jika anda membuat partisi dengan menekan tombol "C", maka akan muncul gambar seperti di bawah ini
10. Kemudian tuliskan kapasitas partisi yang ingin anda buat, seperti terlihat pada gambar diatas, sebagai contoh, misalkan kapasitas hardisk anda 40 GB, lalu anda ingin membagi dua, maka tuliskan 20000,jangan 20, karna partisi satuannya MB, tentunya anda mengerti kan...?? cat" 1GB = 1000 MB
11.
 Kenudian tekan "ENTER" maka akan muncul gambar seperti dibawah ini
12. kemudian pilih "format the partition using the NTFS file system (Quick)" atau "format the partition using the NTFS file system (Quick)" lalu tekan "ENTER" maka akan muncul layar sepert gambar di bawah ini
13. Kemudian arahkan pointer pada posisi "unpartitioned space", lalu tekan "C" maka akan muncul gambar seperti gambar sebelumnya, dalam hal ini layar yang akan muncul seperti gambar sebelumnya menunjukan sisa partisi yang telah anda bagi, jika anda cuma membagi 2 partisi saja maka langsung tekan "ENTER" tapi jika anda ingin mempartisi lagi sisa hardisknya maka tinggal di bagi lagi aj, seperti langkah-langkah sebelumnya, mengertikan maksud saya....??
setelah selesai partisi ketika anda menekan "ENTER" seperti yang di jelaskan di atas, maka akan muncul gambar sperti gambar diatas, setelah itu arahkan poiter di posisiC: partition1 [New Raw], tapi biasanya sudah berada di posisi tersebut, maka anda tinggal menekan "ENTER" saja untuk proses instalasi windows, kemudian akan muncul proses format seperti gambar di bawah ini
14. Setelah selesai format, kemudian windows akan ,menyalin file untuk proses instalasi, seperti gambar di bawah ini
15. Setelah proses penyalinan selesai, secara otomatis komputer akan melakukan restart seperti gambar di bawah ini, dalam hal ini untuk mempercepat proses restart, anda bisa langsung menekan "ENTER"
16. Setelah itu akan muncul loading windows seperti gambar di bawah ini
17. selanjutnya proses instalasi windows di mulai 1..2..3...GOoooo muncul layar seperti gambar di bawah ini
18. selanjutnya tinggal menunggu, sambil ngopi jg bisa, biar lebih terinspirasi, eitssss, tp jangan kemana mana dulu, karna selanjutnya akan muncul layar seperti gambar di bawah ini
19. Langsung klik "NEXT" aja BOS...!!! lalu mucul lagi bos layar seperti gambar di bawah ini
20. Isi nama dan organisasinya, terserah BOS aja... lalu tekan "NEXT" kemudian akan muncul layar seperti gambar di bawah ini
21. Masukan serial nombernya, jangan sampe salah ya....!!! kemudian tekan "Next"selanjutnya akan muncul layar administrator, isi aja mau dinamain apa komputernya, terserah deeeehhhhh......
kalau mau pake pasword tinggal di isi juga paswordnya, terserah juga mo apa paswordnya.... lalu tekan "Next" maka muncul layar Date and Time Setting seperti gambar di bawah ini
22. Masukan settingan jam dan tanggal, tentukan juga time zone anda, untuk jakarta : pilih GMT+7 Klik "Next" lagi BOS.... setelah proses instalasi windows delanjutkan, seperti gambar di bawah ini
23. Silahkan Menunggu lumayan lama BOS,.... sampai muncul layar seperti gambar di bawah ini
24. Selanjutnya akan muncul layar work group or computer Domain,seperti gambar di bawah ini
25. jika komputer anda terhubung dengan sebuah domain, maka isikan nama domainnya, tapi jika komputer anda stand alone, maka pilih radio button yang paling atas, lalu tekan "Next"
26. Selanjutnya akan muncul display setting, seperti gambar di bawah ini, klik "OK" aja BOS....!!!
27. Kemudian windows akan mendeteksi tampilan optimal dari PC anda, seperti terlihat pada gambar di bawah ini, Klik "OK" aj BOS...!!!
28. Proses instalasi hampir selesai BOS..... selanjutnya akan muncul loading jendela windows seperti gambar di bawah ini
29. Selanjutnya anda akan dibawa masuk ke dalam windows untuk pertama kalinya seperti terlihat pada gambar di bawah ini, tekan "Next" aj BOS..
30. Selanjutnya akan muncul layar "Help Protect Your PC", seperti gambar di bawah ini, kemudian pilih "Not Right Now" lalu tekan "Next"
31. Kemudian komputer akan mengecek koneksi ke internet, seprti terlihat pada gambar di bawah ini, pilih "Yes" lalu tekan "Next"
32. Kemudian akan muncul pilihan aktivasi windows, seperti gambar di bawah ini, lalu tekan "Next"
33. Setelah itu akan muncul tampilan seperti gambar di bawah ini yang menunjukan pilihan untuk menambah pengguna komputer, Anda bisa memasukkan beberapa pengguna yang akan mengakses komputer Anda, Namun jika satu akun sudah cukup, atau Anda menginstall komputer untuk dipakai bergantian, cukup masukkan satu user kemudian klik "Next"
34. Proses instalasi windows selesai, kemudian akan muncul layar seperti gambar di bawah ini, klik "finish", maka proses instalasi selesai.....
35. Selesailah sudah semua.... kemudian perlahan masuk ke windowsnya seperti telihat pada gambar di bawah ini
36. Kemudian tinggal menginstal CD Driver Motherboad, dan perangkat pendukung lainnya....


===Semoga Berhasil ====




Sumber: http://alulnaxkudus.blogspot.com/
Lanjutkan Membaca … Cara instal Windows XP + Gambar
By ANdava's SiTE
Template Design by v3-class4u