Domain Gratis Dengan Cara Gampang Dan Mudah

Pada kesempatan kali karya anak qidoel akan membagikan website nya pake domain .com,.net,.us,& dll secara geratris caranya gampang kok cuma daftar kesini



http://www.freedomainsbox.com/signup.php?rid=a000



disitu sistem Invite, walaupun kalian mencoba dengan 5 browser yg berbeda gk akan bisa..karena mereka tidak bodoh..setiap new user mereka akan ngecek IP..

tutorialnya.

  • Sign Up dari link diatas atau login(bagi yg punya dah)

  • klik Refer other people...disitu kan diberi Link invite...trus sebarkan ke Facebook,Blogger,ato forum..

  • kalau pointnya sdh 7....klick Request FREE domain name...trus itu tempat kita Req Domain..

  • macam2 Domain dgn Pointnya:.com = 7 point

          .net = 7 point

          .info= 10 Point

          .org = 7 point

          .biz = 7 point

          .us = 7 Point

          .cn = 14 point

          .mobi= 10 point

          .name= 7 point

  • dan sukses......

Semoga artikel ini bermanfaat buat anda ............Cukup sekian...
READ MORE - Domain Gratis Dengan Cara Gampang Dan Mudah

Membuat Avatar Secara Online Dengan 20 Situs

Kali ini Karya Anak Qidoel akan membuat postingan yang lebih menarik dan unik untuk anda yang ingin gunakan avatar online ini secara gratis. Sesuai dengan judul diatas kalian akan saya berikan 20 situs membuat kartun, icon maupun avatar secara Online dan Gratis, Kalian bisa pajang di blog, facebook, freindster, maupun di ponsel gengam kalian.. Mau



1. Tizme

     Menurut saya situs inilah yang paling cool avatar nya...









2. Potrait Ilustrasion Maker

    Layanan membuat icon secara online







3. Tektek

    Dapat Membuat avatar Naruto dan animasi lainnya..







4. Simpsonize Me

     Membuat Karakter Simpson sesuai dengan Foto kalian







5. WeeWorld

     Membuat karakter seperti di games WeeMee…







6. South Park Studio

    Situs avatar ini dibuat untuk Fans South Park







7. MessDudes

     Avatar Versi Cartoon Amerika..







8. Meez

     Avatar seperti game The Sim







9. Osoq

     Karikatur dengan wajah yang Sama….







10. Miniego

       Tool dan model Terlengkap membuat kartun..







11. Cartoon me

       Tinggal Upload foto kamu ..Avatar kamu sudah Muncul ( berbayar )







12. BeFunky

      Ini juga mantaf klik disini untuk panduannya..







13. Buscar Messenger

      Membuat Icon Kepala yang unik…







14. Joystiq Mii Characters

      Avatar yang diambail dari Mii Characters







15. Turn Your Name Into a Face

       Icon bergaya game Jadul…







16. DoppelMe

       Sangat dynamic bila di pajang di blog..







17. FaceOnYourManga

       Membuat Mangatar atau komik Manga…







18. Moonjee

      Virtual Makeover atau mempermak wajah…







19. YahooAvatars

        Membuat Avatar yang diambil dari YahooAvatars







20. My Play

      Situs Membuat Avatar Funky..dari Taiwan







Mungkin sampai disini dulu postingan kali ini semoga kalian menikmati avatar online secara geratis dan bila ada yang tidak mengerti silahkan tinggalkan komentarnya .....!!!!
READ MORE - Membuat Avatar Secara Online Dengan 20 Situs

Cara Membuat Obrolan Facebook Berada di Blog

Assalamuallaikum wr.wb.

Ok pada kesempatan kali ini karya anak kidoel akan memposting tentang cara membuat Obrolan Facebook Berada di Blog dan hasilnya seperti contoh di bawah ini.....




Maaf sebelumnya bila ada kesalahan dalam memposting artikel ini bila ada keganjelan dalam melakukannya silahkan anda komentar di bawahnya dan insya allah karya anak kidoel akan membantu sebisa dan sebaik mungkin untuk kenyamanan anda


ok mungkin kita langsung saja melakukannya, silahkan anda ikuti langkah - langkahnya di bawah ini
1. yang pertama anda silahkan kunjungi situs disini
2. kemudian akan tampak gambar seperti ini



3. kemudian klik Get It Now maka anda akan di bawa ke halaman seperti ini



4. kemudian kamu isikan data - datanya kemudian klik Continue
5. Nah Sekarang kamu isikan data seperti di bawah ini



