Oktober 2011 ~ My blog

Jumat, 07 Oktober 2011

dj gery

22.22

Gerdian

jika kalian ingin mendengar lagu dj gery silahkan klik ini

TENTANG DIRI - KU SELAMAT DATANG DI CITKUBAGUS

PUJI SYUKUR AKU PANJATKAN

KE HADIRAT TUHAN YANG MAHA KUASA

YANG MANA TELAH MEMBERIKAN KITA NIKMAT

YANG TAK DAPAT KITA HITUNG BERAPA BANYAK DAN JUMLAHNYA

SEMOGA KITA SEMUA SENANTIASA DALAM LINDUNGANNYA ASTUNGKARAA

AKU ADALAH AKU

TAK ADA KATA LAIN SELAIN AKU

YAITU :

AKU YANG MEMBUAT

BLOG INI

BELAJAR DARI PENGHINAAN

BELAJAR DEMI MASA DEPAN

YANG CERAH

DENGAN KASIH SAYANG ORANG TUA

YANG SELALU MERAWAT DAN MENDIDIK AKU HINGGA DEWASA

KU HANYA BISA MENGUCAPKAN TERIMAKASIH BANYAK UNTUK MU

AYAH DAN BUNDA

MOHON MAAF ATAS SEGALA KEKURANGN ANAK MU INI

KU GALI POTENSI YANG ADA PADA DIRIKU

AKU MENCOBA UNTUK TEGAR MENGHADAPI KEBODOHAN KU

KU BUKA GOOGLE UNTUK MENGASAH OTAK KU

KU BACA APA YANG ADA DI DEPAN KU

KU RESAPI KATA-KATA YANG ADA

DAN KU PRAKTEKKAN YANG MENJADI ACUAN

KU MEMBACA

NIAT KU INGIN BISA

NAMUN BELUM PANDAI-PANDAI JUGA YAH KAPAN AKU INI BISA JADI ORANG PANDAI DAN BERGUNA GITU

HE...HE...HE... UDAH...UDAH...YAH PERKENALANNYA

HAPPY BLOGING AJA

[ By. Priandana Gerdian ]

00.31

Gerdian

sebuah recent post yang bisa berganti-ganti dengan animasinya yang keren, saya yakin pasti temen blogger semua sudah banyak yang tau

~~Widget Recent Post Animasi Dengan JQuery~~

Namun apasalahnya saya berbagi sapa tau temen blogger blm ada yang tau dan bisa mencoba,,,nah bisa menambah pengetahuan kannn....berbagi itu kan gak rugi ya gak ~~kata Bapak TB~~ kalau ilmu yang tax di amalkan bagaikan pohon yang tak berbuah, betul kan....ehemmm....baiklah kalau begitu langsung aja ke TKP di mana saya meletakkan java scriptnya :

Baca selengkapnya »

Cara Membuat daftar isi

00.27

Gerdian

untuk kali ini saya mo kasih cara membuat daftar isi blog yang sudah saya gunakan dan berhasil tentunya,,,pengen juga bikin seperti ini.

Baca selengkapnya »

Rabu, 05 Oktober 2011

Cara Membuat Pesan Pembuka dan Penutup Blog

00.21

Gerdian

Anda Mungkin pernah suatu ketika mengunjungi
sebuah blog dimana saat blog tersebut terbuka diawali
dengan kata misalnya "selamat Datang di Blog Saya "
atau apapun kata-kata lainnya yang merupakan kata
sambutan untuk menyapa siapa saja yang mengunjungi
blog-nya. Begitu pula saat kita menutup blog tersebut
biasanya di akhiri dengan ucapan berupa tulisan,
misalnya "Terima kasih telah mengunjungi blog saya"
mungkin juga "Sampai jumpa lagi" atau bisa berupa
tulisan apa saja karena kata-kata tersebut dibuat
sesuka hati si empunya blog. Buat anda para sobat
yang mau seperti itu pada blognya, berikut ini adalah
tutorial cara membuatnya :

☻ UNTUK PESAN PEMBUKA :

