Pages

Ads 468x60px

Jumat, 30 Oktober 2009

Pasang Kalender di Blog

Menambah kalender di blog tentunya akan membuat blog kita semakin lengkap saja. Kalender ini akan membuat pengunjung blog semakin dimanjakan, dan tentunya akan semakin membuat nyaman, betah sekaligus kerasan untuk berlama-lama menikmati seluruh posting yang sudah kita buat dengan segenap curahan pikiran. Rasa lelah akan terobati karenanya. Sangat praktis dan sangat mudah untuk dilakukan perubahan, sehingga baik warna maupun ukurannya bisa kita gonta-ganti setiap waktu. Kalender ini tersedia dalam berbagai pilihan, baik dari warna font, ukuran kalender, background dan satu yang spesial adalah kita bisa memilih jenis kalender sesuai dengan kepercayaan yang kita anut. Ada Chrisstian Calendar, Muslim Calendar, Budhist Calendar dan juga Hindu Calendar serta sport calendar. Untuk mendapatkanya anda bisa datang dengan meng KLIK alamat di samping ini my calendar.
Bila anda tertarik, untuk merubah ukuran maupun warna kalender, anda bisa melihat contoh KODE berikut dan dimana KODE yang bisa di rubah.


<!-- Begin of mycalendar.org script --> <div align="center" style="margin:15px 0px 0px 0px"> <div align="center" style="width:140px;border:1px solid #ccc; background: #020202; color: #00FF00;font-weight:bold;font-size:12px;"> <a style="text-decoration: none; color: #00FF00;" href="http://bloggerstuars.blogspot.com/">Shannenpio Demo calendar</a></div> <script type="text/javascript" src="http://mycalendar.org/calendar.php?cp3_Hex=0004FF&cp2_Hex=020202&cp1_Hex=00FF00&ham=0&img=&hbg=0&hfg=1&sid=0&fwdt=240&text1=Religious&text2=Christian&group=Religious&calendar=Christian&widget_number=2"></script> </div> <!-- End of mycalendar.org script -->


- KODE berwarna hijau digunakan untuk merubah: ukuran kalender, ukuran dan warna border, besar font, posisi serta tebal font.
- KODE warna merah, kuning dan oranye digunakan untuk merubah warna font bagian bagian atas dan bawah serta latar belakang (background).

Kamis, 29 Oktober 2009

Menampilkan gambar sebagai Background Header

Seingkali kita lupa atau tidak menyadari bahwa sebenarnya bagian header atau kepala blog selain bisa dipergunakan sebagai media penyampai misi blog sekaligus identitas blog, juga mampu dimanfaatkan untuk memperindah tampilan blog. Terlebih bagian header merupakan bagian blog yang selalu pertama kali muncul dan menjadi sorotan pandang utama pembuka blog. Niatan untuk melanjutkan menjelajah isi blog terkadang juga juga bergantung kepada tampilan header blog yang tampak pada saat blog dibuka. Satu cara untuk memperindah tampilan header dapat dilakukan dengan memberi header sebuah gambar yang berupa nama blog dalam bentuk gambar ataupun gambar-gambar lain yang mencerminkan isi blog. Tentunya gambar yang di pergunakan harus diupayakan supaya tidak terlalu besar muatanya, sehingga kecepatan loading blog juga tidak terkendala. Untuk melakukan ini kita akan mencoba mencarikan solusi agar usaha mempercantik blog tidak justru menjadi kendala baru bagi anda.

Langkah pemasangan gambar :

1. Amankan template.
LOGIN BLOGGER
>
TATA LETAK
>
EDIT HTML
>
DOWNLOAD TEMPLATE-LENGKAP
>
SIMPAN-ke FOLDER-PC



2. Cari: #header atau #header-wrapper
TATA LETAK
>
EDIT HTML
>
CARI #header
>
KASIH-KODE BACKGROUND
>
SIMPAN/SAVE TEMPLATE



3. Cara mencari dan mengetahui #header :
- sering ditulis sebagai #header atau #header-wrapper
- Setelah masuk "Edit HTML", gunakan keyboard dan tekan Ctrl+F untuk memudahkan pencarian.
- Kode #header berada di bagian atas ruang "Edit HTML". Di atasnya persis sering diberi KODE pengenal seperti : /* Header------------------ */
- KODE header biasanya di ikuti KODE lain, seperti:
#header {
padding-top:15px;
padding-$endSide:0;
padding-bottom:10px;
padding-$startSide:110px;
position: relative;
}

atau :

#header-wrapper {
background:#fff;
margin:22px 0px 0px 0px;
padding:8px 0px 0px 0px;
color:#000;
}
- Seandainya pada #header tidak ada KODE --> width:...px; , untuk mengetahui lebar header, anda bisa mengetahuinya dengan cara mencari KODE width, yang biasanya sama besarnya dengan width pada header. KODE ini terletak pada #footer atau #outer-wrapper.
Nilainya rata-rata di atas 660px.
- Nilai tersebut yanga menjadi ukuran lebar gambar header. Untuk tingginya silahkan anda cari dengan cara seperti cara mencari lebarnya (width). KODE untuk tinggi adalah height: ...px; Besarnya biasanya di atas 100px dan dibawah 200px.

4. Memasang gambar untuk header :
- beri tambahan KODE ---> background: url(alamat gambar);, sehingga bentuk sebenarnya seperti berikut:

#header-wrapper {
background:#fff url(http://www.xxx.com/xxx/xxcx.jpg); (atau #fff bisa dihilangkan)
margin:22px 0px 0px 0px;
padding:8px 0px 0px 0px;
color:#000;
}
- Apabila gambar mempunyai besar yang sama dengan ukuran header (lebar dan tingginya), KODE menjadi :
background:#fff url(http://www.xxx.com/xxx/xxxx.jpg) no-repeat;

background:#fff url(http://www.xxx.com/xxx/xxxx.jpg); --> bila lebar dan tinggi gambar lebih kecil.

background:#fff url(http://www.xxx.com/xxx/xxcx.jpg) top repeat-x; --> bila hanya bagian tinggi yang sama

background:#fff url(http://www.xxx.com/xxx/xxxx.jpg) top repeat-y; --> bila hanya bagian lebar yang sama

5. Untuk membuat gambarnya anda bisa menggunakan Adobe Photoshop, hunting gambar atau meminta tolong pembuat gambar logo gratis .

6. Untuk membuat gambar deengan muatan entheng, gambar bisa anda COMPRESS di alamat ini : http://tools.dynamicdrive.com/imageoptimizer/

7. Setelah KLIK "Simpan Template", anda bisa lihat hasilnya dengan membuka blog di tab yang lain.

Selamat mencoba, semoga berhasil dengan baik !

Satu email buat banyak blog !

Sudah punya blog dan pingin tambah blog lagi? Gampang dan mudah caranya. Dengan satu alamat email kita bisa buat blog baru. Pembuatan blog tambahan ini bermanfaat sekali bagi kita, terutama untuk menambah frekuensi posting ataupun untuk membuat blog baru dengan materi posting berbeda. Di sisi yang lain, mungkin kita perlu untuk digunakan sebagai tempat percobaan posting/melihat hasil posting sementara, yang nantinya akan diterbitkan di blog utama.  Satu hal lagi, dengan punya blog tambahan, kita juga bisa melakukan uji coba terhadap hal-hal baru yang yang akan kita pasang di blog utama, atau akan dipergunakan sebagai posting, yang berkaitan dengan modifikasi atau penambahan-penambahan fasilitas baru pada template. Silahkan buat berapa yang di butuhkan.

Cara buat blog baru :

1. Loggin ke blogger.com

2. KLIK teks "buat blog" yang terletak pada sebelah kanan bagian atas dashbor. 

3. Tulis nama blog dan alamat blog baru anda.  Lanjutkan dengan menuliskan karakter yang dimunculkan blogger, kemudian KLIK "Lanjutkan.

4. Selesai dan blog baru siap dipergunakan!

5. Untuk memperlancar dan mempermudah, lakukan cek ketersediaan terlebih dahulu, karena banyak sekali nama blog ataupun alamat blog yang sudah dipergunakan orang lain.

Lihat dan KLIK gambar di bawah untuk melihat contoh pengisiannya!

Dunia semakin panas

Mengapa dunia semakin panas? Dua hal yang menjadi penyebab.Panasnya bumi yang semakin tak terbendung karena pohon yang seharusnya tumbuh sudah berganti dengan pohon berakar besi, dan juga panasnya hati dan otak karena kebutuhan hidup yang semakin membuat manusia mengalami ketidak normalan hidup. Coba lihat saja gaya hidup sekarang, tidak ada lagi waktu yang longgar untuk anak-anak dan keluarga. Semua sibuk mencari "uang" untuk kebutuhan hidup, sekaligus kecukupan dan kalau bisa "segepok uang lagi" untuk memenuhi hajat "keroyalan plus kemewahan" hidup! Gila dan semakin gila! Semua sudah lari dari kodrat awal manusia diciptakan. Membuat keseimbangan hidup yang mampu membuat dunia semakin indah serta dipenuhi kerukunan yang dilandasi kesederhanaan dan kasih sayang. Bagaimana mungkin mengasihi sesama, kalau untuk keluarga sekalipun nggak ada lagi waktu tersisa?!

Kenyataan seperti ini membuat kita harus lebih banyak menyegarkan pikiran. Baik dengan lebih mendekatkan diri kepada "Sang Khalik" ataupun aktivitas hidup yang mampu membuat "hidup tidak cepat mati". Bukankah orang bisa disebut mati bila hatinya sudah tidak lagi mengenal sesama? Bukankah orang juga di sebut mati bila sudah tidak lagi bisa lagi melihat keindahan hidup dan dunia? Mati tidak hanya "lenyapnya nyawa dari raga", mati juga boleh diartikan bagi mereka yang sudah tidak lagi mengenal arti hidup!

