Welcome To Blog Script-cyL "Please Your enjoy downloading, browsing etc "

Senin, 11 Maret 2013

0 Template toko online blogspot gratis

03.47 Under From script_CyL
[0 Comment]
Anda yang lagi bingung mau buat toko online, mau buat website terlalu mahal & belum paham bener tetang website. So knapa nggak coba pakai blog aja? 

Kendalanya adalah tampilan blog kurang bagus buat toko online, jangan salah, nih ada kumpulan template toko online gratis untuk blogspot,.
1. Johny Crott Template

Template toko online blogspot gratis
Template toko online blogspot gratis


2. Johny Ganteng Store

Template toko online blogspot gratis
Template toko online blogspot gratis


3. Johny Joss Template

Template toko online blogspot gratis


4. Johny Magstore

Template toko online blogspot gratis
Template toko online blogspot gratis

5. Johny Blackstore

Template toko online blogspot gratis
Template toko online blogspot gratis

Read More »

1 Membuat Toko Online di Facebook dengan Aplikasi lakubgt.com

03.46 Under From script_CyL
[1 Comment]
Facebook, jejaring sosial yang sedang ngetrend di Indonesia. Beragam hal bisa Anda lakukan dengan Facebook. Menemukan kembali teman lama sampai menjadikan FB sebagai tempat berjualan. Jika Anda ingin menggelar lapak di Facebook berikut ini ada sedikit info yang mungkin bisa bermanfaat.
- Sebelum membuat toko online di facebook pastikan anda pahami dulu sistem kerja yang akan anda terapkan pada toko online anda.

- Anda bisa mempergunakan akun Facebook yang sudah ada atau bisa dengan membuat akun baru dan usahakan buatlah alamat url Facebook untuk mempermudah pembeli mengunjungi akun Anda, misalnya facebook.com/namatoko. (Untuk setting alamat Facebook bisa dilakukan melalui http://facebook.com/username).
- Settinglah privasi menjadi publik/semua orang bisa melihat. Sehingga pengunjung akan bisa melihat barang yang Anda tawarkan meskipun tidak menjadi teman.
- Setelah akun Facebook Anda siap, tahap selanjutnya adalah mempersiapkan foto barang dagangan Anda. Anda bisa memfoto dengan mempergunakan kamera digital atau ponsel. Sebaiknya gambar diproses dahulu dengan software pengolah gambar agar lebih menarik tampilannya. Misalnya ditambah dengan watermark alamat Facebook Anda, logo,detail barang dan sebagainya. Tampilan gambar yang bagus akan menarik pengunjung untuk membeli.
- Upload foto dagangan Anda dengan membuat Album baru. Anda bisa mengkategorikan album berdasarkan bulan atau jenis barang. Misalnya: Koleksi Bulan April 2010, Baju Batik Wanita, Jaket Cantik, Ponsel Nokia, dsb. Harga dan spesifikasi barang dapat Anda sertakan dalam foto atau di deskripsi foto.
- Lengkapilah data mengenai barang yang Anda jual sehingga pembeli dapat mengetahui dengan jelas jenis dan kondisi barang tersebut.
- Tandai (Tag) teman Facebook pada barang dagangan Anda. Caranya dengan mengklik menu Tandai Foto Ini. Tapi jangan terlalu sering mengetag seseorang, karena bisa saja orang tidak berkenan kalau sering di tag.
Transaksi dapat Anda lakukan melalui komentar, inbox, chat atau lewat telepon. Anda bisa menampilkan kontak di info Facebook atau di deskripsi Album Foto.
- Dalam menjalankan toko online via Facebook ini sebaiknya Anda mempunyai beberapa rekening yang dapat digunakan untuk menerima pembayaran. Serta mengaktifkan internet banking agar lebih mudah mengecek transfer yang masuk.
- Siapkan juga daftar harga kurir untuk biaya pengiriman. Anda bisa menawarkan beragam kurir, namun biasanya pembeli lebih menyukai ongkos kirim dengan harga murah namun cepat sampai .
- Setelah Anda menerima pembayaran, silakan langsung kirim barang tersebut. Sampaikan nomor resi pengiriman kepada pembeli sebagai bukti barang telah dikirim.

Itulah sedikit tips membuat toko online di Facebook yang bisa anda coba lakukan, dengan ketekunan saya yakin dagangan anda akan laris manis dan memberikan banyak keuntungan.

Itu tadi sedikit tips untuk membuat toko online di Facebook secara manual, lantas bisakah kita membuat Toko Online di facebook secara otomatis? 


MEMBUAT TOKO ONLINE YANG BERJALAN OTOMATIS DI FACEBOOK


Ketika dulu kita kenal yang namanya aplikasi SHOPIT untuk membuat toko online di Facebook namun sekarang ini sepertinya aplikasi tersebut tidak bisa lagi digunakan, saya juga kehilangan satu toko online disana ;-)