1. Di Dasbor anda klik Edit HTML.
2. Centang kotak kecil bertuliskan Expand
 Template Widget.
3. Anda Copy kode yang tertera di bawah ini.

<script type="text/javascript">
var yourName= prompt('SELAMAT DATANG DI BLOG SAYA, SILAHKAN IKUTI TUTORIALNYA') ;</script>

Atau bisa juga *

<script type='text/javascript'>
alert('SELAMAT DATANG DI BLOG SAYA, SILAHKAN IKUTI TUTORIALNYA'); </script>

4. Lalu cari kode </head>, paste kode script yang
 anda copy tadi di bawahnya.
5. Coba anda pratinjau sebelum menyimpannya.

☻ UNTUK PESAN PENUTUP :

1. Masih dalam Edit HTML.
2. Anda Copy kode yang tertera di bawah ini.

<script type='text/javascript'>// goodbye alert function goodbye(){alert('
TERIMA KASIH ATAS KUNJUNGANNYA, SAMPAI BERTEMU LAGI DILAIN KESEMPATAN
');}parent.window.onunload=
goodbye;</script>

Atau bisa juga *

<script type='text/javascript'>// goodbye alert function goodbye(){alert('BESOK MAMPIR LAGI YAH'
+parent.pageViewerFName+' JANGAN BOSEN!');}
parent.window.onunload=goodbye;</script>

3. Terus cari kode <head>
 Kode yang anda copy barusan tersebut
 Letakkan di bawah <head> ini.
4. Anda pratinjau, kalau sudah oke
 simpan template anda, Selesai.

► CATATAN ◄
* Ganti kalimat ( yang berwarna pink ) di atas
dengan kalimat anda sendiri.

* Selamat mencoba, semoga berhasil.
Good luck!

00.16

Gerdian

sekarang saya mencoba
menulis 'Cara Membuat Cursor Berubah Bentuk
Saat Menyentuh Link'. Cukup panjang judulnya
memang, habisnya saya bingung mau pakai judul apa
agar para sahabat blogger pemula (termasuk saya,
he... he...) dapat memahami apa yang dimaksud
dalam posting ini. Biarpun judulnya agak panjang,
saya berharap anda para pengunjung semua bisa
dapat memahami isi materinya secara langsung tanpa
harus membaca semua tulisan ini. Daripada saya
menulis panjang- panjang tapi para pengunjung
malah tidak memahami maksudnya ?! Dan memang
itulah ciri postingan saya ....................

Baiklah sobat, kita langsung saja ke pokok persoalan,
yaitu bagaimana cara membuatnya :

1. Pada Dasbor anda pilih Edit HTML.

2. Cari kode /* global link attributes */
     Kalau tidak ada, cari saja kode a:hover
     Karena untuk kode yang pertama tidak selalu
    ada atau sama pada masing-masing template.

3. Kalau a:hover sudah ketemu,
     tambahkan kode berikut ini di bawahnya.

cursor: url ('url gambar'), default;

4.   Ganti url gambar dengan url gambar milik
      anda. Bisa juga gambarnya dalam bentuk .gif

5.   Coba anda pratinjau dahulu, setelah
      berhasil baru boleh simpan template anda.

Mudah saja bukan ?!
Akhirnya, saya ucapkan selamat mencoba.
Semoga berhasil ....... Good luck!

00.03

Gerdian

<center><br />
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmUtG2AmGBPOQEI4icJXQz9K49pIuzpbTnzghxyMcsYi315XodxdMyTY25UdGuuhQHLx_fk6oXDq4BG5KCSglcPtQZPAhbyFQvcxsw1SuZUpbC2uuCdJx2ueLDveUvJL_CooxIghFgBgd/s1600/jam+lcd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmUtG2AmGBPOQEI4icJXQz9K49pIuzpbTnzghxyMcsYi315XodxdMyTY25UdGuuhQHLx_fk6oXDq4BG5KCSglcPtQZPAhbyFQvcxsw1SuZUpbC2uuCdJx2ueLDveUvJL_CooxIghFgBgd/s1600/jam+lcd.jpg" /></a></div><br />
<span class="drop">S</span><span style="color: red;">eperti yang Anda lihat pada gambar di atas,</span><br style="color: red;" /><span style="color: red;"> demikianlah tutorial ini. Letakkanlah Jam LCD</span></center><center><span style="color: red;">ini di bagian mana saja yang Anda mau.</span><br />