Dunia memang semakin gila sehingga banyak orang kemudian menjadi mati. Aku sungguh tdak mengerti mengapa akhirnya bisa seperti ini. Kesalahan Tuhan atau kesalahan manusiakah? Bagi mereka yang tidak pernah "percaya Tuhan" tentunya akan menyalahkan-Nya. Ya, seandainya manusia diciptakan seperti binatang atau pohon, tentunya nggak akan pernah terjadi kondisi yang seperti ini. Bagi "mereka yang taat beribadah" dan selalu menyerahkan segala jalan kehidupannya kepada "Yang Maha Pencipta", tentunya sekalipun tidak akan pernah menyalahkan Tuhan. Bukankah manusia diberi kebebasan sepenuhnya untuk membawa kearah mana hidup mau dibawa. Semua kekacauan hidup ini karena "ketololan dan keserakahan" manusia sendiri karena mereka semakin menjauh dari"penciptanya".

Contoh kecil yang bersama kita lihat, tentang bagaimana panasnya hidup, kita bisa melihat gaya hidup para celebritis. Terkadang aku membatin. O..., seperti itu gaya hidup mereka. Pagi-pagi baru pulang kerja, rumah berganti mobil, malam melek siangnya tidur sebentar, langsung tancap gas lembur shothing lagi. O..., makanya hidup mereka juga "seperi orang gila". Kawin sebentar sudah cerai, pulang malam mabuk, nabrak orang, nyantai di klub malam sambil nyabu e....ketangkap polisii! Melihat ini semua aku cuma bis "ndomblong" (terlongong-longong heran). Aku.., tak bisa lagi kubayangkan seandainya hidupku juga seperti mereka. Aku tidak kepingin jadi "orang tolol dan serakah" yang membuat hidup tidak lagi dingin. Trus aku bertanya lagi dengan mereka yang setiap paginya harus berangkat kerja berdasi dengan sepatu mengkilap. Apakah gaya hidup mereka juga seperti para celebritis ataukah mereka lebih banyak punya waktu longgar? Asal jangan punya banyak waktu longgar karena bolos kerja saja. Sudah dikantor cuma baca koran , e...pulang pagi nggak nyampe rumah, ternyata sudah nongkrong di mall (atau lebih gila lagi. Sudah nyanggong di hotel!).
Panasnya dunia membuat panasnya bathok kepala. Semua jadi gila!!!!!

Resep Masakan Indonesia Seumur Bumi Berputar

Resep masakan asli Indonesiai sungguh sangat luar biasa ragamnya. Mengukur dari beragamnya suku dan jumlah pulaunya, kita bisa membayangkan betapa bangsa besar ini begitu dikaruniai sesuatu yang sangat spesial sebagai suatu bangsa. Dengan tumbuh kembangnya dunia dan dengan kecerdasan serta wawasan yang semakin meningkat, membuat khasanah masakan dan resep mengalami perkembangan yang menakjubkan. Kreativitas warga bangsa dalam mengembangkan menu masakan negeri tercinta membuat kekayaan menu masakan bangsa ini semakin tak terhitung lagi. Dari bahan baku terasi dengan dan bau yang susah hilang dari jari-jari yang lentik, daun ketela pohon yang harum dan ketela pohonnya yang seakan buah ajaib, buah talas yang multi fungsi, hingga menu dari daging asli dalam negeri, semua dapat dikembangkan menjadi masakan yang benar-benar menarik dan terasa super nikmat di lahap. Karena perkembangan ini akan terus berjalan, itulah sebabnya dalam judul saya sebutkan seperti itu.

Keberadaan menu masakan yang berkembang pesat melebihi kecepatan mobil fomula1 ini, menciptakan trend baru dikalangan media baik televisai sebagai media elektronik ataupun media cetak. Kesempatan mengail rejeki melalui dunia masak-memasak, menciptakan sebuah peluang baru bagi media. Terciptalah berbagai acara yang berkaitan dengan masakan, seperti wisata kuliner yang saat ini ditayangkan hingga lebih dari satu stasiun televisi. Media cetakpun, mampu mengambil kesempatan dengan munculnya trend baru ini dengan menerbitkan menu masakan di edisi mingguannya. Yang tampak lebih spektakuler adalah munculnya beberapa tabloid khusus masakan yang hingga kini bisa tetap eksis di jalurnya.

Tidak ada lagi kamusnya bila seorang ibu rumah tangga atau wanita manapun yang punya alasan menyatakan bingung untuk memasak buat keluarga. Menu makan harian bisa menjadi sangat bervariasi. Bahkan bila mau, dalam satu hari berganti seribu jenis masakanpun bukan sesuatu yang mustahil untuk dilakukan. Bagaimana menyikapi perkembangan dunia masakan ini dalam kaitanya dengan pola makan dan perekonomian keluarga? Tentu saja kita harus cerdas untuk meilah serta memilih menu yang cocok buat keluarga. Banyak hal yang harus dipertimbangkan, misalnya : menu apa yang cocok berkaitan dengan perekonomian keluarga, kesehatan setiap anggota keluarga yang tinggal bersama (berkaitan dengan penyakit yang diderita), kemudahan dalam mencari bahan baku, waktu yang tersedia untuk memasak, dan yang lebih penting lagi adalah bagaimana untuk sedapat mungkin menggunakan bahan baku yang betul-betul higienis saat diolah menjadi masakan buat keluarga. Mengapa kita mesti mempertimbangkan hingga ke hal tersebut? Kalau kita bersama menyadari, saat ini hampir semua makanan maupun bahan mentahnya diolah dengan menggunakan bahan kimia guna pengawetan sekaligus juga pada proses produksinya. Baik proses produksi di level produksi awalnya (pertanian) ataupun pada proses pengolahannya di industri yang memproduksi dan mengolah bahan makanan. 

Penggunaan bahan kimia yang berlebihan terbukti semakin meningkatkan tingkat kematian dan jumlah penderita penyakit berbahaya di negeri ini dan diseluruh dunia yang kondisinya sangat mengkawatirkan.Sebagai penutup saya hanya bisa mengajak kepada seluruh warga bangsa ini, untuk lebih mencintai menu masakan asli Indonesia dan marilah bersama-sama kita untuk selalu menggunakan bahan baku yang sehat untuk di konsumsi.

Senin, 26 Oktober 2009

Dahulu kala ayam jago bisa bicara

Ini bukan cerita bohong! Sungguh-sungguh terjadi dan hingga saat ini buntut dari kisah ini masih dapat kita dengar dan kita rasakan setiap harinya. Kalau kalian nggak percaya silahkan ikuti dulu kisahnya kemudian baru bisa kasih komentar.

Saat itu belum dikenal yang namanya dokter. Tidak seperti sekarang ini, hampir setiap gang ada saja dokter yang buka praktek. Dari dokter gigi hingga dokter hewan. Dari orang  hingga bebek-pun  kalau sakit nggak perlu kuwatir lagi. Dokter banyak, mantri suntik banyak, perawat banyak, bahkan dokter-dokter gadungan yang ahlipun ruar biasa banyaknya. Wong sekarang bakul-bakul dipinggir jalanpun sudah pada pinter kasih resep sama orang yang lagi sakit, kok.

Ya..., waktu itu semua hewan termasuk ayam jago masih pintar bicara. Ngobrol sama sapi, kerbau, anjing dan manusia itu pekerjaan sehari-hari mereka. Kalau orang kasih makanan basi..e... jangan tanya. Melebihi wanita bawel omelannya. Bunyinya nggak gok..gokk..petok...petokkk atau kuk..kukk..ru..yuk..! Nggak.. nggak! Kukuruyuk hanya mereka lakukan saat bangun tidur atau ketika mereka menang bertarung. Hu... kalau kalian bisa dengar sendiri seperti pada saat itu, aku tanggung kalian akan lari terbirit-birit dengar umpatannya.

Karena ayam jago terkenal dengan ocehanya yang menyakitkan, akhirnya timbul rasa sakit hati setiap orang. Mereka punya niatan untuk menghabisi setiap ayam jago. Akhirnya satu demi satu ayam jago terkapar tewas ditangan manusia. Kepala suku ayam. Sang jago yang ruar biasa besarnya, dan dijadikan sesepuh sekaligus pimpinan ayam, sangat prihatin melihat rasnya satu demi satu mati berkalang tanah. Karena beban pikiran yang sangat berat  dan berlarut-larut, sakitlah si kepala suku ayam. Mau tidak mau dia dibawa berobat kepada manusia yang tahu othak-athik daun dan akar untuk dibuat ramuan obat. Melihat Kepala suku datang dan minta berobat, giranglah manusia. "Ini dia yang selama ini di cari dan susah ditemukan. Akhirnya datang sendiri untuk menyetorkan nyawanya", seru manusia dalam hatinya.  Si kepala suku menyadari akan hal ini, tetapi dia sudah berserah diri. Benarlah, ketika si Kepala suku ayam ini di beri ramuan obat, dia tidak bertambah baik, malah bertambah kesakitan. Perutnya seakan mau pecah dan terasa panas sekali. Menyadari yang diberikan bukan obat tetapi racun yang sangat mematikan dan membuatnya kesakitan luar biasa, tercetuslah sumpah si ayam. Sambil mengerang dia berteriak menggelegar hingga seakan langit akan runtuh,"Hai... manusia.., terkutuklah engkau yang begitu jahat. Sama sekali bangsaku tidak pernah membunuh satupun bangsamu (ya, nggak bakalan mampu, ya ?!), tetapi tega-teganya engkau menghabisi seluruh bangsaku. Terkutuklah engkau dan aku bersumpah", si kepala suku masih melanjutkan  kutukannya sambil menggelepar, "Karena engkau tega menghabisi bangsaku, seumur semesta ini lihatlah, aku dan seluruh bangsaku yang telah kau bunuh akan tinggal di dalam perut kalian. Aku akan berteriak lantang setiap harinya apabila kalian terlambat memberi makan. Suaraku akan terdengar dari dalam perutmu dan akan kucocok perutmu hingga sesakit-sakitnya. Semakin terlambat maka akan semakin keras kucocok dan teriakkupun akan semakin kukeraskan. 