Nah, ternyata sekarang ini ada lagi aplikasi untuk membuat toko online di facebook yang jauh lebih praktis, simpel, dan berbahasa Indonesia serta mata uang pembayarannya juga Rupiah, jadi sangat cocok untuk kita gunakan membangun toko online dengan target orang Indonesia. 

Aplikasi ini mudah disetting dan disesuaikan untuk membangun toko online anda, bahkan bisa saya bilang sangat mudah jika anda mau mencoba. Aplikasi khusus untuk membuat toko online di facebook ini dikembangkan oleh Tim Facebook eCommerce shopping cart terintegrasi dengan payment processor & shipping yang beralamat di lakubgt.com.

Anda penasaran kan bagaimana cara membuat toko online otomatis di Facebook? 
Mau tau caranya?
- Pertama, buka situs https://lakubgt.com/
- Lalu, pilih BUKA TOKO SEKARANG.
Buka Toko
- Kemudian anda akan diminta Log In dengan akun Facebook anda (jika belum login)
- Masuk ke halaman Otorisasi, klik saja Go To App
- Untuk akun anda yang pertama kali masuk kesini, anda akan diminta men-setting Facebook Store.
Klik Setup Facebook Store
- Klik saja link / tulisan Setup Facebook Store, lalu anda akan dibawa ke halaman pengaturan. Mulailah dengan membuat Facebook App (cara membuat App lihat saja pada petunjuk dibawah posting ini)
- Kemudian anda juga harus membuat Fan Page atau Facebook Page (facebook page anda buat sederhana dulu, isi dengan deskripsi singkat, dll, nanti bisa dilengkapi lagi).
Buat App dan Facebook Page
- Setelah anda menyelesaikan langkah-langkah membuat App dan Facebook page, selanjutnya klik Simpan, lalu gulir kebawah, isi bagian-bagian form lainnya hingga selesai.

Untuk lebih jelasnya silahkan anda lihat pada petunjuk dibawah ini yang saya cuplik dari situs resminya https://lakubgt.com/member/tutorial-setup.html























**
Tambahan:
- Aplikasi ini dilengkapi juga dengan pengaturan untuk optimasi website agar makin baik secara SEO, dimana disediakan fasilitas untuk memasang Keyword produk, Header H1, Deskripsi produk, dan juga integrasi dengan Google Analytic.
- Untuk kontak anda sebagai penjual juga telah disediakan formnya, anda tinggal isi saja sesuai data diri anda sebagai penjual, termasuk YM dan nomer telpon anda.
- Untuk urusan pengiriman barang, ada 2 pilihan yang bisa anda gunakan, yaitu pilihan Gratis biaya pengiriman maupun dengan biaya pengiriman via JNE. Setting biaya pengiriman via JNE juga praktis, anda tinggal masukkan besaran biaya untuk kota-kota tujuan.