<br />
<span style="color: blue;">Cara memasangnya adalah sebagai berikut :</span></center><br />
<br />
1.&nbsp;&nbsp; Rancangan -&gt; Tambah Gadget<br />
&nbsp;&nbsp;&nbsp; &nbsp; Pilih HTML/JavaScript.<br />
<br />
2.&nbsp;&nbsp; Masukkan ke dalam kontennya<br />

&nbsp;&nbsp; &nbsp;&nbsp; kode yang berikut ini lalu simpan.<br />
<br />
<pre class="brush: coldfusion;">&lt;span id="digitalclock" class="styling"&gt;&lt;/span&gt;

&lt;script&gt;
&lt;!--

/*****************************************
* LCD Clock script- by Javascriptkit.com
* Featured on/available at http://www.dynamicdrive.com/
* User at http://www.syamsudinnamaku.blogspot.com/
* This notice must stay intact for use
*****************************************/

var alternate=0
var standardbrowser=!document.all&amp;&amp;!document.getElementById

if (standardbrowser)
document.write('&lt;form name="tick"&gt;&lt;input type="text" name="tock" size="6"&gt;&lt;/form&gt;')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM" 
if (hours&gt;12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes&lt;=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"&lt;font color='lime'&gt;&amp;nbsp;:&amp;nbsp;&lt;/font&gt;"+minutes+" "+"&lt;sup style='font-size:1px'&gt;"+dn+"&lt;/sup&gt;"
else
clockobj.innerHTML=hours+"&lt;font color='black'&gt;&amp;nbsp;:&amp;nbsp;&lt;/font&gt;"+minutes+" "+"&lt;sup style='font-size:1px'&gt;"+dn+"&lt;/sup&gt;"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//--&gt;

&lt;/script&gt;</pre><br />
3.&nbsp;&nbsp; Lalu masuk ke Edit HTML.<br />
<br />
4.&nbsp;&nbsp; Carilah tag &lt;/head&gt;<br />
<br />
5.&nbsp;&nbsp; Letakkanlah di atas tag &lt;/head&gt;,<br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; kode yang ada di bawah ini.<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Pratinjau, simpan template Anda.<br />
<br />
<pre class="brush: coldfusion;">&lt;style&gt;
&lt;!--
.styling{
background-color:black;
color:lime;
font: bold 16px MS Sans Serif;
padding: 3px;
}
--&gt;
&lt;/style&gt;</pre><br />
<div style="color: magenta;"><b>KETERANGAN :</b></div><br />
<div style="color: blue;">Aturlah warna background, warna angka jam, ukuran</div><div style="color: blue;">dan jenis hurufnya sesuai dengan yang Anda suka.</div><br />

Selamat mencoba dan tetap good luck!<br />

Cara membuat kembang api

23.56

Gerdian

Yak kali ini GERDIAN akan membahas tentang cara membuat kembang api di blog

seperti ini

langsung saja ..:

login ke blogger.com
klik rancangan >> klik add gadget
trus copy kode di bawah ini

<script type="text/javascript" src="http://yourjavascript.com/3129104131/my_name_by_gerdian_yang-ganteng.js"></script>
 
<script src='http://h1.ripway.com/gerdian/aku_ganteng_by_gerdian_01  ' type='text/javascript'></script> 
<script src='http://h1.ripway.com/gerdian/aku_ganteng_by_gerdian_02 ' type='text/javascript'></script> 
<script src='http://h1.ripway.com/gerdian/aku_ganteng_by_gerdian_03 ' type='text/javascript'></script> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script> 
<script src='http://h1.ripway.com/gerdian/cium_aku_donk' type='text/javascript'></script> 
<script type='text/javascript'> 
$(document).ready(function(){$(".zoom li").hover(function() {$(this).css({'z-index' : '5'});
$(this).find('img').addClass("hover").stop()
.animate({marginTop: '-130px', marginLeft: '-130px', top: '20%', left: '20%', 
width: '300px', height: '370px',
padding: '5px' }, 500);} , function() {
$(this).css({'z-index' : '0'});$(this).find('img').removeClass("hover").stop()
.animate({marginTop: '0', marginLeft: '0',top: '0', left: '0', 
width: '150px', height: '190px', 
padding: '5px'}, 500);});
$(".zoom li a").click(function() {var mainImage = $(this).attr("href");
$("#main_view img").attr({ src: mainImage });return false;});});

</script> 
<script type='text/javascript'> 
var over = false;$(function() {$("#geser").hover(function() {
over = true;grow_anim();}, function() {over = false;});});
function grow_anim() {if (over) {
$("#geser").animate({paddingLeft: "200px"}, 500, shrink_anim);}}
function shrink_anim() {$("#geser").animate({
paddingLeft: "5px"}, 300, grow_anim);}
</script> 
<script src='http://choenblogspot.googlecode.com/files/s3slider.js' type='text/javascript'></script> 
<script type='text/javascript'> 
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script> 
<script src='http://yourjavascript.com/1439721121/by_gerdian_01.js' type='text/javascript'></script> 
<script src='http://yourjavascript.com/1191982130/by_gerdian_02.js' type='text/javascript'></script> 
<script src='http://h1.ripway.com/syamsudin/flashinglinks.js' type='text/javascript'></script> 
<script language='javascript'> 
 
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
   }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
   }
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
//
</script>