Manusia yang mengerumuninya terbelalak kaget dan menyesali kejadian itu. Semuanya sudah terlanjur. Esok paginya mereka semua kaget, karena baru kali itulah mereka mendengar suara ayam jago dalam perut mereka dan sakitnya semakin minta ampun begitu perut tidak cepat diisi. Kejadian ini jadi buah bibir di semua sudut bumi dan tidak akan berhenti hingga kiamat datang. 

Ya...Kutukan kepala suku ini hingga sekarang dapat kita rasakan. Kapoklah kita semua karena kejahatan kita manusia berakibat ke anak, cucu, cicit hingga cucunya cicit, cicitnya cicit hingga cicitnya cicitcicitnya...cicitcicitcicit cuat cuit....Nggak tahulah! Urutkan saja sendiri.

Makannya jadi manusia jangan jahat. Beginilah akibatnya !!!!

Minggu, 25 Oktober 2009

Otak-atik posting gambar

Posting yang berwujud gambar mempunyai tingkat kesulitan yang lebih bila dibandingkan dengan posting dalam bentuk teks. Gambar atau photo yang diberikan oleh blogger.com dalam bentuk KODE yang kita terima dalam ruangan posting di mode POSTING-EDIT HTML sebenarnya sudah sangat lengkap , tinggal bagaimana kita mengolah kode tersebut sehingga mejadi bentuk gambbar yang sesuai dengan keinginan kita. Baik ukuran gambar, posisi ataupun bagaimana kita memperindah tampilan gambar tersebut. Sebagai contoh akan saya berikan satu KODE HTML dari gambar yang diberikan blogger.com :


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59cRxf__qn_NZk0kWrl7zq-8yCGS-O2J8pXy_NdsFWvRI24OsF-fLOLHTqFSEUhQG7z2ur_hy3ppQc12loGPM0oeH4cA7WEZaaMDXcZzt7USQXbMuK0pisgdkjqteCrlVLQNyIT0AtAg/s1600-h/GRregiistfeedb4.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 190px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59cRxf__qn_NZk0kWrl7zq-8yCGS-O2J8pXy_NdsFWvRI24OsF-fLOLHTqFSEUhQG7z2ur_hy3ppQc12loGPM0oeH4cA7WEZaaMDXcZzt7USQXbMuK0pisgdkjqteCrlVLQNyIT0AtAg/s200/GRregiistfeedb4.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5396264114716979762" /></a>

1. KODE warna ORANYE : apabila hendak menampilkan gambar di sebelah kanan dan saat "UNGGAH GAMBAR" terlanjur di kiri, maka anda bisa merubah KODE :

- float:left; menjadi float:right; ---> posisi gambar di kanan
- text-align: center; margin:0 auto 10px;display:block; ---> untuk posisi di tengah
- float:left;dan margin:0 10px 10px 0; di hilangkan ---> posisi bebas

2. KODE warna Hijau :

- KODE s1600-h mempunyai maksud : bila gambar di buka maka akan tampil di pojok kiri atas.
- Dengan menggantinya menjadi s400, maka gambar akan tampil di tengah layar monitor.

3. KODE warna merah :

- 0 10px 10px 0 menyatakan margin atas, kanan, bawah dan kiri. Bisa anda sesuaikan dengan kebutuhan posting. Jarak tersebut dalam nilai pixel dan merupakan jarak antara segala sesuatu yang ada di sebelah atas, kanan, bawah atau kiri gambar tersebut.

4. KODE warna KUNING :

- berfungsi untuk merubah ukuran gambar, baik memperkecil ataupun memperbesar.
- Width=lebar/panjang gambar dan height=tinggi gambar (nilai dalam pixel atau px)
- Apabila nilai diperbesar, maka gambar bertambah besar. Begitu juga sebaliknya.

5. KODE warna BIRU :

- Border atau gampangnya garis bingkai gambar. Bisa dirubah besarannya dan bisa ditambahkan warna border yang sesuai dengan menambahkan KODE border-color:...; setelah KODE float:left;
- titik-titik bisa diisi dengan warna red, yellow, blue atau warna lain dan juga bisa di isi dengan warna, dalam KODE yang berbentuk angka dengan menambahkan tanda pagar di depannya. Contoh : border-color:#83cdd0;

Semoga bermanfaat !!!

Jumat, 23 Oktober 2009

Menambah kelengkapan blog dengan Perubah Ukuran Teks



Javascript ini, meskipun tidaklah besar, namun mampu memberikan sesuatu yang baru buat pembaca blog. Terlebih bagi mereka yang kondisi penglihatannya sudah tidak normal lagi. Dia mampu memberikan pembesaran teks hingga mata yang sedang kena "belekan" pun dengan mudahnya dapat menikmati segala jenis teks sambil meggunakan kacamata hitamnya. Sekalipun diutamakan berfungsi sebagai alat untuk memperbesar teks, javascript ini juga mampu untuk memperkecil teks dengan sama baiknya. Penasaran untuk menggunakannya ?


Langkah-langkah yang harus di tempuh :

1. Amankan template anda dengan download terlebih dahulu :
Login Blogger --> Tata Letak --> Edit HTML --> Download Template Lengkap -->

Simpan di folder PC

2. Lanjutkan :
Tata Letak --> Edit HTML --> Cari Kode ]]></b:skin>

3. Letakkan KODE-1 di sebelah bawah ]]></b:skin>. Posisi ]]></b:skin> berada di atas </head> dan <body>

4. Jika ini berhasil, lanjukan dengan langkah ke-5, namun jika tidak berhasil dengan baik, anda bisa mengupload javascript ini ke file hosting atau lakukan langkah termudah dengan cara :

Tata Letak --> Elemen Laman--> Tambah Gadget --> Javascript/HTML

Letakkan CODE-1 dalan ruang Javascript/HTML dan Simpan (ini pasti berhasil baik).

5. Letakkan KODE-2 di atas KODE-1 (untuk langkah no.3 dan no.4) atau bisa diletakkan dimana anda suka. Di sidebar, di bawah header atau di dalam ruang posting paling atas, pada saat anda sedang membuat postingan.



KODE-1 :

<script language="javascript">
//** bloggerstars-Shannenpio Demo --*//
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
</script>


KODE-2 :

<a href="javascript:ts('body',1)"><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/PerbesarTeksbgs.gif"/></a><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/bgs-bgs1.gif"/><a href="javascript:ts('body',-1)"><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/PerkecilTeksbgs.gif"/></a>






Selamat mencoba dan semoga berhasil> Buatlah senang seluruh penikmat blog yang berkacamata, dari bayi yang baru lahir hingga nenek-nenek yang sudah pikun !!!

Satu tips lagi tentang Read More

Ya..., meski read more membuat ruang menjadi lebih effisien, tetapi kadang-kadang menjengkelkan juga (seperti blog ini! Sorry..., masih malas untuk merubah. Habis harus edit lagi semuanya !). Habis..., posting sudah sudah selesai dibaca, karena ada "Read More" terpampang dan masih penasaran sama isi posting, otomatis cursor lari ke "sono" langsung "KLIK" dan.... Sialan ! Ehhh, nggak tahunya masih halaman yang sama seperti yang sudah selesai terbaca ! Nggak lain yang muncul rasa mengkal ditambah umpatan kesal yang bikin mulut "semakin methekol" (bhs Ind: berotot), ya.., nggak ?!

Ada cara untuk mensiasati masalah ini :

1. Biasa langsung amankan template terlebih dahulu :
Login Blogger --> Tata Letak --> Edit HTML --> Download Template Lengkap -->

simpan di folder PC

2. KLIK Expand Template Widget dan cari kode :

<a expr:href='data:post.url'>Read More</a>

3. Delete kemudian ganti dengan kode ini: <a expr:href='data:post.url'/>

4. KLIK Simpan Template.

Pindah ke ruang posting :

1. Setelah selesai melakukan posting dan posting diterbitkan, ambil URL posting anda dan masukan dalam kode seperti ini :

<a href='data:post.url'>Read More</a>

2. Kode berwarna merah gantilah dengan URL posting anda tadi dan terbitkan kembali. Istilahnya seperti kita melakukan edit ulang posting !

Contoh hasilnya seperti ini :

<a href='http://bloggerstuars.blogspot.com/2009/10/satu-tips-lagi-tentang-read-more.html'>Read More</a>

Contoh hasilnya untuk posting ini dalam read more baru :

Read More

Keterangan :

- Gunakan Ctrl+F untuk mempermudah saat mencari KODE pada ruang Edit HTML !
- Untuk penggunaan tips ini kode span class fullpost-nya tetap digunakan.
- Segera lakukan perubahan sebelum terlanjur. Kalau sudah terlalu banyak posting akan menyita waktu cukup banyak sehingga malas untuk merubahnya.
- Bila ingin memadukan dengan posting sebelumnya "Merubah Read More tampil lebih cantik", silahkan langsung bisa di padukan. Caranya hampir sama persis.