site name : nama judul web/blog kamu
site url : alamat website kamu ( seperti http://ucu-syarief.blogspot.com)


6. kemudian anda klik seperti gambar di bawah ini



7. tenang sebentar lagi juga selesai ok sekarang anda akan di bawa ke halaman seperti ini



8. kemudian and klik I have a Blogger blog hosted on Blogger.com
9. kemudian anda klik add meebo bar javascript
10 kemudian klik menambah widget
11. Nah sekarang tinggal langkah yang terakhir anda tinggal lihat hasilnya di bawah....


Mungkin cukup sampai di sini dulu pembahasannya bila ada kesalahan mohon komennya supaya saya bisa memperbaiki kesalahannya makasih....
Wassallamualaikum wr.wb



-------------------"" @ "" ----------------------



READ MORE - Cara Membuat Obrolan Facebook Berada di Blog

Cara Membuat Tulisan Berjalan Di Blog

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan soplur bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

Berikut cara pembuatan text berjalan di blog :



  1. Login ke Blogger

  2. Kemudian klik Tata Letak dan Elemen Halaman

  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget

  4. Lalu pilih HTML/JavaScript

  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri



kode :

hasil :



Karya Anank Kidoel







2. Teks berjalan dari kiri ke kanan




kode :

hasil :



Karya Anank Kidoel





3. Teks berjalan bolak balik




kode :

hasil :



Karya Anank Kidoel







4. Teks berjalan dari atas ke bawah




kode :

hasil :



Karya Anank Kidoel







5. Teks berjalan dari bawah ke atas




kode :

hasil :



Karya Anank Kidoel







6. Teks berjalan mondar-mandir




kode :

hasil :



Karya Anank Kidoel







7. Teks berjalan zig-zag nembus




kode :

hasil :



















Karya Anank Kidoel








8. Teks berjalan zig-zag mantul




kode :

hasil :























Karya Anank Kidoel


Langkah Selanjutnya adalah mengganti tulisan

Karya Anank Kidoel
dengan tulisan atau kata-kata yang anda inginkan.



Keterangan :

# direction="left/right/up/down" --> Mengatur arah gerakan teks.



# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.



# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :

  • Scroll --> teks bergerak berputar

  • Slide --> teks bergerak sekali lalu berhenti

  • Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)



# Fungsi dari :















.............
adalah agar tulisan tersebut selalu berada di tengah.



READ MORE - Cara Membuat Tulisan Berjalan Di Blog

Cara Membuat zFPmenu

       Assalamuallaikum Wr. Wb. Sebelumnya karya anak kidoel mohon maaf bila ada kesalahan dalam penulisan artikel ini. kali ini karya anak kidoel akan memberikan sedikit tips yang mungkin sudah ngga asing lagi bagi kalian dan ini juga sekedar iseng aja untuk mengisi waktu yang kosong dari pada manyun atau ngelamun yang bahasa gaulnya teh menghayal heheheh.


       Baiklah mungkin karya anak kidoel tidak akan panjang lebar untuk menulis posting ini. Ok kali ini karya anak kidoel akan membahas tentang cara membuat zFPmenu atau bisa anda lihat di bawah ini ...




Ok langsung saja kamu ikuti langkah langkahnya di bawah ini

1. Silahkan anda Log In dulu ke blog anda

2. kemudian anda klik Rancangan >> Edit HTML

3. Kemudian alangkah baiknya anda klik dulu Download Template Lengkap itu hanya untuk menjaga saja takutnya ada kesalahan yang tak anda inginkan

4. kemudian anda cari kode ini </body>

5. Kalau sudah ketemua silahkan anda copy code di bawah ini tepat di atas code </body>



<!-- zFPmenu START -->

<div id="zfpm_div" style="display:none;">

<div id="zfpm_upperBox">

Place ads, text message, or anything here.

</div>

<ul id="zfpm_ul">

<!-- Your menus start -->

<li><a href="">YOUR MENU-1</a></li>

<li class="dir"><a href="">YOUR MENU 2 (containing submenu)</a>

<ul>

<li class="dir"><a href="">YOUR SUBMENU 2.1 (containing sub-submenu)</a>

<ul>

<li><a href="">YOUR SUB-SUBMENU 2.1.1</a></li>

<li><a href="">YOUR SUB-SUBMENU 2.1.2</a></li>

</ul>

</li>

<li><a href="">YOUR SUBMENU 2.2</a></li>

<li><a href="">YOUR SUBMENU 2.3</a></li>

</ul>

</li>

<li><a href="">YOUR MENU 3</a></li>


<!-- Your menus end -->

</ul></div>

<script type="text/javascript">

var zfpm_colorTheme = 'light'

var zfpm_shareBox = 'no';

</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>

<!-- zFPmenu END -->


6. kalau sudah menaruhnya silahkan anda edit dan rubah kata - katanya sesuai keinginan anda sendiri  



keterangan :
Menu 

Ganti menu dengan menu sendiri. Tempat class = "dir" atribut dalam tag li di mana Anda ingin menambahkan submenu.




Mengatur / Variabel

Anda dapat mengubah warna tema dan berbagi pengaturan tombol visibilitas.

var zfpm_colorTheme = 'light';

Mengatur warna tema untuk menu widget.

Valid input: 'light' or 'dark'