====================================================
PERHATIAN
pada

http://yourjavascript.com/3129104131/my_name_by_gerdian_yang-ganteng.js

silahkan di ganti

 http://blog.flamingtext.com/blog/2011/09/13/flamingtext_com_1315898589_13226.gif

dengan gambar yang anda suka

dan gambar

http://www.blogger.com/favicon-image.g?blogID=6746800808417766115

silahkan di ganti dengan facion yang anda suka

================================================================

good luck

23.05

Gerdian

Widget ini cocok sekali untuk dipasang pada blog anda.

Kalau bisa, diusahakan penempatannya pada tempat

yang langsung dapat terlihat pengunjung begitu blog

anda terbuka. Dengan ukuran minimalis hanya 221 x

235px, widget ini pas untuk ukuran sidebar blog anda.
Selain bisa untuk ucapan selamat datang kepada para

pengunjung, widget ini tentu akan semakin menambah

keren penampilan blog anda. Percaya tidak ??!

lihat kan text matrix di pojok kanan

GERDIAN

Bila anda mau coba, silahkan copy kode script yang

ada di bawah ini. Tambahkan Gadget pada blog anda

dan pilih HTML/JavaScript lalu masukkan kode ini

ke dalam kontennya kemudian simpan, selesai.

<style type="text/css"> .matrix { font-family:Lucida Console, Courier, Monotype; font-size:12pt; text-align:center; width:10px; padding:0px; margin:0px;} </style> <script type="text/javascript" language="JavaScript">  </script> <div id="matrix">GERDIAN</div>

CATATAN :

Ganti 'GERDIAN' yang ada pada kode
di atas, dengan kata apa saja yang anda inginkan.

Semoga bermanfaat, good luck!

22.53

Gerdian

Cara Memasang Burung Twitter Warna Warni Di Blog - Dulu pernah saya membahas Cara Membuat Burung Twitter di Blog, tapi Burung Twitter yang dulu masih berwarna standar. Sekarang sudah ada Burung Twitter Warna Warni Di Blog, variasi warnanya adalah : merah, kuning,hijau,biru tua,putih,ungu, purple dll.
Gimana ? Bosan dengan warna yang standar ? Mari kita beralih ke Burung Twitter Warna warni.

Cara Memasang Burung Twitter Warna Warni Di Blog adalah :

Login ke Blogger
Pilih Tata Letak - Tambah Widget - Html/Javascript
Kemudian copy paste kode berikut :