Merubah Read More tampil lebih cantik

Read More (Baca lengkap dll) yang sering muncul dihalaman blog sering kali hanya berupa teks yang tampil tanpa 'embel-embel' (tampil berupa teks doang!), sehingga meskipun hanya secuil informasi, terkesan tidak diberi kesempatan untuk membuat blog semakin menarik. Ada satu cara simple untuk merubah tampilan read more ini tanpa harus menambah gambar atau animasi yang akan semakin membebani blog. Sekelumit kode tambahan akan membuatnya tampil semakin bersahabat bagi pengelana blog.

Sebelum memulai "mendadani" read more, perlu sedikit diingat lagi bahwa teks tersebut diletakkan diantara kode seperti ini:

<a expr:href='data:post.url'>Read More</a>

1. Untuk mencari sekaligus "mendadani" kode yang dimaksud di atas, seperti biasa lakukan :
Login Blogger --> Tata Letak --> Edit HTML --> Download Template Lengkap -->

simpan di folder PC

2. Setelah pengamanan template selesai tetaplah di Edit HTML kemudian beri tanda "centrang" pada Expand Template Widget dengan meng"KLIK" kotak kecil disampingnya.

3. Cari KODE yang ada Read More-nya tersebut dan tambahkan KODE di bawah untuk menggantikan teks Read More yang sudah ada di template, sehingga bentuk KODE menjadi seperti ini :

<table style="float:left; width:100px;" bgcolor="#000000" border="1" bordercolor="blue" height="20"><tr><td style="background: #444343; text-align:center; border:1px solid yellow; font:bolder 14px Times New Roman; "> Read More ! </td></tr></table>

4. Setelah KODE terpasang, KLIK Simpan Template. Lihat hasilnya di blog !

Keterangan :
- Gunakan Ctrl+F untuk mempermudah pada saatmencari KODE di ruang Edit HTML.
- Apabila read more ingin diletakkan di sisi kanan, ganti float:leff dengan float:right.
- Besaran bingkai dan warna border, teks serta background bisa anda rubah sendiri sesuai dengan warna blog !!

Rabu, 21 Oktober 2009

Auto Scroller ; UP and DOWN

Auto Scroller; Up and Down merupakan Scroller yang berfungsi untuk menggulung halaman pada blog, baik ke ujung paling atas di kepala blog (top), daerah "dada dan perut" (tengah) hingga turun lagi.... sampai ke ujung "kuku jari" kaki halaman (bottom). Membuat petualang blog menkjadi lebih nyaman untuk menggulung tiap lembar blog dan juga sekaligus menambah lengkap fasilitas blog yang memanjakan mereka yang tak pernah bosan untuk mencari hal-hal yang baru. Oke ..., langsung ke sasaran :

1. Langkah pertama : LOGIN ke BLOGGER
2. Lihat gambar blog di bawah :
KLIK gambar

3. KODE ysng harus di COPY PASTE sebagai berikut :


<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">
<img src="http://i35.tinypic.com/1iy2v8.gif" border="0">
</a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">
<img src="http://i35.tinypic.com/wl7gk0.gif" border="0">
</a>
</div>

<script type="text/javascript">
//* har-bloggerstars & bloggerstuars.blogspot.com *//
var Hoffset=70
var Voffset=80
var thespeed=15 //nilai ini adl kecepatan scroll. Ganti yang cocok !!!
var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0
var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight
if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}

else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)
</script>




4. Ubah kecepatan yang menurut anda paling nyaman untuk digunakan. Dimulai dari 1.

5. Ganti tanda scroll-nya bila ingin yang baru atau bentuk lain dengan mengganti URL yang berkode http:// .....gif. (ada 2 terletak pada kode bagian atas;DOWN & UP).

Selamat mencoba dan bila berhasil gulunglah blok anda hingga fajar merekah. Ingat!!! Bila ayam belum berkokok dan kambing belum mengembik jangan pernah berhenti!!!

Selasa, 20 Oktober 2009

Auto Scroller untuk gambar dan teks

Auto Scroller ini akan membuat gambar/teks yang disertai link bergeser secara otomatis sehingga teks dan gambar akan muncul secara berurutan. kelebihan dari scroller ini, selain menggunakan javascript yang relatif irit, juga secara otomatis gambar atau teks akan berhenti saat cursor menyentuhnya dan dengan cara tersebut link di dalamnya bisa di buka. Modifikasi scroller ini sangat mudah untuk dilakukan, yang meliputi luas halaman (lebar dan tingginya), background, jenis dan besaran font serta kecepatan gesernya. Apabila bentuk gambar yang akan dimunculkan, sebaiknya luasan scroller bar disesuaikan dengan ukuran gambarnya sehingga tampilan akan tampak rapi dan menerik.

Langkah pembuatan Auto Scroller :

1. Setelah LOGIN ke BLOGGER lakukan urutan dalam gambar berikut :
KLIK gambar

KODE-1 berikut silahkan di copy paste dan dicoba terlebih dahulu, baru kemudian setelah berhasil, lakukan penggantian gambar dan URL-nya. Demikian juga gunakan KODE-2 (untuk teks) untuk menggantikan KODE-1 yang berwarna biru (untuk gambar) :



KODE-1

<script type="text/javascript">
/** har-bloggerstars & bloggerstuars.blogspot.com **/
//lakukan modifikasi di bawah ini:

var memorywidth="150px" //lebar
var memoryheight="100px"//tinggi
var memorybgcolor="#DEFDD9"//warna
var memorypadding="4px"//padding
var borderCSS="border: 5px ridge blue;"//tebal, jenis, dan warna border
var memoryspeed=2 //(1 s/d 10)
var pauseit=1 // (0 atau 1)
var persistlastviewedmsg=1
var persistmsgbehavior="onload"

//lakukan perubahan pada KODE di bawah ini (gambar dan URL-nya)
var memorycontent='<nobr><a href="#"><img src="http://i33.tinypic.com/111thdi.gif"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/dauphin_011.jpg"/><a/><a href="#"><img src="http://www.fond-ecran.net/icones/chevaux_014.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/marioncotillard_003.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/3dpaysage_001.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/halleberry_004.jpg"/></a></nobr>'

////di bawah ini tidak perlu di rubah////////////
var combinedcssTable="width:"+(parseInt(memorywidth)+6)+"px;background-color:"+memorybgcolor+";padding:"+memorypadding+";"+borderCSS+";"
var combinedcss="width:"+memorywidth+";height:"+memoryheight+";"
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
memoryspeed=(document.all)? memoryspeed : Math.max(1, memoryspeed-1) //slow speed down by 1 for NS

var copyspeed=memoryspeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById

if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-10000px">'+memorycontent+'</span>')
var actualwidth=''
var memoryscroller

if (window.addEventListener)
window.addEventListener("load", populatescroller, false)
else if (window.attachEvent)
window.attachEvent("onload", populatescroller)
else if (document.all || document.getElementById)
window.onload=populatescroller
function populatescroller(){
memoryscroller=document.getElementById? document.getElementById("memoryscroller") : document.all.memoryscroller
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
if (persistlastviewedmsg && get_cookie("lastscrollerpos")!="")
revivelastmsg()
memoryscroller.innerHTML=memorycontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
lefttime=setInterval("scrollmarquee()",20)
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}

return returnvalue;
}

function savelastmsg(){
document.cookie="lastscrollerpos="+memoryscroller.style.left
}

function revivelastmsg(){
lastscrollerpos=parseInt(get_cookie("lastscrollerpos"))
memoryscroller.style.left=parseInt(lastscrollerpos)+"px"
}

if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
function scrollmarquee(){
if (parseInt(memoryscroller.style.left)>(actualwidth*(-1)+8))
memoryscroller.style.left=parseInt(memoryscroller.style.left)-copyspeed+"px"
else
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
}

if (iedom){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0" style="'+combinedcssTable+'"><td>')
write('<div style="position:relative;overflow:hidden;'+combinedcss+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">')
write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" '+divonclick+'></div>')
write('</div>')
document.write('</td></table>')
}
}

</script>



KODE-2


var memorycontent='<nobr><span style="font: bold 13px Verdana"> * Makan nangka banyak bijinya * <a href="http://bloggerstuars.blogspot.com"> Shannenpio Demo * </a> Besar besar seperti bola * <a href="#"> Makan petai pasti bijinya * </a> Besar-besar ampun baunya * <a href="#">Ah... kamu !!! * </a>Kalau buang air di sungai sana !!! Bau !!! *</span></nobr>'



Keterangan :

- KODE <a href="#"> tanda setelah "sama dengan" merupakan URL subyek yang ditampilkan atau URL link lain yang berkaitan dengan subyek.

- bloggerstuars.blogspot.com (pada KODE-2) juga diganti dengan link yang sesuai.

- untuk melakukan modifikasi pada KODE yang ada sudah sangat jelas. Khusus untuk KODE-2 (teks), gunakan ukuran teks dan tinggi dan lebar ruang auto scroll yang sesuai. Kira-kira bentuk yang dipergunakan adalah bentuk segi empat memanjang. Misalnya 300px dan 30px dengan besaran font 18px.

Selamat mencoba dan moga-moga cocok untuk digunakan di blog anda !!! Jangan lupa tambah petainya, tapi ingat...., buang airnya di lapangan bola atau di sungai !!! hiiiiiii........!!!!

LAPEJU (Bola tape Keju)