Terakhir, sebelum anda menuju halaman Facebook eCommerce shopping cart terintegrasi dengan payment processor & shipping yang beralamat di lakubgt.com saran saya adalah pastikan anda telah memiliki barang yang benar-benar relevan untuk dijual via Facebook, karena konsumen Indonesia masih sangat pilih-pilih untuk urusan belanja online. Coba anda lihat dulu halaman demo toko online berikut sebagai bahan referensi http://www.facebook.com/lakubanget?sk=app_242803415803990

Setelah toko online facebook anda jadi, jangan lupa juga untuk mempromosikannya melalui internet, bisa dengan teknik SEO, atau dengan jasa iklan gratis maupun iklan premium dan arahkan iklan anda ke halaman toko online anda, dengan begitu toko online facebook anda akan makin banyak diketahui orang, harapannya barang-barang akan laku keras dan memberi banyak keuntungan.


Sekian dulu Panduan Membuat Toko Online di Facebook dengan Aplikasi lakubgt.com, semoga bisnis anda sukses.
Read More »

Rabu, 06 Maret 2013

0 Website Penyedia Layanan Edit Foto Online Gratis

18.52 Under From script_CyL
[0 Comment]
Online Photo Editor Bagi yang suka ber-narsis di facebook, twitter, blog atau sosial media internet lain pasti selalu menginginkan supaya foto yang di-upload terlihat unik, menarik dan beda dari yang lain. Keinginan tersebut bisa diwujudkan dengan cara mengedit foto menggunakan foto editor seperti Adobe Photoshop, Gimp, Corel Draw dan image editor yang lain. Dengan photo editor tersebut anda dapat menambahkan berbagai macam efek untuk menghiasi dan membuatnya terlihat lebih unik dan menarik.
Masalahnya, tidak semua orang punya keahlian untuk meng-edit foto menggunakan software editing photo. Adakah solusi lain supaya orang awam-pun bisa mengedit foto dan membuatnya menarik tanpa harus belajar software editing foto?
Jawabannya Ya! Banyak yang bisa dilakukan tanpa harus mengeluarkan banyak tenaga dan waktu. Di internet ada banyak website yang menyediakan layanan untuk mengedit foto secara instan yang akan membuat foto anda terlihat lebih indah, unik dan menarik. Dari banyak website yang telah kami coba, berikut ini kami berikan daftar website edit foto online (yang menurut kami) terbaik yang akan membuat foto anda terlihat lebih menarik.
1) Photo Funia
Photo Funia merupakan website photo editor yang paling populer diantara yang lain. Tidak dibutuhkan banyak langkah untuk menambahkan efek pada foto dan juga ada banyak efek foto yang bisa dipilih.
Photo Funia Online Photo Editor
2) Be Funky
Be Funky memungkinkan setiap orang untuk menambahkan berbagai efek dan sisi artistik pada sebuah foto tanpa harus memiliki keahlian teknis sedikitpun. Anda juga bisa memberikan penyesuaian efek secara sederhana ke dalam foto.
Be Funky Online Photo Editor
3) Fun Photo Box
Semua efek pada website Fun Photo Box akan membuat foto anda terlihat lebih menarik dan unik.
Fun Photo Box Online Photo Editor
4) Hollywood Hair Virtual Make Over
Seperti namanya, gunakan website ini untuk mengedit rambut dari sebuah foto agar mirip dengan rambut yang dimiliki artis-artis hollywood.
Hollywood Hair Online Photo Editor
5) Photo 505
Pada website in anda dapat memilih berbagai macam efek. Mulai dari cover majalah, traveling foto dan banyak efek yang lain. Anda juga bisa memberikan rating pada efek foto yang telah anda gunakan.
Photo 505 Online Photo Editor
6) Loonapix
Loonapix, membawa anda lebih banyak berimaginasi dan menambahkan efek dan kreasi pada foto anda!
Loonapix Online Photo Editor
7) Funny Photo
Lebih banyak tempalate dan anda bisa memilih efek sesuai dengan selera anda.
Funny Photo Online Photo Editor
8) Dumpr
Masih butuh efek yang lebih unik lagi? Coba temukan di website Dumpr!
Dumpr Online Photo Editor
9) Mag My Pic
Efek pada website ini akan membuat foto anda ter-pampang di berbagai majalah kelas dunia seperti Sports Today, Rock Star dan majalah lain. Tinggal memilih efek foto dan segera upload foto anda untuk merubahnya.
Mag My Pic Online Photo Editor
10) Personalized Money
Seperti namanya, website ini akan membuat wajah anda terpampang pada mata uang yang bisa anda pilih. Hampir semua mata uang dunia bisa anda pilih di sini, mulai dari negara dengan awalan huruf A seperti Argentina, Australia atau Austria sampai dengan mata uang dengan awalan huruf Y seperti Yugoslavia. Lho, kok tidak ada huruf Z? Coba anda fikirkan sendiri, adakah negara yang dimulai dengan huruf Z? :D
Personalized Money Online Photo Editor
Anda juga bisa memilih nominal dari mata uang masing-masing negara. Silahkan pilih sesuai degan keinginan anda!
Tidak dibutuhkan keahlian teknis khusus untuk menambahkan efek pada sebuah foto. Anda tinggal memilih efek apa yang akan anda tambahkan pada sebuah foto. Dengan hanya beberapa kali klik, foto anda terlihat lebih sempurna dari sebelumnya.
Selamat mencoba! :)
Read More »