Keterangan :

Ganti http://twitter.com/priandana1234 dengan alamat twitter anda/url apa saja.
Ganti http://citkubagus.blogspot.com/ dengan alamat Blog anda.
Ganti gerdian dengan nama anda.
Untuk memlih warna burungnya silahkan ganti kode yang berwarna merah dengan kode berikut :

Warna Kuning :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEo_74YcXDlQVJZp-CzXc9NapfdX8y4n-IGnsvV2sC-FgpKbeaEOsoav7pG_wJ34OBKtj-Wc36dxpwKnG6SSEsOJ9yfqsCl9iPgGmK-6lqGUe3MmUc58UeB3l8GjTsL2wG2cFvJp42lEoU/s1600/yellow.png

Warna Merah :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1zcvy9x2AfpwPaLVOoq41fdbJVVV1RR7rd_GQ8ZCQm_00_JRjRal-E64vLJ82J7hxPdrBQgY3E9tRz1p0pqbFqK3hDGVMwnxl-c3rEJITs3wbaLutTU1f6dWq2yJouuobr3ubw1WHbwEQ/s1600/red.png

Warna Biru Tua :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5VexZWhe4fA9hqM2mlF736WBoC-rtzLD6T9LPY1E7VSC_eZxy4-ODMkW04x6zH1Z36aJsMq8Ib6iU5vN3tLMnVeNN_LbBdglucRGqD8jsTPDt9i71vsvx8UOoXOBFeatMY-RmVSMMBxnG/s1600/Blue.png

Warna Putih :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimmuMQMofyYSZDGee9tIJzBm42G4S9jUghtmix2wZqivy5GU5r5xK8D2cwkVlkHHC-U9QjMBwI0FUHqHTeWVeai9hcTZ2Gi_fLXlx4wfSDw6dt9mttUJyHnmOLrboQoJ_eljYCw7L_3HaD/s1600/white.png

Warna Coklat :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhG9FLrrjcY6HdyCJ7MBHldv0wMDvs7UTn822scYA8g0ES-NA7KN3Q-j6boPYbx57szVY-cSYrXRcW1DIBAM-MLZGaE74MQ1q99pq2NathKl2GLvMHbBlN-iuIyJ8WNMUAtbbXGsdRNDb/s1600/brown.png

Warna Hijau :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjSVdPb5LD3XgybvjyOgvwbogYIF4URD0KgmuD9EynYhbdd96GdcPQtMLbC677RYOhJFFu_ljbVv9w1K2mqq6DCuXkwE1L7G3C8lW5SdLxIYChBh4A1_1rKJiX4vnLnY6qkTQFLwk2QLd/s1600/Green.png

Warna Hitam :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0F2b7YfVPLh-JHPSeWsw_BWMKH_1AjJVbijMSnFj2SaLzoMP7uoEAEQVujnFIG3Cdoog9-r6HtypRDuFDjG7N28DIrrBi3aAfJapK1Mat6c9gxKPCJllloAsadTY1oiFXVxhtjA8QJ9ZF/s1600/black.png

Warna Purpel :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCTBgbpI3aA_1YRuz9C-A8Tc_b0R1KjnsNsMhOXNvWnbIyTBc9mZVQvh-Ac3BBFYXRFOmSwd-metFbpPLqNzlJ9S9zklIgoh3pS8UD3E-FKAWkwUIGSk9RpG3INnXyxQQFFSxn-YDrFGOM/s1600/purple.png

Lalu Save.

My blog

Gerdian

This is featured post 2 title

This is featured post 3 title

This is featured post 4 title

This is featured post 5 title

Jumat, 07 Oktober 2011

dj gery

about me

recent post

Cara Membuat daftar isi

Rabu, 05 Oktober 2011

Cara Membuat Pesan Pembuka dan Penutup Blog

Cara Membuat Cursor Berubah Bentuk Saat Menyentuh Link

jam model lcd

Selasa, 04 Oktober 2011

Cara membuat kembang api

cara membuat slide panel

my link

Recent Posts

Blog Archive