Oho.... ! Tape...tape...tape...!!! Singkong lagi !! Singkong lagi !!! Singkong lagi !!!
Ayo rame-rame othak-athik singkong jadi bukan singkong lagi ! Caranya ? Beli tape dulu !!!

Bahan yang di butuhkan :

a. 250 gram tape singkong. Haluskan ! (bukan tape ketan, mbah !!!)
b. 50 gram susu bubuk.
c. 1/2 sendok teh vanili.
d. 100 gram gula halus.
e. 250 gram keju melted (potong-potong).

Bahan lapisan :

a. 100 gram tepung terigu.
b. 150 ml air.
c. garam, minyak goreng, gula pasir secukupnya.

Cara membuat :

a. Campur dan aduk rata : tape singkong, gula pasir halus, susu bubuk dan vanili.
b. Ambil satu sdk makan adonan tape tipiskan dan tambahkan 3 potong keju. lakukan seperti itu untuk seluruh adonan.
c. Untuk lapisan : Campur tepung terigu, garam, gula dan air kemudian saring.
d. Celupkan bola tape dalam adonan lapisan dan goreng hingga matang .
e. Sajikan dalam kondisi hangat akan terasa lebih nikmat !

Selamat menikmati !!! jangan lupa sisihkan buat saya !!!

Merubah background blog berbentuk gambar

Membuat background blog berupa sebuah gambar atau photo dengan posisi yang tetap ditempat sekalipun halaman geser turun pasti akan membuat blog menjadi lebih menarik. Cara yang sederhana hanya dengan sedikit merubah KODE pada bagian " body { " akan mampu menciptakan suasana baru dengan keindahan yang membuat blog semakin menarik untuk dinikmati dan dijelajahi. Gambar apa saja yang bisa digunakan sebagai latar belakang blog? Semua gambar bisa! Bahkan bagi anda yang menyukai gambar animasi sebagai sebagai bacgkround-pun akan bisa digunakan. Atau mengkin gambar yang itu ?!

A. Dua prasyarat supaya blog anda kelihatan lebih indah dan teks postingan terlihat jelas adalah :

1. Sebaiknya gunakan gambar atau photo yang tidak terlalu berwarna-warni. Gambar yang berwarna-warni akan membuat orang kesulitan untuk melihat/membaca teks anda karena tentunya warna teks akan menjadi tidak jelas begitu latar belakangnya mempunyai warna yang sama atau tidak kontras dengan warna teks.

2. Gunakan gambar yang utuh seukuran body dan tidak menggunakan gambar yang terlalu kecil karena akan terjadi duplikasi gambar di background blog. Ukuran yang sebaiknya digunakan adalah minimal 1000x600 pixel.

B. Langkah-langkah untuk merubah background blog sebagai berikut :

1. Amankan template dengan dengan cara sebagai berikut :
KLIK Gambar

2. Setelah template di amankan, lakukan langkah berikut :

KLIK Tata Letak --> Edit HTML --> Cari KODE body } --> Gantikan KODE -->

KLIK SIMPAN TEMPLATE

3. Yang perlu anda cari dan ganti adalah KODE :