var zfpm_shareBox = 'no'

Show the Twitter ‘Retweet’, Facebook ‘Share’, and Facebook ‘Like’ buttons (using LinksAlpha’s widget) or not.

Valid input: 'yes' or 'no'


Daftar Variabel Lengkap

  • var zfpm_colorTheme = 'light'; valid input: 'dark' or 'light'.

  • var zfpm_customBackgroundImage = ''; valid input: full URL of an image.

  • var zfpm_customBackgroundColor = ''; valid input: example: '#999999'.

  • var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.

  • var zfpm_shareBoxPosition = 'right'; valid input: 'left' or 'right'.

  • var zfpm_shareBoxCustomWidth = ''; valid input: example: '300'.

  • var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' or 'no'.

Upper Box

Anda juga dapat menempatkan pesan teks, iklan, atau apa pun yang Anda suka di kotak div dengan zfpm_upperBox ID (diatas menu).




Peringatan

Script ini tidak desain untuk Internet Explorer 6 browser.

Sebaliknya, jika Anda menambahkan variabel zfpm_ieUpgradeMessage var = 'ya ', untuk script, ia akan menampilkan pesan pemberitahuan upgrade di bagian atas halaman (lihat screenshot di sini) untuk IE 6 pengguna.
7. Jika sudah selesai silahkan anda klik Pratinjau dulu kalau sudah memenuhi standar dengan apa yang kamu inginkan silahkan anda klik Simpan Template
READ MORE - Cara Membuat zFPmenu

Panduan Cara Membuat Cursor Bertabur Bintang Cinta

Hey sobat bloger akhirnya kita ketemu lagi masih bareng sama KArya Anak Kidoel.ok mungkin aku sudak ketinggalan Yang lain pada buat cursor bertabur bintang, eh .... ikutan juga! Ha .... Nggak apa-apa, ya? Emang nggak boleh, he ... Biar saja ..., yang lain khan cuma bertabur bintang! Iya, nggak?! Kalau yang ini lain! Lihat saja tuh judulnya! Masih ada ekornya, khan?! Lha, itu ... Cinta itu khan ikutan judul juga. Emang nggak di anggap belakangnya. Hu ... kasihan, dong! He .. eh ... Yang ini lain, kok. Emang nggak sekedar bertabur bintang si cursor animasi ini. Dia sesungguhnya bertabur cinta beneran. Jadi kalau cursor di gerakkan maka bunga-bunga cinta sampeyan akan bertaburan, berserakan sepanjang jalan. Ya ... sampeyan khan play boy, toh?! Atau play girl?! Tuh, lhoh yang suka gonta-ganti pacar. Yang sukanya sabet sana-sabet sini tuh, lhoh! He ... he ... Jangan marah, ya? Gini, lhoh. Cursor ini dibentuk menggunakan javascript yang di dalamnya didesain untuk membuat sebuah taburan cinta dengan jumlah yang bisa di atur juga. Bunga-bunga cinta ini ketika mulai berjatuhan, maka dia akan berubah menjadi semacam kotak-kotak dengan ukuran yang lebih besar dari bunga cinta itu sendiri. Ketika kotak-kotak itu semakin turun, maka diapun akan berubah lagi menjadi bentuk titik-titik yang jauh lebih kecil lagi. Seremnya kalau cursor ini digerakkan menyamping ke kanan dan ke kiri. Dia akan terlihat menjatuhkan bunga-bunga cinta (waru abang kui, lho!), kemudian seakan-akan dia dikejar-kejar oleh naga yang ganas yang mengikuti kemanapun dia pergi. Hayo .... Serem, nggak?! Mau buat? Yo, ikuti cara membuatnya. Gampang, wis. Teplak-teplek langsung jadi! He ....

Cara membuat cursor animasi bertabur bintang cinta :
  1. Login to BloGGeR.

  2. Layout/Tata Letak.

  3. Edit HTML.

  4. Cari kode :</body> --> Letaknya di ujung terbawah.

  5. Copy-Paste : Copy kode berikut dan simpan di atas tag penutup body di atas.

  6. SAVE/Simpan.

  7. Buka blog untuk membuka hasilnya.



<script src="http://stashbox.org/928295/bgsGRredLOVE_StarsCursor.txt"></script>


Photobucket
READ MORE - Panduan Cara Membuat Cursor Bertabur Bintang Cinta

Membuat Tanda Tangan di Blog

Menampilkan ciri khas atau identitas diri bisa menggunakan berbagai cara. Selain nama blog, favicon di address bar dan seabreg cara dan ciri khas lain, sebuah tanda tangan, selain membuat ciri khas super khusus dan pasti berbeda dengan yang lain, dia juga mampu ditampilkan sebagai alat untuk mempermanis gaya atau style blog.



