PENGUMUMAN!!!

BUAT TEMEN2 YANG SETIA MENGIKUTI BLOG INI,,

ADA BEBERAPA RELATED LINK:

1.http://aghanim.blogspot.com/ : MENGULAS SEPUTAR GAME N PROGRAMING

2.http://gellenciel.blogspot.com/ : SEPUTAR VISUAL BASIC

HAPPY BLOGGING ALL!!!^^v

Inonesian Current Time

Kamis, 28 Mei 2009

Free XP Theme

Heeyy..
Udah lama gak posting,, akhirnya skarang saya mau posting lagi nihh..
dan kali ini tentang XP theme...

Nah,, sblum saya kasih link2 untuk Mengganti Theme XP anda,, saya mau sedikit cuat2 soal XP Theme,,
Apa sih XP Theme itu???
XP Theme sesuai namanya adalah Tema untuk XP,, jadi intinya kita adalah tampilan baru untuk Windows XP kita..

Oke2,, daripada penasaran,, langsung aja saya kasih Theme yang menurut saya paling banyak digunain sama kebanyakan orang...

1. Mac OS X Theme 1.3
Download




2. Leopard XP Briscopack 1.0
Download




3. Flykite OSX 3.5

Download

























4. Vista Transformation Pack 9.01
Download





5. Universal Vista Inspirat Briscopack 2.1
Download



























6. Seven VG RC (Windows 7 Theme for XP)
Download




Mungkin cuma segini dulu yang bisa saya kasih ke temen2,, soalnya saya baru menguji ke enam ini dan semuanya berhasil,,,
Untuk Xp Theme Ultimate Vista Transformation Pack 9.01, ada sedikit kendala,
yaitu pada saat say install, Sidebar nya di detect sebagai virus oleh Norton Antivirus saya..
Jadi saya ganti theme XP saya dengan Vista Inspirat yang gak kalah bagus...

Nah link yang saya kasih di atas adalah satu kesatuan,, jadi begitu di install, mulai dari Loading Desktop sampai Loading Shutting Down sudah langsung diganti Temanya...

Tapi kalo temen2 mau edit sendiri satu persatu,, temen2 bisa buka:

http://www.themexp.org/

Disitu temen2 bisa download theme nya satu persatu ,, mulai dari wallpaper, boot screen, icons, cursor sets, banyak deh pokonya...

Nah, Selamat mencoba yah...
Ada yang kurang dimengerti?? Silakan komen dibawah,...

Read More... “Free XP Theme”  »»

Kamis, 23 April 2009

Facebook Emoticons

Anda pengguna Facebook??

bosen sama chatting facebook yang gitu2 aja??

untuk mewarnai chatting dalam Facebook, pihak Facebook membuat shortkey untuk emoticon,, dan ini lah yang berhasil saya temukan:

:-* - kiss

^_^ - “kiki”

-_- - squint

O.o - confused

>:O - upset

<3 - heart

:v - Pacman

:|] - robot

:) - happy

:( - sad

:P - tongue

:D - grin

:O - gasp

;) - wink

8) - glasses

B| - sunglasses

:3 - cute/cat-like

>:( - grumpy

:/ - unsure

:'( - cry

3:) - devil

O:) - angel
:putnam: - Chris Putnam (Facebook Engineer)

selamat mencoba!!!

Read More... “Facebook Emoticons”  »»

Rabu, 15 April 2009

Membuat ReadMore Dengan Judul Postingan

Apaan tuh??
Hahaha...

Pasti banyak yang treak kayak gitu waktu ngeliat judul postingan saya kali ini...
Memang Judul Postingan kali ini bermakna ambigu (bermakna ganda)...

Makna pertama : Membuat Readmore dengan menggunakan Judul Postingan (SALAH)..
Makna kedua : Membuat Readmore Di ikuti dengan Judul Postingan (ini yang BENAR)..

Masih nggak ngerti juga??
kasian deh lo.. haha.. becanda...

Oke,, maksudya adalah ,, biasanya kita membuat readmore biasa dengan tulisan "Read More" atau "Baca Selengkapnya", ato macem2 deh,, nah sekarang kita buat inovasi baru seperti ini "Continue Reading "JudulPostingan" "..

Lanjuut..
Cara nya mudah,, ketik reg spasi gell ... NGACO!!!
bukan gituh,, tapi gini...

1. Log In ke blog kamu..

2. Pilih [layout] kemudian pilih tab [Edit HTML]..

3. Beritanda centang pada kotak [“expand widget template”] .caranya klik link [Download Full Template] yang ada di sana. Supaya kalo ada apa2 gampang nanganinnya...

