Paloma Shopway Yhudy: Materi

Tampilkan postingan dengan label Materi. Tampilkan semua postingan

Rabu, 13 Juni 2012

Sliding Login

07.48

Unknown

No comments

Selamat pagi sob, mumpung masih pagi dan masih ada waktu, pagi hari ini saya akan memberi tahu bagaimana cara membuat form login/register di dalam sebuah blog. bikin register untuk blog kita sob,agar pengunjung dapat juga menuliskan pengetahuan mereka di blog kita. karena klo untuk login di blogger kan tidak semuanya yang memiliki akun di blogger"

Login Form yang akan saya bahas hanya Contoh dan tidak dapat digunakan layaknya Login Form seperti di Facebook, Twitter, atau yang lainnya. Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member.
Sebagai contoh sobat bisa melihat pada screenshot dibawah ini:

Sceenshot/Demo

Form tersebut berada di atas header blog/nafbar blog, dengan efek sliding.
Seperti itulah kiranya yang akan saya buat, bila sobat tertarik, langsung saja berikut langkah-langkah membuatnya:

1. Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget"
6. Lalu carilah kode: </head>
7. Bila sudah ketemu, letakan kode berikut di atas kode </head>

<script src='http://web-kreation.com/demos/

Sliding_login_panel_jquery/js/jquery-1.3.2.min.js' type='text/javascript'/>

<script style='display:none' type='text/javascript'>$(document).ready(function() {

// Expand Panel
$(&quot;#open&quot;).click(function(){
$(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);
});

// Collapse Panel
$(&quot;#close&quot;).click(function(){
$(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);
});

// Switch buttons from &quot;Log In | Register&quot; to  &quot;Close Panel&quot; on click
$(&quot;#toggle a&quot;).click(function () {
$(&quot;#toggle a&quot;).toggle();
});

});
</script>

8. Setelah itu cari kode: ]]></b:skin> setelah ketemu copy paste-kan kode berikut tepat diAtasnya

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}

.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}

.tab ul.login li.left {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li.right {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
color: #15ADFF;
}

.tab ul.login li a:hover {
color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}

.tab a.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/css/../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#panel {
width: 100%;
height: 270px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}

#panel h1 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: white;
}

#panel h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}

#panel p {
margin: 5px 0;
padding: 0;
}

#panel a {
text-decoration: none;
color: #15ADFF;
}

#panel a:hover {
color: white;
}

#panel a-lost-pwd {
display: block;
float: left;
}

#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}

#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}

#panel .content .right {
border-right: 1px solid #333;
}

#panel .content form {
margin: 0 0 10px 0;
}

#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}

#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}

#panel .content input:focus.field {
background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}

#panel .content input.bt_login {
width: 74px;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}

9. Lanjut lagi sob, cari lagi kode: </body> kemudian letakan kode dibawah ini tepat diAtasnya

<!-- Login -->
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome In Kode Blogger</h1>
<h2>Contoh Sliding Login Dengan JQuery</h2>
<p class='grey'>Disamping ini adalah contoh Sliding Login menggunakan JQuery.

Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB,

Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member</p>
<h2>Tutorial Blog</h2>
<p class='grey'>Untuk membuatnya Silahkan :

<a href='http://putrasyahychan.blogspot.com/2012/06/sliding-login.html'

 title='Download'>Klik Disini</a></p>
</div>

<div class='left'>
<form action='#' class='clearfix' method='post'>
<h1 class='padlock'>Member Login</h1>
<label class='grey' for='log'>Username:</label>
<input class='field' id='log' name='log' size='23' type='text' value=''/>
<label class='grey' for='pwd'>Password:</label>
<input class='field' id='pwd' name='pwd' size='23' type='password'/>
<label><input checked='checked' id='rememberme'

name='rememberme' type='checkbox' value='forever'/> Remember me</label>
<div class='clear'/>
<input class='bt_login' name='submit' type='submit' value='Login'/>
<a class='lost-pwd' href='#'>Lost your password?</a>