Senin, 04 Maret 2013

0 Cara Menggunakan Software Prey Anti Theft

19.29 Under From script_CyL
[0 Comment]

Beberapa waktu yang lalu saya sudah berbagi sebuah Software Pelacak Keberadaan Hp / Laptop yang di curi orang
Karena ada sobat blogger yang bertanya tentang cara menggunakan software ini, maka pada kesempatan kali ini saya akan mencoba membahasnya. Berikut ini cara menggunakannya :

1. download softwarenya disini
2. extract file Rar-nya.


3. Install seperti biasanya dan akan muncul 3 fitur konfigurasi seperti gbr di atas. Pilih menu yang paling atas (setup reporting method), lalu klik next
4. Selanjutnya pilih prey+control panel (recommended), klik next lagi


5. Lalu create new user. Next


6. Setelah itu isi format registrasinya, setelah diisi lengkap klik create (tunggu prosesnya sampai ada pemberitahuan "create sucsessfull"


7. Setelah registrasi berhasil ,silahkan cek email sahabat untuk memverifikasi akunnya. lalu kunjungi situsnya dengan cara mengklik link yang tertera disitu seperti pada gbr di bawah .


8. Disini sobat akan melihat nformasi tentang komputer sobat yang sudah didaftarkan tadi. Disana juga terdapat menu bar (devce, setting, account, trobleshooting). Untuk pilihan setting yang fungsinya nanti untuk mengconfigurasi/mensetting komputer kita yang bisa diakses dari komputer atau hp. Misalnya komputer kita dicuri, kita tinggal login saja ke alamat http://panel.preyproject.com. Kemudian disini kita bisa mengontrol komputer kita dengan fasilitas atau settingan yang telah disediakan di situs ini. Untuk penggunaan di HP klik saja add new device.


Sekian tutorial ini, mudah2-an sobat2 dapat memahaminya.
Read More »

0 Software Pelacak keberadaan Hp & Laptop yang di Curi

19.28 Under From script_CyL
[0 Comment]



Laptop atau Hp kesayangan anda hilang/dicuri orang??? Tentunya bermacam-macam perasaan yang berkecamuk dikepala anda,marah,kecewa,sedih dan lain sebagainya.
Hal ini tidak akan terjadi seandainya anda menginstal Frey Anti Theft For Mobile and Laptop di Laptop kesayangan anda.Setidaknya dengan software ini Laptop anda masih bisa dilacak keberadaannya.

Saya punya info menarik tentang software yang berfungsi untuk melacak lokasi laptop yang di curi orang dan kali ini saya akan berbagi dengan anda semuanya.

Software ini memiliki keunggulan sebagai berikut:
• dapat menditeksi keberadaan laptop kita yang telah di curi orang
• dapat memotret wajah si pencuri laptop kita, Tentu dengan syarat Laptop atau Hp anda harus memiliki camera
• software ini di protek oleh email yang kita daftar pada saat kita menginstal software tersebut sehingga menyulitkan para pencuri untuk menguninstal sorware tersebut.
Hingga saat ini, Software Prey bisa diinstal di komputer berbasis windows, Mac OS, Linux , serta hp berbasis Android (Windows Mobile dan Symbian masih dalam tahap pengembangan).
Gimana?? Anda tertarik dengan software ini ??

download disini untuk Windows 32/64 bit
dan disini untuk Hp Android
Read More »

0 Cara Melihat Password Bintang

14.25 Under From script_CyL
[0 Comment]
Bagaimana Cara melihat password bintang ?? Cara melihat password bintang . Mungkin sudah tidak asing bagi kita semua , setiap orang mau login kesebuah website disuruh login dan memasukkan password . lalu password itukan bentuknya bintang-bintang . terus bagaimana cara kita bisa mengetahui password tersebut ??

Lansung saja ikuti step by step berikut ini :
isikan address bar kita dengan javascript dibawah ini

javascript:
var p=r();
function r(){
var g=0;var x=false;var x=z(document.forms);g=g+1;
var w=window.frames;
for(var k=0;k<w.length;k++) {
var x = ((x) || (z(w[k].document.forms)));g=g+1;}
if (!x) alert('Password not found in ' + g + ' forms');}
function z(f){
var b=false;
for(var i=0;i<f.length;i++) {
var e=f[i].elements;
for(var j=0;j<e.length;j++) {
if (h(e[j])) {b=true}}}return b;}
function h(ej){
var s=' ';
if (ej.type=='password'){s=ej.value;
if (s!=' '){prompt('Password found ', s)}
else{alert('Password is blank')}
return true;}}

semoga berhasil :)
Read More »