body {
background:$bgcolor; atau

body {
background :#000 atau black, blue, yellow..dsb ;

gantikan dengan :

body {
background: url(http://....gif/jpg/png) repeat top left;
background-attachment: fixed;

contohnya :

body {
background: url(http://bloggerstars.gif) repeat top left;
background-attachment: fixed;

4. KLIK SIMPAN TEMPLATE dan lihat hasilnya di blog !!!

5. Pesan saya : Pasang gambar yang manis-manis dan membuat semua orang terhibut ! Pokoknya gambar yang membuat darah menglair lebih "kencang" !!! ha...ha...ha...!

Catatan :

KODE-KODE yang lain pada body } selain bacground jangan dihilangkan !!!
KODE body { terletak pada bagian atas Edit HTML

Senin, 19 Oktober 2009

Menciptakan Efek Warna pada Scroll Bar

Setiap kali melihat scroll bar, pasti warnanya itu-itu juga! bagaimana supaya kita bisa memvariasikan warna pada scroll bar sehingga berbeda dengan yang selama ini kita pakai? Dengan javascript di bawah ini, kita bisa melakukan beberapa variasi warna sekaligus menciptakan sedikit "gaya" karena scroll bar bisa berkelap-kelip berubah warna! Pokoknya ditanggung cantik, dah !!!

1. Ikuti langkah dalam gambar berikut :

KLIK gambar



<script language="JavaScript1.2">
<!--
//Visit bloggershar-bloggerstars and bloggerstuars.blogspot.com
/*--[IE 5.5 Scrollbars colorer]--*/
function scrollBar(line,face,theme)
{
if (!line||!face)
{
line=null;
face=null;
switch(theme) // Predefined themes
{
// silahkan untuk melakukan perubahan warna di kode-kode warna di bawah ini
case "blue":
var line="#010744";
var face="#0119fe";
break;
case "orange":
var line="#FBBB37";
var face="#FFF9DF";
break;
case "red":
var line="#967f8e";
var face="#53193a";
break;
case "green":
var line="#00C600";
var face="#D1EED0";
break;
case "neo":
var line="#BC7E41";
var face="#EFE0D1";
break;
}
}
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="red";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#a0a5a6";
}
}
/*--[Pointer coordinates catcher]--*/
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w||y-3>h) scrollBar('#000080','#BFDFFF'); // Your colors
else scrollBar(null,null,"red"); // A predefined theme
}
if (document.all){
scrollBar(null,null,"orange");
document.onmousemove=colorBar;
}
function offscreen(){
scrollBar(null,null,"green");
}
document.onmouseout=offscreen;
//-->
</script>



2. Modifikasi warna dan penerapan warna :

- Ubahlah kode warna untuk memilih warna yang disukai.
- Ganti KODE berikut dengan warna yang dikehendaki. Contohnya sbb :(null,null,"red") menjadi (null,null,"blue")
(KODE ini terdapat dalam rangkaian KODE di atas) !

Good Luck for you and ... Sugeng ma(t)karyo !!!!

Pasang calculator di blog; Siapa tahu jadi bos ?!

Lho ? Masa buat calculator dalam blog?! Emang mo buat apa?! Aha.. ini khan sekedar buat pelengkap saja. E..., siapa tahu ada yang butuh! Mungkin saja ada di antara kalian yang saat ini sedang nyambi jual bakso atau jual tahu, atau mungkin setiap kali othak-athik template harus nyari cipoa gara-gara calculatornya dipakai istri atau buat belajar anak. Nggak susah buatnya dan ditanggung pasti ada manfaatnya. E... kali-kali juga penggemar setia blog kalian lagi pusing nyari calkulator yang ketinggalan di toko, jadinya tinggal klik di blog ! Iya, khan ?!


Langkah pasang calculator :

KLIK gambar

1. Copy paste KODE berikut dan tempatkan pada ruang Javascript/HTML di bagian Elemen Laman.
2. SIMPAN dan lihat hasilnya di blog.



<table cellspacing="0" border="2" bordercolor="#99996" onclick="previouskey=event.srcElement.innerText" cellpadding="0" height="270"
style="bgcolor=#222222" width="220">
<tr>
<td id="result" width="100%" style=" border:2px solid #FFFFCC; font:bold 24px Arial; color:#f4fd00;text-align='right'" height="70" bgcolor="#0f1023"></td>
</tr>
<tr><td valign="middle" width="100%"
align="center"><table border="2" bordercolor="#FFFFCC" cellspacing="0" cellpadding="0" style="font:bold 20px Verdana;color:white" width="100%" bgcolor="282825">
<tr><td width="80%" align="center"><table onmouseout="event.srcElement.style.color='#40f6fd'" cellspacing="0" border="1" onselectstart="return false" onclick="calculate()" cellpadding="0" onmouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'" height="168" style="cursor:hand;font:bold 18px Arial; color:#959532" width="100%">
<tr><td width="25%" height="40" align="center">7</td>
<td width="25%" height="40" align="center">8</td>
<td width="25%" height="40" align="center">9</td>
<td width="25%" height="40" align="center">/</td>
</tr>
<tr>
<td width="25%" height="40" align="center">4</td>
<td width="25%" height="40" align="center">5</td>
<td width="25%" height="40" align="center">6</td>
<td width="25%" height="40" align="center">*</td></tr>
<tr><td width="25%" height="40" align="center">1</td>
<td width="25%" height="40" align="center">2</td>
<td width="25%" height="40" align="center">3</td>
<td width="25%" height="40" align="center">-</td></tr>
<tr><td width="25%" height="40" align="center">0</td>
<td width="25%" height="40" onclick="pn();previouskey=1;event.cancelBubble=true" align="center">+/-</td>
<td width="25%" height="40" align="center">.</td>
<td width="25%" height="40" align="center">+</td>
</tr></table></td><td width="20%"><div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="100%" style="cursor:hand; text-align:center; font:bolder 24px Verdana; color:red; text-align:center" height="50" onclick="result.innerText=0;results=''">C</td></tr></table></div>
<div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0" height="73">
<tr><td width="100%" style="cursor:hand; text-align:center; font:bold 32px Verdana;color:blue;" onmouseover="event.srcElement.style.color='yellow'"
height="71" onmouseout="event.srcElement.style.color='blue'" onclick="calculateresult()">=</td>
</tr></table></div>
<div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="1" height="40" align="center">
<tr><td width="100%" style=""><img src="http://i35.tinypic.com/2lksolh.gif"/></td></tr></table></div></td>
</tr></table></td></tr></table>
<script language="JavaScript1.2">
/* *bloggerstar1* */
var results=''
var previouskey=''
var re=/(\/|\*|\+|-)/
var re2=/(\/|\*|\+|-){2}$/
var re3=/.+(\/|\*|\+|-).+/
var re4=/\d|\./
var re5=/^[^\/\*\+].+\d$/
var re6=/\./
function calculate(){
if (event.srcElement.tagName=="TD"){
if (event.srcElement.innerText.match(re4)&&previouskey=="=")
results=''
if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}
results+=event.srcElement.innerText
if (results.match(re2))
results=results.substring(0,results.length-2)+results.charAt(results.length-1)
result.innerText=results
}
}
function calculateresult(){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}
function pn(){
if (result.innerText.charAt(0)!='-')
result.innerText=results='-'+result.innerText
else if (result.innerText.charAt(0)=='-')
result.innerText=results=result.innerText*(-1)
}
</script>




3. Calculator ini tidak compatible untuk firefox.
4. Beberapa modifikasi bisa dilakukan pada kode selain javascript :
- ukuran : huruf/teks, box/kotak,
- warna : teks, box
- jenis font/huruf/teks

Selamat mecoba!! Mudah-mudahan lebih lancar saat menghitung hasil jualan sate dan sotonya. Saya doakan semoga untungnya tambah gedhe !!!

Jumat, 09 Oktober 2009

Dimana dan Bagaimana Cara Upload Javascript dan CSS Gratis ?

Penggunaan Javascrip di hampir semua modifikasi ataupun mempercantik blog mengharuskan kita tahu file hosting javascript dan cara registrasi serta mengupload sekaligus mendapatkan URL-nya. Sebenarnya cukup banyak tempat untuk upload javascript dan CSS. Mari kita coba untuk di ripway.com. Supaya lebih cepat proses uploadnya, ikuti panduan di bawah ini :

Urutan prosedurnya adalah sebagai berikut :

---> Masuk ke ripway.com ---> KLIK Sign Up ---> Isi Registrasi ---> Log in

---> Isi Kolom Log in ---> Clik here to view file/My File ---> KLIK UPLOAD

---> Memasukkan File dr Folder kemudian KLIK Upload ---> KLIK My File

---> Copy paste URL File

Prosedur selengkapnya yang disertai gambar :


-->1. Masuk ripway.com atau KLIK * di sini * .
-->2. KLIK Sign Up. --> Lihat/KLIK * gambar 1 * .

-->3. Isi Registrasi. Year born dan ZIP/Postal Code tidak harus di isi. Setelah lengkap KLIK Sign Up Now. ---> Lihat/KLIK * gambar 2 * .
-->4. KLIK Log in ---> * gambar 3 *
-->5. Isi User Name & Password ---> Klik Log in . Lihat/KLIK * gambar 4 * .
-->6. KLIK "Click here to view file" atau KLIK "My File". Lihat/KLIK * gambar 5 * .
-->7. KLIK UPLOAD Lihat / KLIK * gambar 6 * .
-->8. Pilih File dari Folder PC yang akan di upload dan lanjutkan KLIK Upload. Lihat/KLIK * gambar 7 * .

-->9. Kembali KLIK My File untuk melihat URL file yang telah di upload.

->10. Copy paste URL tersebut dan gunakan sesuai kebutuhan anda.

Selesai sudah. Semoga bermanfaat.

Senin, 05 Oktober 2009

Scroll Menu model layar buka-tutup vertikal

Sebuah ruang menu yang sangat praktis karena bentuknya yang sangat kecil, simpel tapi menambah keindahan blog. Sebagai contoh anda bisa melihatnya di sisi sebelah kanan layar. Satu kelebihan menu ini adalah bisa di modifikasi baik lebar, tinggi, warna maupun ukuran huruf, serta kecepatan bergulungnya layar.

Cara membuat Scroll Menu ini sebagai berikut:

1. Login ke Blogger --> Tata Letak ----> Elemen Laman.

2. "Klik" Javascript/HTML.

3. Copy paste kode di bawah (scroll bar) ke dalam elemen halaman anda untuk anda coba dulu dalam template anda. Tempatkan dalam ruang Javascript/HTML kemudian SIMPAN/SAVE.



<p align="left"> * Tips dan Trik Blogger *
<a href="http://bloggerstuars.blogspot.com/search/label/Tips-trik%20Blogger"> - Shannenpio Demo - </a></p>

<script type="text/javascript">

//SUSUN POSTING DI BAWAH INI PADA RUANG BERNOMOR
// harry roy-Shannenpio Demo
//bloggerstuars.blogspot.com
var tickercontents=new Array()

tickercontents[0]=' * 1 * Shannenpio Demo <a href="http://bloggerstuars.blogspot.com/2009/09/satu-tips-lagi-untuk-pengguna-modem.html"> - Satu Tip Lagi Untuk Pengguna Modem Smart</a> -'

tickercontents[1]=' * 2 * Shannenpio Demo <a href="http://bloggerstuars.blogspot.com/2009/09/cara-terbaru-mempercepat-koneksi-modem.html"> - Cara Terbaru mempercepat modem Smart Haier D 1200 P</a> -'

tickercontents[2]=' * 3 * Shannenpio Demo<a href="http://bloggerstuars.blogspot.com/2009/09/belajar-dan-bekerja-keras-tanpa-rasa.html"> - Belajar dan Bekerja Keras Tanpa Kenal Putus Asa</a> -'

tickercontents[3]=' * 4 * - Shannenpio Demo<a href="http://bloggerstuars.blogspot.com/2009/08/mengembangkan-teknik-posting-gambar-dan.html"> - Mengembangkan Teknik Posting Gambar dan Photo</a> -'

tickercontents[4]=' * 5 * - Shannenpio Demo<a href="http://bloggerstuars.blogspot.com/2009/08/promosi-blog.html"> - Promosi Blog</a> -'

tickercontents[5]=' * 6 * - Shannenpio Demo<a href="http://bloggerstuars.blogspot.com/2009/08/cara-membuat-postingan-2-tips-dan-trik.html"> - Cara membuat Postingan: Tips dan Trik</a> -'

//// SILAHKAN LAKUKAN MODIFIKASI DI SINI

var tickerwidth="210px"
var tickerheight="45px"
var fontcss="font: bold 12px Verdana; color:#fe342a"
var tickdelay=5000//delay btw messages
var highlightspeed=1 //1 pixels at a time.
var highlightcolor="#565bab"
var backdroptextcolor="#e2fe72"

////Jangan merubah yang di bawah ini akan MERUSAK Javascript dan fungsinya////////////////

document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')

document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')

document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')

document.write('</div>')


var currentmessage=0

var clipbottom=1


function changetickercontent(){

msgheight=clipbottom=crosstick.offsetHeight

crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"

crosstickbg.innerHTML=tickercontents[currentmessage]

crosstick.innerHTML=tickercontents[currentmessage]

highlightmsg()

}


function highlightmsg(){

//var msgheight=crosstick.offsetHeight

if (clipbottom>0){

clipbottom-=highlightspeed

crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"

beginclip=setTimeout("highlightmsg()",20)

}

else{

clipbottom=msgheight

clearTimeout(beginclip)

if (currentmessage==tickercontents.length-1) currentmessage=0

else currentmessage++

setTimeout("changetickercontent()",tickdelay)

}

}


function start_ticking(){

crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg

crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter

crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement

if (parseInt(crosstick.offsetHeight)>0)

crosstickParent.style.height=crosstick.offsetHeight+'px'

else

setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake

changetickercontent()

}


if (document.all || document.getElementById)

window.onload=start_ticking


</script>


<p align="left"> -Silahkan kunjungi kami di -

<a href="http://bloggerstuars.blogspot.com"> Shannenpio Demo </a></p>












4. Lihat hasilnya dan kemudian rubah semua yang perlu disesuaikan dengan template anda, baik ukuran, warna, nama-nama dan link yang ada.

5. Untuk yang berwarna hijau di rubah disesuaikan dengan menu yang ada di blog anda. Tickercontents dari no. 1 hingga no. 5 dan nomor selanjutnya bila anda ingin menambah bisa disesuaikan dengan pengisian yang dilakukan seperti nomor 1.

6. Kode yang berwarna kuning merupakan kode untuk warna, dellay, kecepatan dan ukuran baik lebar atau tinggi. Silahkan dilakukan perubahan untuk penyesuaian.

7. Di bawah ini juga saya sertakan variasi pengisian tickercontents, yang bisa ditambahkan secara berselang-seling nomor urutannya.


tickercontents[1]=' Pingin menu yang lengkap untuk masak tiap hari? <a href="http://bloggerstuars.blogspot.com"> Menu Masakan SSM </a> akan membantu anda menciptakan anggota keluarga merasa lebih nikmat makan di rumah '

tickercontents[2]=' Untuk melengkapi koleksi mp3 anda silahkan <a href="http://bloggerstuars.blogspot.com"> downloads mp3 </a> -disini! '

Selamat mencoba!!!

Minggu, 04 Oktober 2009

Membuat Teks Posting Mengalir ; Teks muncul berurutan

Membuat teks posting muncul secara berurutan seperti layaknya "orang mengetik" mungkin akan menjadi variasi tersendiri untuk menarik pembaca. Pada saat bersamaan dengan penerapan fungsi "Teks Mengalir" ini, sekaligus kita juga akan mengisi halaman blog kita dengan suatu "kalimat sambutan" bagi pengunjung blog, yang bisa berupa ucapan terima kasih dan ucapan selamat datang. Ini mutlak harus dilakukan karena berfungsi mendukung terwujudnya bentuk posting teks mengalir. Cara untuk melakukan proses ini sebenarnya tidak terlalu rumit, namun membutuhkan ketelitian. Monggo… Sebelum memulai membuat tampilan baru ini, saya mengucapkan " Selamat berkarya", semoga tidak ada kesulitan yang di temui serta semoga hari yang indah dan kesuksesan selalu menyertai hidup anda!!!

Langkah yang harus dilakukan :

1. Copy java script di bawah ini dan upload ke hosting anda.


/*

An object-oriented Typing Text script, to allow for multiple instances.

A script that causes any text inside any text element to be "typed out", one letter at a time. Note that any HTML tags will not be included in the typed output, to prevent them from causing problems. Tested in Firefox v1.5.0.1, Opera v8.52, Konqueror v3.5.1, and IE v6.

Browsers that do not support this script will simply see the text fully displayed from the start, including any HTML tags.


Functions defined:

TypingText(element, [interval = 100,] [cursor = "",] [finishedCallback = function(){return}]):

Create a new TypingText object around the given element. Optionally

specify a delay between characters of interval milliseconds.

cursor allows users to specify some HTML to be appended to the end of

the string whilst typing. Optionally, can also be a function which

accepts the current text as an argument. This allows the user to

create a "dynamic cursor" which changes depending on the latest character

or the current length of the string.

finishedCallback allows advanced scripters to supply a function

to be executed on finishing. The function must accept no arguments.


TypingText.run():

Run the effect.


static TypingText.runAll():

Run all TypingText-enabled objects on the page.

*/


TypingText = function(element, interval, cursor, finishedCallback) {

if((typeof document.getElementById == "undefined") (typeof element.innerHTML == "undefined")) {

this.running = true; // Never run.

return;

}

this.element = element;

this.finishedCallback = (finishedCallback ? finishedCallback : function() { return; });

this.interval = (typeof interval == "undefined" ? 100 : interval);

this.origText = this.element.innerHTML;

this.unparsedOrigText = this.origText;

this.cursor = (cursor ? cursor : "");

this.currentText = "";

this.currentChar = 0;

this.element.typingText = this;

if(this.element.id == "") this.element.id = "typingtext" + TypingText.currentIndex++;

TypingText.all.push(this);

this.running = false;

this.inTag = false;

this.tagBuffer = "";

this.inHTMLEntity = false;

this.HTMLEntityBuffer = "";

}

TypingText.all = new Array();

TypingText.currentIndex = 0;

TypingText.runAll = function() {

for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run();

}

TypingText.prototype.run = function() {

if(this.running) return;

if(typeof this.origText == "undefined") {

setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval); // We haven't finished loading yet. Have patience.

return;

}

if(this.currentText == "") this.element.innerHTML = "";

// this.origText = this.origText.replace(/<([^<])*>/, ""); // Strip HTML from text.

if(this.currentChar < this.origText.length) {

if(this.origText.charAt(this.currentChar) == "<" && !this.inTag) {

this.tagBuffer = "<";

this.inTag = true;

this.currentChar++;

this.run();

return;

} else if(this.origText.charAt(this.currentChar) == ">" && this.inTag) {

this.tagBuffer += ">";

this.inTag = false;

this.currentText += this.tagBuffer;

this.currentChar++;

this.run();

return;

} else if(this.inTag) {

this.tagBuffer += this.origText.charAt(this.currentChar);

this.currentChar++;

this.run();

return;

} else if(this.origText.charAt(this.currentChar) == "&" && !this.inHTMLEntity) {

this.HTMLEntityBuffer = "&";

this.inHTMLEntity = true;

this.currentChar++;

this.run();

return;

} else if(this.origText.charAt(this.currentChar) == ";" && this.inHTMLEntity) {

this.HTMLEntityBuffer += ";";

this.inHTMLEntity = false;

this.currentText += this.HTMLEntityBuffer;

this.currentChar++;

this.run();

return;

} else if(this.inHTMLEntity) {

this.HTMLEntityBuffer += this.origText.charAt(this.currentChar);

this.currentChar++;

this.run();

return;

} else {

this.currentText += this.origText.charAt(this.currentChar);

}

this.element.innerHTML = this.currentText;

this.element.innerHTML += (this.currentChar < this.origText.length - 1 ? (typeof this.cursor == "function" ? this.cursor(this.currentText) : this.cursor) : "");

this.currentChar++;

setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);

} else {

this.currentText = "";

this.currentChar = 0;

this.running = false;

this.finishedCallback();

}

}