</form>
</div>
<div class='left right'>
<form action='#' method='post'>
<h1>Not a member yet? Sign Up!</h1>
<label class='grey' for='signup'>Username:</label>
<input class='field' id='signup' name='signup' size='23' type='text' value=''/>
<label class='grey' for='email'>Email:</label>
<input class='field' id='email' name='email' size='23' type='text'/>
<label>A password will be e-mailed to you.</label>
<input class='bt_register' name='submit' type='submit' value='Register'/>
</form>
</div>

</div>
</div>
<!-- /login -->
<!-- The tab on top -->
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Halo Semuanya</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Masuk | Daftar</a>
<a class='close' href='#' id='close' style='display: none;'>Tutup Panel</a>
</li>

<li class='right'/>
</ul>
</div>
<!-- / top -->
</div>
<!-- panel -->

Perhatikan kode diatas yang diberi warna Merah dan Hijau, gantilah tulisan tersebut sesuai keinginan sobat.

10. Seepp, selesai sob, jangan lupa klik Simpan/Save Template, dan lihat hasilnya.

Selamat mencoba, dan semoga bermanfaat. Salam Blogging... \m/

Cara buat Google Translate Bendera

09.02

Unknown

No comments

Cara buat Google Translate Bendera

Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana

Translate Bendera

Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode ini

copy paste kode ini:

Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .

Tutorial Menginstal Windows Vista

13.09

Unknown

No comments

Selamat Datang di Microsoft Windows Vista Ultimate Edition langkah demi langkah panduan Install pada hard drive baru / kosong. Panduan ini akan menunjukkan cara untuk menginstal Windows Vista. Ini panduan instalasi sepenuhnya grafis dan akan membawa Anda melalui setiap langkah instalasi

Apa yang Anda akan membutuhkan untuk melakukan langkah-langkah ini adalah
1. Sebuah Windows Vista Ultimate Edition CD atau DVD
2. Sebuah Komputer dengan CD-ROM atau DVD-ROM akse
3. Bios diatur untuk boot dari drive CD / DVD-ROM. ( Lihat
panduan ini untuk membantu dengan BIOS)

Untuk mulai menginstal Windows memasukkan CD pertama atau DVD ke dalam drive dan memulai atau

restart komputer Anda, dan untuk selanjutnya anda bisa mendownload Tutorial Menginstal Windows Vista
di Link bawah ini

Download Tutorial Menginstal Windows Vista

10.09

Unknown

No comments

Instal windows 7 - cara instal windows 7 pada laptop dengan DVD Botting atau USB flashdisk hampir sama dengan cara instal windows XP , windows Vista, windows 8, windows xp1 xp2 xp3 dll. Baik itu Instal Windows seven 7 nya di PC , Komputer, Notebook maupun laptop.

Setelah kemarin Update tentan Cara Instal Windows XP dengan USB Flashdisk sekarang update lagi tentang windows 7

Cara instal windows 7 lengkap dengan gambarnya bisa anda donwload di link di bawah ini

Tutorial Cara Instal Windows 7 Seven

Terima Kasih dan Semoga Bermanfaat

10.07

Unknown

No comments

Windows XP adalah suatu sistem pengoperasian (operating system) yang paling banyak dipakai sampai saat ini karena selain kemudahan dalam pemakaiannya Windows XP digunakan sebagai standarisasi pembelajaran yang di pakai oleh sekolahan-sekolahan dan perguruan tinggi pada umumnya.

Untuk melakukan penginstalan windows xp diperlukan ketelitian dan kesabaran dalam prosesnya karena memerlukan waktu yang lumayan lama.

Ada beberapa jenis windows xp diantaranya windows xp professional, Home Edition, Media Center Edition, Tablet PC Edition, Starter Edition, Professional x64 Edition, Professional 64-bit Edition For Itanium.

berikut langkah-langkah yang mudah dan lengkap cara menginstal windows xp, anda bisa mendownload Tutorial nya di link di bawah ini.

Tutorial Menginstal Windows XP