Membuat sebuah tanda tangan selain bisa dilakukan sendiri dengan membuatnya menggunakan berbagai software seperti Adobe Photoshop, Corell Draw dan yang lain, bisa juga dibuat dengan memanfaatkan situs pemberi layanan gratis membuat tanda tangan. Berbagai gaya dan variasi tanda tangan bisa kita ciptakan dengan cara yang sangat mudah. Cara ini merupakan yang paling gampang dan bisa dilakukan semua blogger tanpa kecuali. Keahlian menggunakan software pembuat gambar tak diperlukan lagi dan yang jelas waktu membuatnyapun amat singkat. Mau coba?



Silahkan klik link di bawah ini dan sampeyan dapat segera mempunyai tanda tangan yang bisa diletakkan diberbagai sudut blog. He ... he ... semua sudut mo dipenuhi boleh juga ~! Ha ... biar ramai kaya' pasar malam!!!







Langkah Pembuatan Tanda Tangan


  • Setelah klik link di atas maka sampeyan akan melihat halaman mylivesignature.com. Cari dan klik link Proceed yang terdapat di sebelah kiri tengah halaman.

  • KLIK Using the signature creation wizard.

  • Tuliskan Teks yang akan dibuat menjadi sebuah tanda tangan, kemudian KLIK button Next Step

  • Tunggu hingga berbagai bentuk tanda tangan terlihat. Jika belum ada yang cocok bisa pilih berbagai jenis huruf yang tersedia dengan klik pilihan yang disediakan melalui button yang ada. Setelah ada satu pilihan yang paling pas dan cocok dengan selera, berikan tanda kemudian KLIK button Next Step.

  • Pilih ukuran yang tepat dan kembali KLIK button Next Step.

  • KLIK pada kode warna untuk merubah background color (Click to change the background color) atau bisa memilih transparent dengan memberi tanda (klik) pada pilihan background transparan.

  • KLIK pada text color (Click to change the the text color) untuk memilih warna tanda tangan.

  • KLIK button Next Step.

  • Pilih sudut kemiringan tanda tangan dan lanjutkan kembali dengan KLIK button Next Step.

  • Pada langkah ini bisa dilakukan klik kanan pada gambar kemudian "SAVE image" selanjutnya upload di image hosting. Sampeyan bisa juga klik Want to download this signature? kemudian setelah URL tanda tangan dicopy langsung upload di image hosting. Atau klik Want to use this signature? kemudian klik Generate HTML code dan lanjutkan kembali dengan klik Generate a code for my handwritten signature.

  • Ambil dengan copy kode HTML yang tersedia dalam box.

     

  • Contoh Kode HTML:



    <a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54488/383/C9D62899FC43CCD15F6560899A516E00.png" style="border: 0 !important; background: transparent;"/></a>



Jika tanda tangan diupload sendiri di file hosting, gunakan URLnya dalam sebuah tag image seperti di bawah ini:



<img src="URL tanda tangan" width="..." height="..." style="border:none;" />






Photobucket
READ MORE - Membuat Tanda Tangan di Blog

Cara Membuat Show-Hidden atau Expand-Colapse di Widget Blog

Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.
READ MORE - Cara Membuat Show-Hidden atau Expand-Colapse di Widget Blog

Cara Menghilangkan Powered By Google/Didukung Oleh Google Di Search Custom

Agar yang lain tau cara menghilangkan Powered By Google atau Didukung Oleh Google bahasa indonesia-nya.

Biasa-nya sponsor ini berada di bawah mesin pencari custom/kustom atau mesin pencari melalui gadget.



Berikut ini cara menghilangkanya :

  • Login di Blogger.com

  • Rancangan/Design

  • Edit Html

  • Kemudian cari kode seperti ini ]]></b:skin> jika sudah ketemu kemudian letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

.gsc-branding-text, .gsc-branding-img-noclear,.gsc-branding-img {

display:none;

}


Jangan lupa disimpan template anda dan lihat hasilnya. Semoga bermanfaat...







Photobucket
READ MORE - Cara Menghilangkan Powered By Google/Didukung Oleh Google Di Search Custom

Membuat Gambar Di Pojok Kanan, Kiri, Atas Bawah Template Anda

Buat anda yang suka memajang foto anda di blog enggak ada salahnya anda coba trik kali ini.

Mau menerapkannya di blog? Silahkan ikuti langkah berikut ini,



Pertama
buatlah gambar dengan ukuran 125x125 (ukuran gambar bisa anda sesuaikan dengan template anda) kalau gambar sudah siap kemudian upload lah gambar yang anda buat tersebut, pingin tau tempat hosting gambar gratis baca juga 6 tempat hosting gambar gratis jika gambar sudah di ambil alamat url gambar anda, simpan dulu di notepad atau wordpad biarkan dulu sekarang kembali lagi ke blogger



  • Login di Blogger

  • Design/Rancangan

  • Edit Html

  • kemudian cari kode seperti ini : ]]</b:skin> kemudian kode di bawah ini tepat di atas kode ]]</b:skin>



