Modus Crew

Tahap persiapan gambar

1. silahkan bikin gambar yang mau dijadiin favicon

2. kalo sudah selesai, kunjungi http://www.html-kit.com/favicon/ 
3. upload foto yang tadi kamu buat



4. tinggal pilih dah, disana ada yang gambar biasa (.ico) dan ada yang animasi (.gif)
kalo mau pake yang .ico tinggal klik yang ditunjuk garis warna oren.
kalo mau pake yang .gif, klik yang ditunjuk garis biru.
 1. Login ke blogger

2. masuk ke menu tata letak
3. klik edit pada favicon
 4. Upload favicon yang kamu download dari http://favicon.htmlkit.com/favicon/

<link href='URL ICON' rel='icon' type='image/gif'/>

Ganti teks berwarna merah dengan URL gambar yang tadi kamu upload.
(misal: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-M7x398rKtHDf4tjlyxPaZuDe2ARNcaT4FlFRi-MxuST63tWUhl5Cbb52enCSeRGeQ_ODEKjEENV-HLRel-xSYIiWed0UFYKvnYsDecXHbNu4GeV06-In1sBpcg7fbtZZ7w7f455kwO8/s1600/favicon+(1).ico)

http://lea.verou.me/css3patterns/#

ane juga sering pake pattern dari situ :D

Apa itu border?
mungkin ada yang belum tahu. secara singkat nya border adalah "garis tepi" dari suatu kontent.
nih saya kasih contoh dengan gambar agar mudah di mengerti


Perhatikan !
di situ ada nama-nama jenis border nya seperti dotted, dashed, dll.. itulah yang kita butuh kan..

Mengkreasikan border
Oke kita masuk ke tahap edit. di tahap ini kamu harus benar-benar memahami apa yang saya katakan..
Ingat :

keterangan:
Merah = ketebalan border
Hijau = jenis border
Biru = warna border.

yang akan kita ganti sekarang adalah jenis nya, berarti dari kode di atas, yang kita ganti adalah kode yang berwarna hijau.
Di atas saya sudah memberitahu jenis-jenis border.. mari kita terapkan..
saya akan berikan contoh..

Border: 5px DOTTED #fff ;

perhatikan kode di atas. "Solid" sudah tidak terpakai karana sudah di gantikan "Dotted"
begitu pun dengan yang lain.. jka kamu ingin menggunakan border "Ridge" maka ganti "Dotted" dengan "Ridge"

Border: 5px RIDGE #fff ;

nah gimana kawan modus crew sudah mengerti kan apa itu border? cara menggunakan border, dan jenis-jenis border.
jika ingin ada yang di tanyakan silahkan bertanya melalui komentar.

Semoga bermanfaat :)

Akhirnya UKK selesai juga -_-
Kali ini mau ngasih trik nih buat kamu para blogger. "CARA MENGGANTI CURSOR BLOG".
bisa pake gambar bikinan kamu sendiri..

berikut tutorialnya :
1.Login ke blogger
2. Masuk ke "Template" > "Edit HTML"
3. Cari kode</head>
4. Copy kode di bawah ini :

<style type='text/css'>

HTML,BODY{cursor: url(URL GAMBAR KAMU;), auto;}

a:hover{cursor: url(URL GAMBAR KAMU;), auto;}

</style>

Di edit dulu!
[+] Yang warna merah ganti dengan URL kursor (normal)
[+] Yang warna biru ganti dengan URL kursor (hover)
(ukuran gambar nya jangan terlalu gede bro)

5. Jika sudah di edit, pastekan di ataas kode </head>
6. Klik "simpan template" selesai 

trik yang kali ini bagus untuk menghemat ruang blog. apalagi buat blog yang widget nya udah banyak (sampe tumpeh-tumpeh) :D

begini cara nye :

1. login blogger

2. bikin widget baru. "tata letak" > "add a gadget" > "html/javascript" yang belom tau bisa baca di sini