4. Cari code <div class='post-body entry-content'> .Untuk memudahkan pencarian, tekan tombol [ctrl +f]. Kalo gag nemu, coba cari <div class='post nya aja

5. Kalau kode tadi sudah ketemu maka dibawahnya akan ada kode berikut ini :
<p><data:post.body/></p>

6.Ganti kode diatas dengan kode berikut ini :


<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'>teruskan membaca.....&lt;/a>
</b:if>


7. Ganti tulisan teruskan membaca..... Sesuai kemauan anda (seperti: Read More,dll.).. Lalu Save

8. Selanjutnya klik tab Settings / pengaturan dan pilih Formatting

9. Lalu isikan kode dibawah ini kedalam kotak [Post template] yang ada dimenu formatting tadi :

<span class="fullpost">


</span>

Jadi setiap kali posting artikle baru, pindah ke HTML(untuk posting, bukan template).. letakkan <span class="fullpost"> untuk memenggal dan meletakkan readmore pada postingan kamu, dan letakkan </span> pada akhiran posting.. Ngerti nggak??

Oke, gini aja deh... contoh postingannya:
======================================================
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
letakkan <span class="fullpost"> disini untuk memenggal dan meletakkan readmore
isisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisi
isisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisi
isisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisi
isisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisi
dan letakkan </span> pada akhir postingan..
======================================================



Jadi outputnya pada blog nanti adalah:
*********************************************************************
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
Read More....
*********************************************************************
Apabila Read More.... kita klik, maka baru akan muncul semua postingannya...
(ingat, letakkan <span class="fullpost"> dan </span> pada Edit HTML untuk artikle, buka Edit HTML untuk templates)..

10. Lalu simpan.. Nah sampe sini kita udah bisa buat readmore yang biasa...

Q: Trus gimana sama Judul Postingannya?? Katanya abis tulisan ReadMore ada JudulPostingannya??
A: Sante bang,, nih baru mau mulai...

Yuk lanjuut...
Nah untuk membuat Judul Postingan ikut muncul bersama Readmore, coding yang tadinya seperti ini:


<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>

<---------perhatikan dibawah ini-------------->
<a expr:href='data:post.url'>teruskan membaca.....</a>
</b:if>


di ganti dengan



<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>

<---------perhatikan dibawah ini-------------->
<strong><a expr:href='data:post.url'>teruskan membaca..... &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

</b:if>



Lalu save,, mudah kan???
Jika kesulitan mencari coding_lama, maka gunakan Ctrl+F dan ketikkan salah satu code untuk mencari keseluruhan code nya...
Apa bila ada kesulitan,, komen dibawah...

Selamat Mencoba...

Read More... “Membuat ReadMore Dengan Judul Postingan”  »»

Membuat Menu Horizontal dan SearchBox

Apa sih Menu Horizontal???
Apa kamu pernah liat di bagian atas blog terdapat MenuBar yang biasanya berisi:

Home Category About Me

Pokonya gitu deh.. Nih gambarnya biar jelas:



Kalo gag keliatan di klik aja gamar nya, biar di perbesar...

Pokoknya yang namanya Home, About Me itu adalah menu horizontal...




Nah asal tau aja ya.. Menu horizontal ini berbeda dengan mernu horizontal lainnya, menu horizontal ini yang di pakai oleh template - templatenya Kang Rohman,,
Q: Siapa tuh Kang Rohman??
A: Hari gini masih ada blogger yang belum tau Kang Rohman??? Nih blognya Kang Rohman Coba deh diliat...

Nah Kita Lanjut kan perjalanan kita yang baru 1/4 perjalanan...

Sebelum masuk ke coding,, kita bahas dulu mengenai Search Box,, Search Box itu mirip search engine,, tapi hanya akan menampilkan content - content dari blog kita..

Oke.. Sekarang kita ke coding...
<Login ke blog anda trus klik Layout / Template >> Edit HTML
2. Selanjutnya cari code header-wrapper , seperti biasa untuk memudahkan mencari code, tekan saja Ctrl+F dan masukkan code yang anda cari dikolom pencarian..
3. Copy code dibawah ini, dan masukkan di atas code header-wrapper atau wrapper

Code:


#NavbarMenu {

width: 1000px;
height: 35px;
color: $textcolor;
margin: 0 auto 0;
padding: 0;
font: bold 12px Arial, Tahoma, Verdana;
}
#NavbarMenuleft {
width: 680px;
float: left;
margin: 0;
padding: 0;
}
#search {
width: 280px;
font-size: 11px;
float: right;
margin: 0;
padding: 6px 0 0;
}