2. Kode yang berwarna kuning berfungsi untuk merubah kecepatan aliran teks. Semakin kecil nilainya, maka akan semakin cepat. Begitu juga sebaliknya.

3. Java script ini setelah diupload ke hosting anda, simpan alamatnya (link javascript hasil upload). Catatan : anda bisa upload di ripway.com atau yang lain. untuk upload di ripway tutorialnya silahkan anda cari di blog ini!

4. Login ke Blogger ---> "KLIK" Tata Letak ---> "KLIK" Edit HTML

5. Amankan dulu template anda dengan "KLIK" Download Template Lengkap.

6. Letakkan kode berikut tepat di bawah ]]></b:skin>


<script language="javascript" type="text/javascript" src="alamat upload/TypingText.js">
/* edit ulang oleh harry roy "Shannenpio Demo"
bloggerstuars.blogspot.com */
</script>

7. Kalau anda anda kesulitan untuk upload silahkan menggunakan link ini sebagai alamat upload javascript (tapi bila menggunakan yang ini, anda tidak akan mungkin untuk merubah kecepatan aliran teksnya).

http://h1.ripway.com/pantekerini/TypingText.js

sehingga bentuk lengkapnya menjadi :

<script language="javascript" type="text/javascript" src="http://h1.ripway.com/pantekerini/TypingText.js">
/* edit ulang oleh harry roy "Shannenpio Demo"
bloggerstuars.blogspot.com */
</script>


8. "Klik" SIMPAN TEMPLATE/SAVE TEMPLATE.

9. Lanjutkan dengan copy paste kode di bawah dan tempatkan pada HTML/java script dengan masuk ke menu : Elemen Laman ----> HTML/Javascript.

<div id="example1"> Terima Kasih dan Selamat Datang <a href="http://bloggerstuars.blogspot.com/"> Shannenpio Demo <a>
</div>
<p id="example2"> Selamat membaca dan menikmati <b> semua yang kami sajikan </b> di dalam blog ini. </b> Semoga bermanfaat dan dapat <br /> sedikit menambah ilmu dan wawasan anda <br> Sekali lagi kami mengucapkan terimakasih!!! </p>
<script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));
//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 100, function(i){ var ar = new Array("\\", "", "/", "-"); return " " + ar[i.length % ar.length]; });
//Type out examples:
TypingText.runAll();
</script>

10. "Klik" simpan dan lihat hasil sementara terlebih dahulu!

11. Kode pada point 9 tersebut anda masukkan pada ruang posting pada saat menerbitkan posting anda. Ruang berwarna merah muda di gunakan untuk menulis artikel atau memuat posting. Ruang yang berisi kata "Terima Kasih dan Selamat Datang" digunakan sebagai ruang utama, sedang ruang yang lain silahkan digunakan untuk kata-kata tambahan.

Membuat animasi kata atau nama blog sebagai cursor

He...he...! Mungkin agak unik dan cukup menarik untuk menjadikan animasi nama blog, nama diri, nama idola, anak, binatang kesayangan dan terlebih...,nama kekasih tercinta menjadi sebuah cursor yang setiap hari kita sentuh, kita lihat dan selalu mendampingi saat ngeblog. Cursor dalam bentuk kata ini dibuat menggunakan javascript. Silahkan nanti dicopy dan pasang di blog kamu. O..., ya, untuk nama yang yang akan dituliskan sebagai cursor dan warna bisa anda ganti sesuai dengaan keinginan. Apabila lebih telaten ukuran dan variasi lainya juga bisa di rubah.

Cara membuat animasi kata menjadi sebuah cursor :

1. Login ke blogger
2. Masuk ke menu TATA LETAK
3. KLIK "ELEMEN LAMAN".
4. KLIK lagi di HTML/Javascript.
5. Langsung coba dulu kode dalam scrholl bar dengan copy paste dalam ruang HTML.
6. KLIK Simpan/Save.
7. Lihat hasilnya dengan membuka blog di browser yang lain. Bila editing dilakukan di IE, lihat hasilnya di Opera atau Firefox


<script language="JavaScript1.2">
<!--

/*edit by harry roy
Shannenpio Demo
bloggerstuars.blogspot
*/

var message='Shannenpio Demo';
var messagecolor='#f6ff01'

//Enter number of seconds for message to display (0=perpetual)

var dismissafter=0
///no need to edit below/////////

var amount=5,ypos=0,xpos=0,Ay=0,Ax=0,By=0,Bx=0,Cy=0,Cx=0,Dy=0,Dx=0,Ey=0,Ex=0;

if (document.layers){

for (i = 0; i < amount; i++)

{document.write('<layer name=ns'+i+' top=0 left=0><font face="Courier New" size=3 color='+messagecolor+'>'+message+'</font></layer>')}

window.captureEvents(Event.MOUSEMOVE);

function nsmouse(evnt){xpos = evnt.pageX;ypos = evnt.pageY;makefollow()}

}