#rdl_image{

position:fixed;

_position:absolute;

bottom:5px;

left:5px;

clip:inherit;

_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);

_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);

}


Kemudian cari lagi kode seperti ini <body> copy paste lagi kode di bawah ini tepat di bawah kode <body>



<div id='rdl_image'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjHWaqINcySlUwdLRmOWwTKn84_L9N-_PRrLDyGCxLmoxxSYjQhTZLesGycp6IzBcCV80t6BrhynvL-rS0W7lKWoA3qeOJh0NNedFPNqH5FjuOAOFH0ZNL4Y41cU_uBbOILYQEEgGuf0Q/'/>
</div>


Yang berwarna merah silahkan anda ganti dengan alamat/url gambar anda. Kemudian simpan template anda.



Untuk mengatur template posisi gambar anda bisa mengedit-nya, coba anda perhatikan yang berwarna biru di bawah ini



#rdl_image{

position:fixed;

_position:absolute;

bottom:5px;

left:5px;


clip:inherit;

_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);

_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);

}


nah yang berwarna biru itu adalah posisi gambar anda bisa menggantinya menjadi kanan bawah atau atas bawah.



Untuk pojok kanan atas kodenya seperti ini :



top:5px;
right:5px;


Untuk pojok kanan bawah :



bottom:5px;
right:5px;


Pojok kiri bawah :



bottom:5px;
left:5px;


Pojok kiri atas :



top:5px;
left:5px;


Selamat mencoba n semoga bermanfaat...





Photobucket
READ MORE - Membuat Gambar Di Pojok Kanan, Kiri, Atas Bawah Template Anda

Link Bergerak Saat Disorot Mouse

Link Bergerak Saat Disorot Mouse – Setelah dulu gw nulis tentang cara membuat efek link warna pelangi, kali ini gw mau coba share satu cara lain yang bisa kita gunain buat modifikasi link. Cara ini lumayan seru lah, sebab link yang kita buat nanti bisa bergerak kalo disorot oleh mouse.



Sebagai contohnya anda bisa lihat di bawah ini coba mous anda arahkan ke teks ini.....!!!!!



Contoh 01



Kita mulai ea !!







Langkah pertama:



1. Login dulu ke blogger.com



2. Pilih menu “Design



3. Klik “Edit HTML



4. Cari kode </head>



5. Copy/paste kode dibawah ini tepat setelah kode </head>









<script src='http://agungxzeg.googlecode.com/files/dynamiclink.js' type='text/javascript'/>



<script type='text/javascript'>



$(document).ready(function() {



$('a.nudge').hover(function() { //mouse in



$(this).animate({ paddingLeft: '5px' },400);



}, function() { //mouse out



$(this).animate({ paddingLeft: 0 }, 400);





});



});



</script>




6. Klik “Save Template







Langkah kedua:



Dalam pembuatan link nanti, tambahkan kode class="nudge"







Contoh link dengan teks:









<a href="url tujuan" class="nudge">teks yang akan dijadikan link</a>




Contoh link dengan gambar:







<a href="url tujuan" class="nudge"><img src="url gambar"></a>




Keterangan:





1. Silahkan ubah contoh link di atas sesuai kebutuhan



2. Teks yang berwarna hijau adalah jarak bergerak link, silahkan di ubah sesuai selera









Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------
READ MORE - Link Bergerak Saat Disorot Mouse

Font Berubah Saat Disorot Mouse



Sebelumnya saya mengucapkan terima kasih kepada teman-teman blogger yang telah berkunjung ke blog saya. Pada postingan ini saya akan mencoba menjawab salah satu pertanyaan sahabat blogger saya :



"kang bagimana caranya merubah font ketika disentuh oleh mouse berganti bentuk.tak tunggu jawabannya"




Sebenarnya cara ini sama dengan cara memperbesar link yang telah saya jelaskan pada artikel saya sebelumnya.



Hanya saja cara ada perbedaan sedikit kode yang ditambahkan. Berikut tahap-tahapnya:



1. Login Ke blogger kalian

2. Pilih Rancangan

3. Pilih Edit HTML ( biasakan untuk mencentang pada box expand widget template )

4. coba kalian cari kode berikut :


a:link {

color:#333;

text-decoration:none;

font-family:'verdana';

}



a:hover {

color:#777;

text-decoration:underline;

}




Keterangan :

== Kode diatas mungkin tidak selalu mirip pada setiap template tapi intinya sama

== a:link berarti keadaan link saat normal

== a:hover berarti keadaan link saat disorot mouse



jadi intinya jika kita ingin huruf/font berubah saat disorot mouse, kalian tinggal menambahkan kode berikut pada css a:hover



font-family:'JENIS HURUF KALIAN';




Sebagai contoh hasilnya seperti ini :



a:link {

color:#333;

text-decoration:none;

font-family:'verdana';

}



a:hover {

color:#777;

text-decoration:underline;

font-family:'Kristen ITC';

}