#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: $textcolor;
display: block;
text-transform: capitalize;
margin: 0;
padding: 9px 15px 8px;
font: normal 16px Georgia, Times New Roman;
}
#nav li a:hover, #nav li a:active {
background:#829297 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SbiZq_2NjWI/AAAAAAAABb0/xv5LlFcjhvM/bgnav_thumb%5B3%5D.png?imgmax=800) repeat-x top;
color: #FFF;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #809094;
width: 150px;
color: #000;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #151f23;
border-left: 1px solid #151f23;
border-right: 1px solid #151f23;
font: normal 14px Georgia, Times New Roman;
}

#nav li li a:hover, #nav li li a:active {
background: #233e45;
color: #fff;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}
#searchbox {
background: #121B1E !important;
width: 220px;
color: #FFF;
margin: 0;
padding: 4px 0 3px 5px;
border-top: 1px solid #051d23;
border-right: 1px solid #666;
border-left: 1px solid #051d23;
border-bottom: 1px solid #666;
display: inline;
font: normal 12px Georgia, Times New Roman, Trebuchet MS;
}
#searchbutton {
background: #121B1E !important;
color: #FFF;
margin: 0 0 0 5px;
padding: 3px 3px 2px;
border-top: 1px solid #051d23;
border-right: 1px solid #666;
border-left: 1px solid #051d23;
border-bottom: 1px solid #666;
font: bold 11px Georgia, Times New Roman, Trebuchet MS;
}


#empty {
width: 100%;
height: 24px;
clear:both;
}



4. Setelah itu Save Template,,

5. Masih berkutat dalam Edit HTML, selanjutnya cari code <div id='header-wrapper'> (dengan Ctrl+F).. Kalo gag ketemu coba cari code <body> dan scroll mouse kebawah untuk mencari code <div id='header-wrapper'> atau sejenisnya..

6. Selanjutnya copy code dibawah ini, dan paste dibawah code <div id='header-wrapper'> .. jangan paste persis di bawah
<div id='header-wrapper'> nya,, tapi di akhir blok div nya..

code:



<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='#'>Page</a>
<ul>
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a></li>
<li><a href='#'>Sub Page #4</a></li>
<li><a href='#'>Sub Page #5</a></li>
</ul>
</li>

<li><a href='#'>About Me</a>
<ul>

<li><a href='#'>My Profile</a></li>

</ul>
</li>
</ul>
</div>

<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
<input id='searchbutton' type='submit' value='GO'/>
</form>
</div>
</div>



<div style='clear:both;'/>
<div id='empty'/>
<div style='clear:both;'/>




7. Edit dulu sesuka kamu Tentang perubahan URL dan Subpage - subpage nya sesuai blog kamu..

8. Save...

Mudah kan,,

Kalau mau minta bantuan silahkan komen dibawah...
Selamat Mencoba


Read More... “Membuat Menu Horizontal dan SearchBox”  »»

Membuat Floating Image

Floating Image??? Apaan tuh???
Pasti temen - temen yang gag tau bakalan nanya kayak gituh...
Gubrak,, ya eya lah,, namanya juga nggak tau... pasti bakalan nanya kayak gitu...

Oke deh,, saya kasih tau nih ya, khusus buat teman - teman tercinta saya yang selalu setia mengikuti blog ini..
Floating Image adalah Kalau kamu pernah liat gambar yang melayang di pojokan web page...
Gag cuman gambar aja yang bisa di taro di pojokan web page,, tapi animasi sama widget juga bisa...

Kenapa disebut melayang?? karena walau kita scroll mouse kita ke bawah ato ke atas, gambar, animasi, atau widget ini tetep bakalan ada di pojokan dan gag akan berubah posisinya.. ngerti kan?? Pastinya donk...Nah untuk selanjutnya, kita sebut Floating Image dengan FI

Okeh, mari kita mulai Sharingnya...
1.
Login ke blog anda trus klik Layout / Template >> Edit HTML
2. Selanjutnya cari code ]]></b:skin> , seperti biasa untuk memudahkan mencari code, tekan saja Ctrl+F dan masukkan code yang anda cari dikolom pencarian..
3. Copy code FI, dan paste diatas
code ]]></b:skin>


Code FI:


#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


(Code yang berwarna merah adalah posisi dari FI nya,, dalam contoh ini di sebutkan Bottom dan Left, yang berarti FI nya akan berada di pojok bawah kiri, bisa diganti dengan top, atau right)

4. Selanjutnya cari code </body> (dengan Ctrl+F).. copy code dibawah ini:

code:


<div id="trik_pojok">
<a href="http://trik-tips.blogspot.com/">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
</div>




masukkan di atas
</body>

