Cara Membuat Animasi Login Di Home Page Blog

Update malam-malam  hehe, Dari pada bobo awal-awal mendingan buat postingan sapa tau bisa bermanfaat buat sobat blogger semua,kususnya yang baru belajar seperti saya ini.Kali ini saya akan membuat postingan tentang Membuat Efek Login Di Home Page Blog,sebenarnya cara ini gampang-gampang susah,gapang bagi yang bisa,susah bagi yang belom bisa.
Nah bagi anda yang belum bisa ini saya kasi caranya bagaimana membuat efek login dihome page blog.
mungkin anda penasaran ? ok...
Gak usah panjang lebar lagi,lansung saja kita menuju ke TKP;
oh ya sebelom kita lanjutkan
ada baiknya anda lihat dulu contohnya seperti gambar dibawah ini:

caranya gan :
1. Login ke blogger
2. Masuk Template > Edit HTML
3. Cari kode </body> (gunakan Ctrl + F), lalu letakkan kode dibawah ini tepat diatas kode </body>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var  Gambar_Login_Anda ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuY0888z2Ttzmu1WPjS4aYjE_e4pY3smYwq81eniPktNbQl-jkzAvRdiNTznCrfn5znKqTxCPrmnRbUbBQCA-3tW4QWNYF_xErCgyKFDFI9eXbjkOC5o6VECpcDwcCrHPX860LQywtcXI/s28/Shutdown.png',
       Nama_Login_Anda = 'Yukam Raya';
</script>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/animasi-login3.js' type='text/javascript'></script>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'></div>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'></div>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'></div>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'></div>
<!-- Animasi Login End -->
<b:else/>
</b:if>

4. Simpan template dan lihat perubahan

Read More

Cara Mendaftar Chatbox

Salam Blogger, kali ini saya akan menjelaskan tentang bagaimana cara untuk mendaftar Chatbox untuk selanjutnya kita pasang di blog kita sendiri. Tutorial seperti ini sudah banyak kita temukan pada blog - blog lainnya, namun apa salahnya kita kembali mencoba untuk membahas tentang bagaimanan cara mendaftar Chat Box.
Yah bagi sobat yang belom ngerti silahkan ikuti tutorial ini,lengkap dengan gambarnya.
gimana sobat anda tertarik..????

 Langsung aja ya Sobat :

Silahkan masuk cbox.ws

Silahkan Anda isi semua kolom seperti gambar diatas,kemudian klik creata my cbox
maka anda akan dibawa ,seperti gambar dibawah ini:

Silahkan anda isi password yang anda gunakan tadi sewaktu mengisi kolom pendaftaran tadi.

Yah Sudah jadi deh,silahkan anda klin Publish....

Selanjutnya anda akan diarahkan ke Code Generator klik Copy to Clipboard
kemudian anda masuk ke blog anda.

Masuk ke Dashboard pilih Rancangan lalu klik Add Widget
atau Tambahkan Widget. Pilih HTML/Javascript dan masukan
script chatbox tadi di situ.
Kemudian klik save.dan lihat hasilnya:

Selamat mencoba

Read More

Cara Membuat Efek Lipatan Kertas Dipojok Kanan Atas Blog

Selamat malam sahabat blogger, ketemu lagi dengan saya Karya Yukam yang baru belajar ngeblog, kali ini saya kembali akan mencoba membagikan tutorial tentang cara membuat efek lipatan kertas di Pojok Kanan blog anda. Bagaimana ! Bagus kan sob ??? hehehe....
Sebagai contohnya lihat saja dipojok kanan atas blog saya....
hehehehehe....kerenkan.....?????!!!!
jangan diejekin yo....maklum kan lagi belajar.
bagi yang berminat silahkan ikuti langkah-langkahnya dibawah ini

Oke!!! ga usah panjang lebar, mari kita sama - sama belajar untuk membuat efek lipatan kertas di pojok kanan atas blog, caranya ga begitu sulit kok.

Ikuti Langkah - langka berikut :

1. Login ke blog anda.

2. Masuk design Templete --> Edit HTML

3. Centang Expand Templete Widget.

4. Anda Cari </body>

5. Letakkan code dibawah ini tepat diatas code </body>

  

<script type='text/javascript'>var tujuan =&#39;https://www.facebook.com/Shanoesi&#39;</script>

 <script src='https://googledrive.com/host/0B_2JJU1hEjzbTlVBdU50Vy0zOVU' type='text/javascript'/>

6. Klik Pratinjau dulu sob, kalo udah yakin baru di save.

Keterangan:

Kode warna merah ganti dengan URL Feeds sobat

Kalaw au ganti potonya,silahkan edit tulisan berwarna biru

selesai deh....selamat mencoba moga bermanfaat...

Read More