Kode diatas berarti saat dalam keadaan normal jenis huruf adalah 'verdana' tapi ketika disorot mouse jenis huruf berganti menjadi 'kristen ITC'. kalian bisa menggantinya dengan huruf yang kalian inginkan.


KESIMPULAN :



sebenarnya jika kita ingin merubah baik itu huruf, warna, ukuran dan yang lainnya saat disorot mouse, kalian harus fokus pada setiap kode yang bertuliskan HOVER, contohnya seperti ini :



untuk gambar biasanya kodenya img hover { ...

untuk huruf biasanya kodenya a:hover {

dan seterusnya ....



Dalam kode tersebutlah kalian menambahkan atau mengganti kode yang akan dirubah saat di sorot mouse.

Pokoknya sekali lagi saya sarankan kalian fokus pada setiap kata HOVER.



Selamat mencoba dan semoga bermanfaat





Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------
READ MORE - Font Berubah Saat Disorot Mouse

Link membesar saat disorot mouse



Ok sob... pada tulisan kali ini saya akan berbagi hal kecil tapi bermanfaat. kita tahu bahwa hampir di setiap blog jika mouse kita sorot ke link itu paling cuma ada garis bawah atau yang lainnya. nah kali ini saya akan menjelaskan gimana caranya membuat link itu membesar dan warnanya berubah... penasaran kan ?

pertama kalian harus punya blog dulu ( WAJIB ), kemudian login dech ke blognya...

tahap - tahap yang harus di lakukan setelah login :



1. Pilih Rancangan

2. Pilih Edit HTML ( biasakan untuk mencentang pada box expand widget template )

3. coba kalian cari kode berikut a:link kalo sudah ketemu silahkan ganti dengan kode di bawah ini:



a:link

{

color:#0000ff;

font-size:10px;

cursor:default;

}



4. belum selesai sampai disitu, sekarang kalian cari kode a:hover, lalu ganti dengan kode ini :



a:hover

{

color:#d2691e;

font-size:19px;

font-style:italic;

cursor:wait;

}



kETERANGAN :

== warna biru menunjukkan warna link

== warna merah menunjukkan ukuran

== warna cokelat menunjukkan font miring ketika link disorot

== warna hijau menunjukkan style mouse pointer, Kamu bisa modif menjadi hand, crosshair, wait, move, text, help dll sesuai dengan pilihanmu.



Jika kalian bingung dengan Kode warna HTML nya bisa dilihat disini



jangan lupa SIMPAN TEMPLATE... lihat dech hasilnya.





Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------
READ MORE - Link membesar saat disorot mouse

Cara Pasang dan Hapus Widget Blog di Blogspot

Tutorial Cara Pasang dan Hapus Widget Blog di Blogspot Mungkin tutorial ini bagi sebagian blogger khususnya yang sudah terbiasa dan professional dianggap tidak penting, tetapi bagi sahabat blogger yang baru belajar buat blog, tutorial ini dapat dijadikan panduan ketika memasang/menambah dan menghapus widget di blog mereka.



Baiklah sahabat blogger, terlebih dahulu kita akan bahas Cara Menambah/Pasang Widget di Sidebar Blogspot, sebagai berikut:
  1. Login dahulu ke account Blogspot Anda, selanjutnya akan tampil halaman seperti pada gambar di bawah ini:

  2. Klik Rancangan/Design, lalu akan tampil halaman berikutnya seperti pada gambar di bawah ini:

  3. Klik Tambah/Add Gadget, kemudian tampil lagi halaman baru seperti pada gambar di bawah ini:

  4. Cari dan pilih HTML/JavaScript, lalu akan terbuka halaman baru seperti pada gambar di bawah ini:

  5. Tulis Judul (wajib) pada kotak Judul/Title, lalu masukkan teks/kode yang ingin tampil di sidebar blog Anda ke dalam kotak Konten/Content. Jika Anda tidak ingin judul widget muncul di sidebar blog Anda,

  6. Klik Simpan/Save, selesai.

  7. Setelah selesai, apabila Anda ingin mengatur posisi widget berada pada tempat yang Anda inginkan, letakkan crusor mouse pada kotak judul widget lalu tekan dan geser ke posisi yang Anda inginkan, kemudian klik tulisan Simpan/Save yang terletak di pojok kiri atas pada halaman tersebut.

Adapun Cara Menghapus Widget di Sidebar Blogspot adalah sebagai berikut:
  1. Seperti biasa Login ke Blogspot, lalu klik Rancangan/Design dan setelah muncul halaman seperti gambar di bawah ini:

  2. Cari judul widget yang akan dihapus, lalu klik pada tulisan Edit dan akan terbuka halaman baru seperti contoh gambar di bawah ini:

  3. Selanjut klik pada tulisan Hapus/Delete;

  4. Klik OK, selesai.

Demikianlah tutorial sederhana tentang Cara Pasang dan Hapus Widget Blog di Blogspot ini, semoga bermanfaat.










= = = = = => Selamat Berkreasi, Semoga Sukses!!! <= = =  = = =






Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------
READ MORE - Cara Pasang dan Hapus Widget Blog di Blogspot

Membuat Autorun Sendiri dan membuat Tampilan Menunya

#1 Untuk CD/DVD
automenu.jpgKetika kita membuat sebuah CD untuk orang lain, kadang kita ingin ketika orang tersebut memasukkan CD maka muncullah tulisan yang perlu dibaca dahulu atau ada sebuah aplikasi yang berjalan secara otomatis beberapa saat begitu CD dimasukkan. Nah, ketika itulah kita perlu membuat CD yang mempunyai autorun.
berhasil).
Ok, sekarang, bagaimana caranya? Hehehe gampaang… sediakan contoh CD yang sudah ada autorunnya seperti CD bonus majalah atau CD interaktif apapun. Pertama-tama coba kita pelajari apa yang ada di CD yang ada autorunnya tetapi tidak di CD biasa, Anda lihat? ya benar! itu dia, sebuah file bernama ‘autorun’ yang berekstensi ‘inf’. Nah sekarang kita lihat-lihat isinya… coba double klik. Adapun cara membuat file autorun.inf adalah sebagai berikut:

1. Membuat File Autorun.inf
- buka notepad
- ketik:
[autorun]
open=namaFile.exeYangMauDiJalankanOtomatisPadaCDnya
icon=namaFileIkon.icoYangMauDijadikanIkonPadaCDTersebut
contoh:
[autorun]
open=mySalman.exe
icon=mySalman.exe
- klik save as
- pilih ‘save as type’-nya all files (jangan text!) kemudian beri nama autorun.inf (namanya harus autorun + ekstensinya harus inf)
- copy-kan file autorun.inf ke CD tersebut


auto.jpg
perhatian:
  • cara lain membuatnya adalah dengan kopipes+edit 

  • file autorun.inf harus berada di root utama CD tersebut, sedangkan file .exe yg diautorun boleh setara dengannya atau di folder bawahnya 

  • aturan penulisan di Windows tidak case sensitive 

  • file yang bisa berjalan otomatis pada autorun hanya file application (*.exe, *.bat, *.com, *.hta, dsb) sedangkan untuk file-file lain tidak, tetapi ada cara meng’akali’nya yaitu dengan membuat aplikasi yang membuka file lain secara otomatis berikut caranya:

2. Membuat Autorun File Selain Application
- buka notepad
- ketik:
start namaFileYgMauDibuka.xxx
contoh:
start sebuahFolderDalamCDKlik!Salman.pdf
- klik save as
- pilih ‘save as type’-nya all files (jangan text!) kemudian beri nama kemudian beri ekstensi .bat
- copy-kan file .bat ke CD tersebut
- jangan lupa pada autorun.inf yang di-open adalah file .bat tersebut




bat.jpg


3. Membuat Menu Autorun
Misalkan kita ingin memberikan pilihan kepada User yang memasukkan CD kita —apakah mau membaca readme, menjalankan aplikasi, atau browse isi CD— maka kita perlu membuat sebuah menu autorun yang berisi pilihan-pilihan tersebut. Kita dapat membuatnya dengan beberapa cara yaitu menggunakan software khusus pembuat autorun, misalnya autoplay menu builder, demoshield, dsb. ini adalah cara paling mudah. Atau bisa juga kita buat aplikasi sendiri dengan membuat program console maupun dengan tampilan visual. 

Karena Saya terbiasa menggunakan Flash maka Saya lebih senang membuat aplikasi menu autorun dengan menggunakan Flash (selain juga karena mudah membuatnya dan mengkastemaiznya).

fles.jpg


ActionScript penting yang digunakan kali ini adalah fscommand (“exec”,”namafile.bat”) untuk menjalankan file .bat yang telah kita isikan script yg sebelumnya dan getURL(““) untuk meng-explore isi CD kita. Penjelasannya adalah sebagai berikut:

fscommand(command:String, parameters:String) : Void
untuk menjalankan aplikasi kita bisa memakai command ‘exec’ yang mempunyai parameter berupa path dari aplikasi dan mempunyai kegunaan untuk mengeksekusi sebuah aplikasi. Perintah exec hanya akan bekerja dari file Flash projector (tidak bisa dari SWF). Perintah exec juga hanya akan mengeksekusi file yang berada di subdirektori yang bernama fscommand (ntah kenapa nama foldernya harus fscommand, tapi biarlah terserah developer yg buatnya…) jadi kesimpulannya, file-file .bat akan kita simpan di folder fscommand ini yang nantinya akan dipanggil oleh sang Flash projector. contoh: di sebuah tombol kita berikan script tombol.onRelease=function(){fscommand(“exec”,”buka.bat”)} maka dia akan mengeksekusi aplikasi buka.bat yang ada di folder fscommand yang setara dengan path dari file flash tersebut.




getURL(url:String, [window:String, [method:String]]) : Void


action getURL biasanya dipakai untuk me-load sebuah dokumen dari suatu URL spesifik ke sebuah window atau melewatkan variabel ke aplikasi lain ke URL lain. misalnya kita buat sebuah tombol dengan script tombol.onRelease=function(){getURL(“http://faisalman.wordpress.com”, “_blank”)} yang akan membuka browser dan menuju ke halaman yang dituju, atau getURL(“mailto:blablabla@balabala.com”)untuk mengirimkan ke email. Nah, untuk meng-explore path CD kita ternyata bisa dengan mengosongkan URL dalam action getURL(“”) maka dia akan meng-explore path Flash tersebut berada –yang ada di path utama CD kita. 

Peringatan!!! : Tambahan lagi, browser defaultnya harus IE (ih, ketinggalan jaman) kalau ngga cara ini 68% akan gagal. 

update lagi: eh, ternyata yang seperti ini ada trik untuk mengakalinya :) lihat di http://www.actionscript.org/resources/articles/693/1/

 
Kemudian pada bla…bla…bla… pokoknya nanti hasilnya akan seperti ini:

automenu.jpg


keterangan: ikon-ikonnya dibuat dengan teknik tracing (lihat artikel sebelumnya)
lieurkah? nah karena Saya sudah mulai malas menulis, lebih baik langsung liat contohnya saja. Silahkan unduh di http://tinyurl.com/F4154LMAN-template-autorun disitu sudah ada source fla dan contoh bagaimana nanti hirarki dan isi dari CDnya. Sekian. [euh,udah males nulis, kapan2 disambung lagi] gambar terakhir, contoh aplikasi autorun yang pernah Saya (dan kawan2 Pustena) buat pada CD interaktif GAMAIS 2006, kalau Anda mahasiswa ITB angkatan 2006 maka 90% pasti punya CDnya.




cdg.jpg


kalau ada sumur di ladang bolehlah kita menumpang ngamen, kalau ada umur panjang bolehlah Saya meminta komen (comment –red).



Berikut beberapa link yang ada dari wikipedia tentang autorun
#2 Untuk Flashdisk

Buatlah file dengan nama desktop.ini (perhatikan caranya sama seperti membuat autorun.inf, yaitu dengan menggunakan notepad). File ini berguna untuk mengubah background flashdisk, warna text, dan memberikan label infotip untuk flashdisk kita. Adapun isinya adalah sebagai berikut:
[.ShellClassInfo]
InfoTip= Faisalmandisk :: jika anda sedang meminjam, jagalah Flashdisk ini baik-baik
[ExtShellFolderViews]
[{BE098140-A513-11D0-A3A4-00C04FD706EC}]
IconArea_Image= gambarbackground.jpg
IconArea_Text= 0xcc00aa
Script ini saya lihat dari sebuah contoh file…
  • Ganti kalimat infotip untuk mengganti label flashdisk. 

  • Ganti iconarea_image dengan gambar yang ingin dijadikan background, misal gambarnya bernama gambarsaya.jpg yang ada di dalam folder bernama foldergambar maka IconArea_Image=foldergambargambarsaya.jpg 

  • Ganti nilai iconarea_text dengan warna pilihan (pada contoh disini 0xc00aa merupakan nilai hexa dari warna ungu, coba ubah nilai hexa-nya jadi 0xffffff atau 0×000000, warna apa yang terjadi?)

  • Kemudian, buat juga file autorun.inf jika kita ingin mengubah icon flashdisk kita dan menjalankan program autoplay yang telah kita buat sendiri. Isi autorun.inf adalah sebagai berikut (dengan asumsi di flashdisk kita sudah tersedia file yg namanya ReadMe.exe dan ikonFaisalman.ico):

[Autorun]



Open = ReadMe.exe
Icon = ikonFaisalman.ico
Action=Faisalmandisk – Baca dulu peringatan ini!!!
shellexecute = ReadMe.exe



shellopencommand = ReadMe.exe
shellautocommand = ReadMe.exe



Teknik autorun ini banyak dipakai oleh virus-virus yang menyebar lewat flashdisk. Lihat gambar di bawah ini, background flashdisk kita sudah berubah menjadi gambar (warnanya saya biarkan default). dan yang menarik, tulisan Action pada autorun.inf akan ditampilkan pada saat autoplay…





 autoupdate.jpg


Kemudian lihat gambar yang satu lagi ini,ketika membuka explorer maka label infotip kita akan muncul disitu. Dan.. wow, icon flashdisk kita sudah berubah !!! 



 labelinfotip.jpg




sumber tulisan: http://faisalman.wordpress.com/2007/07/28/membuat-autorun-sendiri-tampilan-menunya/









Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------
READ MORE - Membuat Autorun Sendiri dan membuat Tampilan Menunya