(ganti
http://possitivelogic.blogspot.com dengan link blog kamu,, dan ganti http://kendhin.890m.com/soniclari.gif dengan link image kamu...)

Kalu kamu belum punya image nya,, bisa di pakai dulu link yang saya kasih ini, nantinya akan muncul "animasi sonic lari" di pojok kiri bawah...

5. Save

Mudah kan??
Silahkan komen jika terjadi kejanggalan,,
Selamat mencoba,,



Read More... “Membuat Floating Image”  »»

Selasa, 14 April 2009

Membuat Bintang Berjatuhan Dari Pointer Mouse

Pernah liat kalo ada blog yang kalo pointer mouse nya di gerakin tiba-tiba keluar bintang - bintang yang bertaburan gituh???

Kalo mau liat contohnya, coba liat ini...

ini...
adalah contoh dari JavaScript yang membuat taburan bintang yang kluar dari pointer mouse kita.. Dari contoh ini, bintangnya berwarna hijau.. Tapi kalo soal warna, bisa temen- temen ganti kok...

Sekedar informasi, JavaScript ini dicoba pada blogspot / blogger dan hasilnya sukses, dan saya pribadi belum mencoba pada account blog lainnya..

Oke deh,, kita mulai ya...

Pertama, buka Blog>>Layout/ Template>>Edit HTML

Selanjutnya cari <head> , untuk mencarinya tekan Ctrl+F trus ketik <head> di kolom search nya..

udah gitu copy code ini di bawah <head>

1. Warna Hijau

<script src='http://www.geocities.com/ainoonmuchfoodin/bintanghijau.js' type='text/javascript'/>


2. Warna Biru

<script src='http://www.geocities.com/ainoonmuchfoodin/bintangbiru.js' type='text/javascript'/>


3. Warna Merah

<script src='http://www.geocities.com/ainoonmuchfoodin/bintangmerah.js' type='text/javascript'/>


4. Warna Kuning

<script src='http://www.geocities.com/ainoonmuchfoodin/bintangkuning.js' type='text/javascript'/>


5. Warna Putih

<script src='http://www.geocities.com/ainoonmuchfoodin/bintangputih.js' type='text/javascript'/>


6. Warna Hitam

<script src='http://www.geocities.com/ainoonmuchfoodin/bintanghitam.js' type='text/javascript'/>


Untuk saat ini baru itu yang bisa saya kasih...

Note: Javascript diatas disimpan pada account geocities milik teman blogger saya,,, jadi jika sewaktu - waktu JacaScript nya tidak muncul, maka salah satu kemungkinannya adalah JavaScript yang disimpan di account teman saya sudah di hapus...

Selamat Mencoba


Read More... “Membuat Bintang Berjatuhan Dari Pointer Mouse”  »»

Kamis, 26 Maret 2009

Menghilangkan NavBar Blogspot

Untuk membuat Blog yang terlihat seperti website yang professional,, maka banyak blogger yang mau menghilangkan navbar pada blog mereka...
Untuk menghilangkan NavBAr bisa dengan dua cara,, yang satu adalah menghilangkan NavBar sama sekali,, dan yang lainnya adalah hanya menyembunyikan NavBar saja,, seperti blog saya...

Trus,,, apa sih navbar itu apa sih???
Kalo kalian blogger,, maka kalian pasti sering melihat bar yang berada di atas kolom blog yang berisi sign in,, buat blog ,, nah itu lah navbar... Ngerti??? yang ngerti bagus,, yang gag ngerti saya akan coba kasih gambaran tentang navbar...
Ini loh yang namanya NavBar:



Udah tau kan????
Oke deh...
Kita lanjuutt...

Untuk menghilangkan NavBar sama sekali:
1. Sign in ke blog anda,,,
2. Cari Tata Letak/Template...
3. edit HTML...
4. trus cari kode ini "body {" (tanpa kutip loh...) Copy code dibawah ini diatas code "body {" tadi...

#navbar-iframe { /* this section hides the nav bar */ height: 0px; visibility: hidden; display: none; }
5. Save...


Nah untuk menyembunyikan NavBar:
Untuk diketahui: Menyembunyikan maksudnya adalah secara tampilan NavBar akan menghilang,, tapi apabila pointer mouse kita arahkan ke bagian atas dimana seharusnya navbar berada,, maka Navbar tersebut akan mnculkembali (NavBar akan muncul hanya jika pointer mouse kita arahkan ke tempat dimana seharusnya Navbar berada)...

Ok.. ini langkahnya:
1. Sign in ke blog anda,,,
2. Cari Tata Letak/Template...
3. edit HTML...
4. trus cari kode ini "body {" (tanpa kutip loh...) Copy code dibawah ini diatas code "body {" tadi...

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. Save...

Selamat mencoba,,

Read More... “Menghilangkan NavBar Blogspot”  »»