Semoga Bermanfaat

MAKALAH DEMOKRASI INDONESIA

10.22

Unknown

No comments

DAFTAR ISI

Halaman

Halaman Judul ............................................................................................. i

Kata Pengantar ............................................................................................ ii

Daftar Isi ...................................................................................................... iii

Bab I PENDAHULUAN

1.1 Latar Belakang ................................................................................. 1

1.2 Permasalahan ................................................................................... 3

1.3 Tujuan Penulisan .............................................................................. 3

1.4 Sistematika Penulisan ...................................................................... 3

Bab II ANALISA........................................................................................ 4

1. Pengertian Demokrasi ................................................................................. 4

2. Bentuk Demokrasi ...................................................................................... 5

3. Menunjuk pada bagaimana proses demokrasi itu dilakukan ……...............… 6

4. Demokrasi Indonesia …………………………………………..........……. 7

5. Struktur Pemerintahaan Indonesia berdasarkan UUD 1945 ……….............. 11

Bab III PENUTUP

3.1 Kesimpulan ...................................................................................... 16

3.2 Saran ................................................................................................ 16

DAFTAR PUSTAKA

Download

10.19

Unknown

No comments

Blue screen, blue screen, apa sih blue screen? Blue screen sebenarnya hanyalah istilah saja yang biasa dilontarkan pada pengguna komputer ketika terjadi error system atau error pendeteksian hardware baru yang mengakibatkan layar monitor menjadi berwarna biru dan memunculkan informasi pendeteksian error pada system komputer.

Kapan Akan Terjadi Blue Screen ?

Blue screen akan terjadi jika :

1. Apabila system windows mendeteksi adanya hardware baru yang tertancap di perangkat komputer dan system windows monolaknya akibat beberapa hal misalnya hardware tersebut rusak sehingga system windows tidak bisa membaca system driver hardware baru tersebut.

2. System windows crash / rusak / corupt yang biasanya diakibatkan karena ulah virus yang merusak file-file system windows.

3. Memory sudah tidak dapat menampung data antrian yang mau diolah oleh procesor dan prosesor pun sudah tidak bisa mengolah data-data antrian tersebut. Biasanya hal ini diawali dengan hang. dll

Cara penanganannya berdasarkan nomor kasus diatas :

1. Copot perangkat yang baru terpasang tersebut dari komputer, dan coba ganti dengan perangkat yang lainnya yang benar-benar masih jalan. Jika tidak terjadi Blue Screen maka memang perangkat yang baru tersebut rusak (baru beli tidak jaminan untuk bagus). Jika masih blue screen coba ganti ke slot / colokan yang lainnya. Jika sudah diganti ke slot/colokan yang lain dan tidak terjadi blue screen maka slot/colokan yang awal tadi bisa dipastikan sudah rusak atau mau rusak.

2. Kalo sudah menyangkut file system windows biasanya user tidak mau ambil pusing, format dan install ulang windowsnya. Tapi jika mua mengakali bisa juga menggunakan software maintenance seperti TuneUp Utilities, IO Bit, Regure, dan masih banyak lagi software maintenance yang lainnya. Jika tidak berhasil juga ya terpaksa deh Format dan Install ulang Windowsnya.

3. Untuk masalah memory biasanya banyak sampah yang bersarang di windows. Untuk itu anda bisa menggunakan software pembersih seperti Disck Creaner, TuneUp Utilities, IO Bit, Regcleaner, dll. Dan bisa juga dibantu dengan cara manual dengan mendetell file-file sampah di folder :

C:\Windows\Temp
C:\Windows\Prefetch (boleh di hapus jika dirasakan perlu)
C:\Documents and Settings\[ User Komputer ]\Local Settings\Temp
C:\Documents and Settings\[ User Komputer ]\Local Settings\Temporary Internet
C:\Documents and Settings\NetworkService\Local Settings\Temporary Internet Files

Mungkin masih banyak lagi masalah-masalah yang akan mengakibatkan Blue Screen.