3. masukan kode di bawah ini

<a href="http://www.Blogger.com/follow-blog.g?blogID=2183056216064717043" title="Join This Site" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmyfd2t33V4ajKShdO7a9EJKVgRvtwTk3GVn0MSxAeD35hhAeatB4LquNqP97IswwPz9dtPiP9mb5Ke-5U8CeSazOlnZUV57nw9BUaaHlYcrGXcZSZ85sIPtNwUYDBlngqfjlTncryEz9K/s1600/Follower.png" alt="Join this site" style="vertical-align:center;border:0px;cursor:pointer;" /></a>

Di edit dulu :
Merah : id blog kamu
biru : lebar dan tinggi

Cara mengetahui id blog :
login blogger. jika kamu memiliki lebih dari 1 blog, klik salah satu yang ingin kamu liat id nya..
lihat url di atas. misalnya http://www.blogger.com/blogger.g?blogID=2183056216064717043#overview/src=dashboard

berarti id kamu 2183056216064717043
tinggal masukin ke script di atas..

lalu klik simpan..

nih screen shoot nya..

<div style="margin-bottom: 2px;">

<div style="margin-top: 5px; text-align: center;">

<input value="Buka" style="margin-top: 5px; width: 100px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>

<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

GANTI DENGAN SCRIPT/TULISAN KAMU

</div></div></div>

Dengan semakin menjamurnya internet baik secara pemasaran maupun kebutuhan, maka internet menjadi salah satu pemecahan masalah jaringan terutama dalam bidang informasi dan bahkan dalam bidang komunikasi.

Salah satu contoh yang bisa dikaitkan dengan penjelasan di atas seperti dengan adanya Formulir pendaftaran secara Online, hal ini menjadikan salah satu pemecahan kendala dalam pembatas waktu dan wilayah. Banyak sekali lembaga yang menggunakan ini, dan bahkan terakhir banyak digunakan oleh lembaga pendidikan atau lembaga lain yang sifatnya mengkoordinir/pendaftaran. 

Lansung saja bagaimana cara membuatnya?

Pada kesempatan ini saya akan memaparkan sedikit mengenai cara pembuatan formulir pendaftaran online dengan menggunakan jasa Paman Google. Paman google memberikan keluasan dengan adanya blogspot dan aplikasi tambahan di google yaitu pembuatan formulir. Ok rede.

1. Diharapkan mempunyai web atau blog sendiri
2. Mempunyai akun google, karena kita akan memanfaatkan google document
Dengan 2 persyaratan di atas maka sudah tentu kita bisa membuat Formulir/Form Pendaftaran secara Online.

Adapun caranya yaitu :

1. Buka browser google --> http://www.google.co.id


2. Klik menu "selengkapnya" pada sudut kiri atas, dan pilih "documents" (sebelumnya masuk dulu ke account google sobat )

3. Setelah itu akan muncul screen shout pengaturan tampilan dan atribut formulir yang dimaksud.


4. Setelah Sobat atur sedemikian rupa, sekarang Sobat buat frame nya dengan mengklik submenu "sematkan" pada menu "mau di apakan?"



5. setelah Sobat mendapatkan kode HTML frame nya, silakan copas di blog/web sobat dalam kotak postingan ( yang sebelumnya log in dulu di WebBlog Sobat), sebelum diposting, Sobat bisa mengedit iframe tersebut baik berupa ukuran atau backgroundnya.

6. Sekarang sudah terbuat formulir pendaftaran online.


Adapun cara melihat data yang masuk dari pendaftar yaitu :
1. Masuk kembali ke acoount google Sobat
2. Pilih kembali pada google documents
3. Lalu klik menu yang ada di sisi kiri



4. tinggal klik document yang kita simpan sesuai dengan nama formulir yang kita buat.



5. Tampilan datanya seperti ini.



Ok. selamat mencoba.... Rede saja.... Hal yang lain silakan Sobat utak-atik sendiri dah.....

Sumber