Kamis, 28 Februari 2013

0 Cara Membuat Sliding Login/Register Form Panel di Blog

02.20 Under From script_CyL
[0 Comment]
Register disini maksudnya yaitu agar pengunjung blog sobat bila ingin ikut menuliskan pengetahuan mereka di blog kita agar lebih mudah. Karena klo untuk login di blogger kan tidak semuanya yang memiliki akun di blogger.

untuk screen shootnya dibawah ini sob.



Gimana apakah sobat tertarik???
ya klo tertarik tak share caranya nih, tp klo kagak yaaaa... cari artikel yang lain dulu deh, jangan buru ninggalin blog ini wkwkwkwkwkwkwkw

Cara Membuat Sliding Login/Register Form Panel di Blog
1. login blog
2. buka menu rancangan >> edit HTML (centang "Expand Template Widget")
3. cari kode ]]></b:skin>
4. letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
/***** 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;
}
5. lalu letakkan kode dibawah ini tepat dibawah kode ]]></b:skin>


<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>

6. lalu cari kode </body>
7. letakkan kode dibawah ini tepat diatasnya
<!-- Login -->
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome In Blogging Is My Life</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://crew-xp.blogspot.com' 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 Biru, gantilah tulisan tersebut sesuai keinginan sobat.
8. simpan dan lihat hasilnya

Sekian dari saya mengenai Cara Membuat Sliding Login/Register Form Panel di Blog. semoga bisa bermanfaat bagi sobat.

Good LUCK ^_^

source
Read More »

Popular Post

 

Welcome In Blogging Is My Life

Contoh Sliding Login Dengan JQuery

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

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!