10.16

Unknown

No comments

I. DEFINISI

System bilangan (number system) adalah suatu cara untuk mewakili besaran dari suatu item fisik. Sistem bilanan yang banyak dipergunakan oleh manusia adalah system biilangan desimal, yaitu sisitem bilangan yang menggunakan 10 macam symbol untuk mewakili suatu besaran.Sistem ini banyak digunakan karena manusia mempunyai sepuluh jari untuk dapat membantu perhitungan. Lain halnya dengan komputer, logika di komputer diwakili oleh bentuk elemen dua keadaan yaitu off (tidak ada arus) dan on (ada arus). Konsep inilah yang dipakai dalam sistem bilangan binary yang mempunyai dua macam nilai untuk mewakili suatu besaran nilai.

Selain system bilangan biner, komputer juga menggunakan system bilangan octal dan hexadesimal.

untuk lebih lanjut anda bisa mendownload link d bawah ini :

Download

10.13

Unknown

No comments

A. Graf

Graf G adalah suatu struktur (V, E) dimana V merupakan himpunan tak kosong dengan elemen-elemennya disebut dengan vertex (titik/node), sedangkan E yang mungkin kosong merupakan himpunan pasangan tak urut dari elemen-elemen di V. Anggota dari E disebut edge (sisi). (Deo, 1989)

Gambar 2.1. Graf dengan 4 vertex dan 5 edge

Definisi 2.1 Graf Lengkap (Kn)

Graf Lengkap adalah graf yang setiap titiknya terhubung dengan semua titik yang lain dengan hanya satu sisi. (Siang, 2004)

Gambar 2.2 Graf lengkap K5

untuk selanjutnya anda bisa mendowload link di bawah :

Download

MAKALAH PANCASILA

13.34

Unknown

No comments

Contoh Makalah Pancasila

Daftar ISI

BAB I PENDAHULUAN

A. Latar Belakang

B. Batasan Masalah

C. Tujuan yang ingin dicapai

D. Sistematika penulisan

BAB II PEMBAHASAN

A. Pengertian Pancasila

1. Secara Etimologi

2. Secara Historis

3. Secara Terminologis

B. Sejarah Terbentuknya Lambang Garuda

C. Tokoh – Tokoh Perumusan Pancasila

D. Makna Lambang Garuda

E. Hakikat Sila-Sila Pancasila

1. Ke-Tuhanan Yang Maha Esa

2. Kemanusian Yang Adil dan Beradab

3. Persatuan Indonesia

4. Kerakyatan yang dipimpin oleh Hikmat Kebijaksanaan dalam Pemusyrawatan Perwakilan

5. Keadilan Sosila Bagi Seluruh Rakyat Indonesia

F. Arti dan Makna Sila-Sila Pancasila

BAB III PENUTUP

A. Kesimpulan

B. Saran

DAFTAR PUSTAKA

Download

Paloma Shopway Yhudy

Translate

SPONSOR

Berita Terkini

Paloma Shopway

Member Baru

Cara menjadi member Paloma Shopway

Katalog

Merk

Rabu, 13 Juni 2012

Sliding Login

Kamis, 07 Juni 2012

Cara buat Google Translate Bendera

Cara buat Google Translate Bendera

Kamis, 10 Mei 2012

Tutorial Menginstal Windows Vista

Tutorial Instal Windows seven 7

TUTORIAL MENGINSTAL WINDOWS XP

Ada beberapa jenis windows xp diantaranya windows xp professional, Home Edition, Media Center Edition, Tablet PC Edition, Starter Edition, Professional x64 Edition, Professional 64-bit Edition For Itanium.

Jumat, 20 April 2012

MAKALAH DEMOKRASI INDONESIA

Monitor Blue Screen

SISTEM BILANGAN

Graf

Kamis, 08 Desember 2011

MAKALAH PANCASILA

Jadwal Sholat

Archives

Popular Posts

JNE

Labels

TIKI

Anda Pengunjung Ke

Playlist

POS