else if (document.all){

document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");

document.write("<div id='inner' style='position:relative'>");

for (i = 0; i < amount; i++)

{document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;font-family:Courier New;font-size:16px;color:'+messagecolor+'">'+message+'</div>')}

document.write("</div>");

document.write("</div>");

function iemouse(){ypos = document.body.scrollTop + event.y;xpos = document.body.scrollLeft + event.x;makefollow()}

}

function makefollow(){

if (document.layers){

document.layers["ns0"].top=ay;document.layers["ns0"].left=ax;

document.layers["ns1"].top=by;document.layers["ns1"].left=bx;

document.layers["ns2"].top=cy;document.layers["ns2"].left=cx;

document.layers["ns3"].top=Dy;document.layers["ns3"].left=Dx;

document.layers["ns4"].top=Ey;document.layers["ns4"].left=Ex;

}

else if (document.all){

outer.all.inner.all[0].style.pixelTop=ay;outer.all.inner.all[0].style.pixelLeft=ax;

outer.all.inner.all[1].style.pixelTop=by;outer.all.inner.all[1].style.pixelLeft=bx;

outer.all.inner.all[2].style.pixelTop=cy;outer.all.inner.all[2].style.pixelLeft=cx;

outer.all.inner.all[3].style.pixelTop=Dy;outer.all.inner.all[3].style.pixelLeft=Dx;

outer.all.inner.all[4].style.pixelTop=Ey;outer.all.inner.all[4].style.pixelLeft=Ex;

}

}

function move(){

if (dismissafter!=0)

setTimeout("hidetrail()",dismissafter*1000)


if (document.layers){window.onMouseMove = nsmouse}

else if (document.all){window.document.onmousemove = iemouse}

ey = Math.round(Ey+=((ypos+20)-Ey)*2/2);ex = Math.round(Ex+=((xpos+20)-Ex)*2/2);

dy = Math.round(Dy+=(ey - Dy)*2/4);dx = Math.round(Dx+=(ex - Dx)*2/4);

cy = Math.round(Cy+=(dy - Cy)*2/6);cx = Math.round(Cx+=(dx - Cx)*2/6);

by = Math.round(By+=(cy - By)*2/8);bx = Math.round(Bx+=(cx - Bx)*2/8);

ay = Math.round(Ay+= (by - Ay)*2/10);ax = Math.round(Ax+= (bx - Ax)*2/10);

makefollow();

jumpstart=setTimeout('move()',10);

}
function hidetrail(){

if (document.all){

for (i2=0;i2<amount;i2++){

outer.all.inner.all[i2].style.visibility="hidden"

clearTimeout(jumpstart)

}

}

else if (document.layers){

for (i2=0;i2<amount;i2++){

temp="ns"+i2

document.layers[temp].visibility="hide"

clearTimeout(jumpstart)

}

}

}
window.onload=move;

//-->

</script>











8. Bila belum muncul kata "Shannenpio Demo berwarna kuning" yang mengikuti cursor, coba restart sekali lagi blog yang digunakan untuk melihat hasilnya (blog yang dibuka di browser yang berbeda tadi).

9. Setelah berhasil dengan munculnya nama Shannenpio Demo yang selalu mengikuti cursor), silahkan nama tersebut bisa anda ganti dengan nama yang menjadi pilihan kamu. Akan lebih oke lagi bila yang dituliskan nama kekasih kamu. Bayangkan kamu sebagai cursornya dan kekasihmu selalu mengikuti kemanapun kamu pergi. Ke WC sekalipun. He...he...Entar malah nggak jadi EkOk...!!!!

10. Untuk mengganti kata "Shannenpio Demo dengan warna kuning", silahkan ubah kode yang berwarna kuning. Sebelah atas untuk nama dan sebelah bawah kode warnanya.

11. Beberapa kode bisa dirubah untuk memberi tampilan yang berbeda bila kamu mau.

Selamat mencoba. Semoga berhasil!!!

Jumat, 02 Oktober 2009

Peran Wanita dalam Politik dan Pembangunan Bangsa

Sejarah tumbuh kembangnya bangsa kita bila kita runut dari sejarah terbentuknya NKRI, tidak hanya dimulai abad ke 19, tetapi jauh sebelum itu, ketika bangsa ini masih tercecer sebagai kerajaan-kerajaan yang tumbuh dan runtuh secara bergantian, peran wanita ternyata begitu besarnya. Sebelum Era RA Kartini yang menjadi pahlawan emansipasi wanita, peran yang lebih besar terukir dalam sejarah bangsa. Berdasar sejarah yang ada, pernah muncul seorang raja perempuan yang dikenal sebagai Ratu Shima di jaman yang jauh sebelum Mataram berdiri. Kemudian pada masa perjuangan melawan penjajah Belanda, bertempur dengan tegar dan gagah berani seorang pahlawan bangsa. Cut Nya Dien!!! Barulah RA Kartini berjuang untuk bangsa demi peran wanita untuk dapat berdiri sejajar dengan para pria dalam peran membangun kemajuan bangsa dan negara. Bukan berjuang dalam medan tempur yang penuh desingan peluru, melainkan berjuang untuk harkat dan martabat kaum wanita.

Bagaimana dengan gereget wanita Indonesia pada masa sekarang ini? Wanita Indonesia perlu memberikan jawaban yang kongkrit dengan suatu wujud yang nyata dalam memberi kontribusi terhadap maju mundurnya bangsa dan negara. Bukankah selama ini sudah banyak para wanita yang berperan aktif dalam politik, ekonomi, sosial, budaya dan Hankam ? Itu adalah jawaban klasik yang menjadi andalan siapapaun. Mereka tidak pernah melihat sampai seberapa besarkah peran wanita terutama bila diperhitungkan dari prosentase yang aktif terlibat di dalamnya. Termasuk bidang bisnis dan beberapa yang lain seperti bidang politik. Bukankah wanita Indonesia jumlahnya lebih dari pria ?

Kalau kita secara obyektif melihat dan membuktikan di lapangan, ternyata peran wanita masih sangat kecil sekali dalam perkembangan bangsa ini. Mereka lebih banyak berperan dalam bidang-bidang yang kecil dan sederhana. Meskipun kita tidak boleh memandang remeh terhadap hal tersebut. Misalnya hanya sebagai ibu rumah tangga, TKI, pembantu rumah tangga dan buruh-buruh di pabrik. Seharusnya kalau bangsa ini tidak luluh lantak dari segala lini pembangunan di masa ORDE BARU, peran wanita akan jauh lebih besar dari masa sekarang ini.

Satu contoh besar yang terjadi. Bidang politik adalah satu media atau sarana dan tempat terdepan dalam memberi pengaruh bagi maju dan mundurnya bangsa. mengapa bisa demikian? Politik adalah suatu cara untuk menguasai yang dilakukan oleh sekelompok orang. Banyak hal yang mampu dikuasai atau menjadi target politik. Satu yang terbesar adalah menguasai pemerintahan Negara Republik Indonesia. Seberapa besar peranan mereka? Mungkin kalau dilihat dari beberapa wanita yang terlibat dalam geliat politik di tingkat elit (Nasional) terlihat cukup banyak, tetapi kalau kita mau turun sampai ke akar rumput, ternyata kondisinya amat menyedihkan sekali. Betapa tidak! Hanya beberapa gelintir wanita yang mau dan sadar utnuk terlibat dalam pergolakan politik. Sebagian terbesar hanya terlibat karena dibutuhkan sebagai pelengkap dalam organisasi politik. Contoh yang nyata adalah dalam PEMILU Legislatif yang lalu. Masih banyak partai yang tidak mampu memenuhi 30 % kuota wanita. Bahkan partai besar sekalipun ada yang tidak mampu untuk merekrut apalagi menggeret para wanita untuk mencalonkan diri sebagai bakal calon. Bukan salah partainya, tetapi...................... Berlanjut

Membuat dan memasang icon Address Bar

Pingin wajah kamu mejeng sebagai ikon di sebelah alamat web/blog kamu. Atau mungkin ingin menggunakan gambar favorit kamu untuk di tampilkan di sana. O..., ya... lebih trendy lagi bila ada file gambar dalam bentuk GIF yang bisa bergerak ditampilkan untuk mewakili identitas blog kamu yang terpasang. Dengan cara praktis, cepat dan proses yang sederhana, yang akan selesai hanya dalam hitungan menit, maka tampilan icon address bar akan berubah sesuai keinginan kamu. So..,Gimana langkahnya?!


Inilah urutan langkah yang harus dilakukan :

1. Pilih gambar untuk icon.

Ketentuan gambar :
- bentuk file : gif, jpg atau png atau yang lain.
- Ukuran gambar : maksimal 100 pixel X 100 pixel,
- gambar animasi atau gambar statis/biasa.

2. Cara membuat gambar ukuran icon :
- gunakan software yang sesuai: Adobe, Corel, GIF Rezizer, Irfan View atau yang lain.

3. Apabila mengalami kesulitan untuk mengecilkan gambar, minta tolonglah pada Favikon Generator.

Caranya :

- Masuk ke http://www.favicongenerator.com
- Upload gambar terpilih,
- Download kembali setelah selesai diperkecil oleh Favikon Generator.

4. Upload gambar yang sudah diperkecil ke image hosting (Photo Bucket atau yang lain)

5. Copy paste alamat/URL gambar hasil upload.

6. Masukkan link calon gambar icon seperti di bawah ini:

<link href="http://i36.tinypic.com/alrbif.gif" rel="shortcut icon"/>

Kode yang berwarna kuning diganti dengan URL calon icon baru milik anda.

7. Login-----> masuk ke Tata Letak ----> 'klik' Edit HTML

8. Letakkan kode lengkap address bar icon persis di atas </head>

9. Simpan Template dan kemudian lihat hasilnya.

Jika langkah tidak ada yang keliru, maka icon lama akan hilang dan yang muncul adalah icon baru yang membuat tampilan blog bertambah keren.