Bonus Hingga $500 Tanpa Deposit Di Akhir Tahun 2013

Selamat pagi sob...

Pada postingan kali ini, saya akan mengangkat tema tentang bisnis forex. Kalau sebelumnya saya share mengenai teknik trading, maka kali ini mengenai broker yang memberikan bonus tanpa deposit, yang biasanya banyak sekali dicari oleh para trader, yang tersedia di akhir 2013 ini.

Nah, di broker ini bonus tanpa deposit yang diberikan adalah $100 atau $500. Berapa yang kalian dapatkan tergantung pada hoki happy tapi berapapun yang didapatkan menurut saya sangat bermanfaat khususnya untuk yang mau mencoba teknik trading baru, ataupun bagi pemula yang ingin belajar forex.

Bagaimana? Tertarik untuk mendaftar?

1. Masuk kesini sob.

2. Pilih "Register".

3. Masukkan identitas kalian pada kolom yang tersedia.

4. Selesai, maka kalian akan mendapatkan link aktivasi pada email yang didaftarkan.

5. Sampai pada tahap ini, kalian sudah terregistrasi, namun baru mendapatkan akun demo.

6. Nah, selanjutnya klik tombol "Activation" dibawah foto profil / avatar akun kalian untuk mendapatkan akun live.

7. Kemudian, kalian akan diarahkan pada halaman baru, dimana pada halaman ini kalian harus kembali mengisi identitas diri beserta informasi rekening bank dan upload identitas yang akan digunakan (KTP/SIM)

8. Klik "Submit" dan masukkan password.

9. Setelah akun live dibuat, klik banner "Lucky Wheel Open Everyday" pada home page kalian.

10. Kalian akan diarahkan pada halaman untuk mendapatkan bonus. Setelah bonus didapat maka klik "Receive" agar bonus dapat di kreditkan pada akun kalian.

11. Enjoy. happy

Setelah itu, maka secara otomatis bonus akan dikreditkan ke akun kalian, dan tinggal trading saja dengan unduh MT4 disini. Bonus dan profit dari trading sendiri bisa di withdrawal dengan aturan main tertentu.

Terima kasih, semoga bermanfaat...

Google Update Page Rank di Bulan Desember 2013

Selamat pagi sob...

Alhamdulillah, itulah kata pertama yang terucap saat membuka blog Alya Zahra pagi ini. Gak nyangka nih kalo si google melakukan update page rank bulan ini. Awal nya ga tau kalo ada update, dan cukup kaget saat liat sidebar kok PR blog ini udah jadi 3, padahal sebelumnya hanya PR 1. Yang saya bingung, katanya update itu terjadi tanggal 6 Desember 2013, tp sampai tanggal 10 Desember kemarin PR saya masih 1 dan baru hari ini saya lihat sudah berubah.

Tapi ga masalah kok, yang penting kan ada kenaikan, artinya ada perbaikan, perubahan ke arah yang lebih baik, hehehe cheer. Kenaikan menjadi PR 3 kali ini jadi rekor buat blog Alya Zahra, karena sebelumnya blog ini hanya pernah mencicipi PR 2, dan saat terjadi update sebelumnya malah mengalami penurunan menjadi PR 1.

Saya mengucapkan terima kasih pada para visitor blog ini, karena tanpa kalian blog ini tidak bisa berkembang. Saya harap blog ini bisa menjadi lebih baik ke depannya. Sekali lagi terima kasih pada kalian semua... pleased

Membuat Kotak Berlangganan Dengan Jquery Dialogue Box

Selamat siang sob...

Postingan pertama di bulan Desember nih... pleased

Pada postingan kali ini, saya ingin berbagi sebuah tutorial membuat kotak berlangganan di blog. Awal nya, saya tertarik saat melihat artikel dari blog Kang Ismet tentang simple dialog box dengan jquery, dialog box nya menarik sekali. Lalu, saya berpikir sepertinya tidak cukup bila hanya sekedar dialog box berisi sebuah atau lebih kalimat. Bagaimana bila dikreasikan dengan sesuatu yang digunakan dalam blog? Akhirnya, saya mencoba untuk memadukannya dengan kotak berlangganan, sehingga kotak berlangganan nya pun menjadi lebih menarik.

Setelah lebih dari 168 jam mencobanya  wat2 saya buatlah tutorial ini dengan tujuan dapat membantu temen-temen dalam mempercantik blog nya... cheer

DEMO

Ok, mari kita mulai menerapkannya :

1. Jalan-jalan dulu ke Feedburner.

2. Login dengan akun Google nya.

3. Masukkan url RSS feed nya, yaitu http://aiizahh.blogspot.com/feeds/posts/default dimana temen-temen dapat mengganti yang berwarna ungu sesuai alamat blog nya masing-masing, lalu klik "Next".

4. Isi judul dan alamat feed nya dan klik "Next".

5. Akan muncul tampilan seperti dibawah, klik "Next" lagi.

6. Pada halaman berikutnya, silahkan klik "Publicize" dan pilih "Email Subscriptions".

7. Selanjutnya klik "Activate".

8. Silahkan simpan kode kotak berlangganannya dahulu.

Lanjut, kita buat dialog box nya :

1. Letakkan kode CSS berikut diatas ]]></b:skin> .

 #aiizahh-box {
    position:fixed;
    top:50px;
    left:50%;
    width:320px;
    margin-left:-160px; /*setengah dari lebar kotak dialog*/
    color:white;
    background-color:#C6E5E9;
    border:8px solid #5DC1D0;
    box-shadow: 0 0 2px 1px black,0 0 3px #C6E5E9;
    font:normal 11px Arial;
    line-height:1.6em;
    padding:15px;
    text-align:left;
    border-radius:3px;
    z-index:1000;
    display:none;
}
.close {
    background:#C7D578;
    color:#000;
    border-radius:3px;
    padding:4px;
    text-align:center;
    margin:25px auto 2px;
    cursor:pointer;
    width:30px;
}
.close:hover {
    background-color:#5DC1D0
}
#box-overlay {
    position:fixed !important;
    position:absolute; /*tambahkan posisi ini supaya fix di IE*/
    z-index:999; /*nilai ini harus dibawah nila z-index pada kotak dialog*/
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    background : url(http://aiizahh-reader.googlecode.com/svn/trunk/patterns/Brightness.png);
    display:none;
}

2. Lalu, tambahkan kode berikut diatas </body>.

<script type='text/javascript'>
//<![CDATA[
$(function() {
     //Tampilkan kotak dialog saat .popup diklik
     $('.popup').click(function() {
          $('#aiizahh-box').fadeIn();
          $('#box-overlay').fadeTo("normal", 0.6);
     });
     //Tutup kotak dialog saat .close diklik
     $('.close').click(function() {
          $('#aiizahh-box').fadeOut();
          $('#box-overlay').hide();
     });
});
//]]>
</script> 

3. Terakhir, tambahkan kode HTML berikut.*

<button class='popup'>Subscribe</button>
<div id='box-overlay'></div>
<div id='aiizahh-box'>  
>>>KODE FORM SUBSCRIPTION DISINI <<<   
<div class='close'>OK</div></div>

4. Simpan.

*Keterangan : Silahkan ganti yang berwarna merah dengan kode form subscription temen-temen dari feedburner.

Terima kasih, semoga bermanfaat dan jangan lupa tinggalkan komentar di kotak komentar dibawah...

Dan, jangan lupa subscribe Alya Zahra pada kotak admin dibawah... happy

Konsep Dropdown Menu Berbeda Agar Blog Lebih Cantik

Selamat pagi sob...

Setelah cukup lama rehat dari dunia blogging, kali ini saya akan coba share mengenai konsep dropdown menu yang unik dan berbeda sehingga dapat membuat tampilan blog juga menjadi lebih cantik.

Seperti biasa, dropdown menu ini saya buat dengan komponen warna yang girly, namun bisa diubah sesuai dengan keinginan, yaitu dengan melihat beberapa kode html warna yang sudah saya berikan sebelumnya.

Dropdown menu ini sendiri menggunakan CSS dan kode HTML agar dapat diletakkan pada blog.

.aii:before,
.aii:after {
    content: " ";
    display: table;
}

.aii:after {
    clear: both;
}

.aii {
    *zoom: 1;
}
/* Main level */
.menu {            
    margin: 50px auto;
    width: 800px;
    width: fit-content;    
}

.menu > li {
    background: #FE80DF;
    float: left;
    position: relative;
    transform: skewX(25deg);
}

.menu a {
    display: block;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial;
    font-size: 13px;
}        

.menu li:hover {
    background: #FE80DF;
}        

.menu > li > a {
    transform: skewX(-25deg);
    padding: 1em 2em;
}

/* Dropdown level*/
.submenu {
    position: absolute;
    width: 200px;
    left: 50%; margin-left: -100px;
    transform: skewX(-25deg);
    transform-origin: left top;
}

.submenu li {
    background-color: #FEBFEF;
    position: relative;
    overflow: hidden;        
}                        

.submenu > li > a {
    padding: 1em 2em;            
}

.submenu > li::after {
    content: '';
    position: absolute;
    top: -125%;
    height: 100%;
    width: 100%;            
    box-shadow: 0 0 50px rgba(0, 0, 0, .9);            
}        

/* Odd stuff */
.submenu > li:nth-child(odd){
    transform: skewX(-25deg) translateX(0);
}

.submenu > li:nth-child(odd) > a {
    transform: skewX(25deg);
}

.submenu > li:nth-child(odd)::after {
    right: -50%;
    transform: skewX(-25deg) rotate(3deg);
}                

/* Even stuff */
.submenu > li:nth-child(even){
    transform: skewX(25deg) translateX(0);
}

.submenu > li:nth-child(even) > a {
    transform: skewX(-25deg);
}

.submenu > li:nth-child(even)::after {
    left: -50%;
    transform: skewX(25deg) rotate(3deg);
}

/* Show dropdown */
.submenu,
.submenu li {
    opacity: 0;
    visibility: hidden;            
}

.submenu li {
    transition: .2s ease-out transform;
}

.menu > li:hover .submenu,
.menu > li:hover .submenu li {
    opacity: 1;
    visibility: visible;
}        

.menu > li:hover .submenu li:nth-child(even){
    transform: skewX(25deg) translateX(15px);            
}

.menu > li:hover .submenu li:nth-child(odd){
    transform: skewX(-25deg) translateX(-15px);            
}

Lalu, terakhir tambahkan kode HTML nya :

<ul class="menu aii">
    <li><a href="">Menu 1</a></li>
    <li>
        <a href="">Menu 2</a>
        <ul class="submenu">
            <li><a href="">Submenu 1</a></li>
            <li><a href="">Submenu 2</a></li>
            <li><a href="">Submenu 3</a></li>
        </ul>            
    </li>
    <li>
        <a href="">Menu 3</a>
        <ul class="submenu">
            <li><a href="">Submenu 1</a></li>
            <li><a href="">Submenu 2</a></li>
            <li><a href="">Submenu 3</a></li>
            <li><a href="">Submenu 4</a></li>
        </ul>            
    </li>
    <li><a href="">Menu 4</a></li>
    <li><a href="">Menu 5</a></li>
</ul>

DEMO :

Bagaimana, menarik bukan?

Silahkan dicoba dan jangan lupa tinggalkan komentar di kolom komentar...

Terima kasih....

Link Nudging Dengan CSS3

Pernah melihat efek link seperti gambar diatas???

Tertarik untuk menggunakannya???

Ok, kalo tertarik silahkan ikuti langkah-langkah nya sob :

1. Login ke blogger.

2. Pilih Template - Edit HTML.

3. Centang Expand Template Widget.

4. Letakkan kode berikut diatas ]]></b:skin> atau </style> :

 ul.nudging {
  margin:10px 10px;
  padding:0px 0px;
  font:normal 14px Comic Sans;
}

ul.nudging li {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}

ul.nudging li a {
  text-decoration:none;
  display:block;
  overflow:hidden;
  padding:5px 10px;
  color:black;
  background-image:-webkit-linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  background-image:-moz-linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  background-image:-ms-linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  background-image:-o-linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  background-image:linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  -webkit-background-size:200% 100%;
  -moz-background-size:200% 100%;
  background-size:200% 100%;
  -webkit-transition:all 0.29s ease-out;
  -moz-transition:all 0.29s ease-out;
  -ms-transition:all 0.29s ease-out;
  -o-transition:all 0.29s ease-out;
  transition:all 0.29s ease-out;
}

.nudging li a:hover {
  background-position:100% 100%;
  padding-left:15px;
} 

5. Simpan Template.

6. Letakkan link-link yang ingin diberi efek seperti contoh dibawah :

 <ul class="nudging">
    <li><a href="#">Apel</a></li>
    <li><a href="#">Belimbing</a></li>
    <li><a href="#">Cherry</a></li>
    <li><a href="#">Durian</a></li>
    <li><a href="#">Elai</a></li>
</ul> 

7. Enjoy.

DEMO :



Terima Kasih...
Semoga bermanfaat...

Cara Mencegah Link Aktif Dengan Menampilkan Salinan Komentar Pada Blog

Selamat siang...

Kali ini saya ingin berbagi tutorial yang rasanya cukup penting, meskipun sebelumnya saya sudah share tutorial yang mirip. Selain untuk tujuan berbagi tutorial, postingan ini juga saya buat untuk mengakomodir permintaan sahabat Dhestar Wirawan.

Jika sebelumnya kita hanya dapat menghapus link aktif yang disertakan dalam sebuah komentar seperti tutorial yang lalu, maka kali ini kita dapat menampilkan salinan dari komentar asli nya.

DEMO

Kalau tertarik silahkan ikuti :

1. Login ke blogger.

2. Pilih Template - Edit HTML.

3. Cari kode </body> dan letakkan kode berikut ini diatas nya :

<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        if (content[i].innerHTML.indexOf('</a>') !== -1) {
            var salinan = content[i].innerHTML;
          content[i].innerHTML = "<div>Maaf, komentar Anda telah disembunyikan kemungkinan karena Anda menyisipkan link aktif yang tidak diperlukan oleh para pembaca. Berikut ini merupakan salinan dari komentar yang Anda berikan :</div><div><textarea>" + salinan + "</textarea> <div>Terima kasih atas perhatian Anda <div align='right'><img alt='no spam' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTg_TPShWwcjszvmlFS-hrT27UkkkKG7SR-TTh-1D2yHChn0_s_R9AKC-ctWhTy6-VqKRBGZ5utlqDwYje6uG2lBo3kioihCkOTv3jvXvrOe4mGxpoMU_YHgm1zyaOMEm7wgdNcUTMJfIS/s50/order.gif' style='border:0;'/></div></div>";
            content[i].className = "spammers";
        }
    }
}
// Jalankan fungsi!
blockLinks('comments', 'p');
//]]> 
</script>

4. Selanjutnya, cari kode ]]></b:skin> dan letakkan kode berikut diatas nya :

p .spammers {background-color:#A29A9A;color:white}
textarea {
 background-color:#F8D9B5;
 width:98%;
 height:80px;
 overflow:auto;
 display:block;
 margin:10px auto} 

5. Simpan Template.

6. Enjoy. smoke

Bagaimana sob? Kode-kode diatas dapat di edit sesuai dengan keinginan masing-masing termasuk warna dan kalimat mutiara nya.

Terima kasih dan semoga bermanfaat. :)

Alternatif Dari Google Drive Untuk Hosting Javascript

Halo, selamat siang sob...

Bagaimana kabarnya hari ini? Ga kerasa udah beberapa hari ga posting dan ga online bikin tangan jadi gatal untuk melakukan kegiatan ketik-mengetik... winds

Pada postingan kali ini saya ingin berbagi, sesuai judul, yaitu tempat hosting file javascript selain di google drive. Mungkin banyak dari kalian yang sudah tahu bahwa layanan google code, yang kebanyakan orang menggunakannya untuk hosting file-file javascript sudah mulai dikurangi omg dan para "javascript's uploader" (kita sebut saja begitu yah... :D ) disarankan untuk bermigrasi, transmigrasi, atau apalah istilahnya peace2 ke google drive.

Nah, selain google drive yang saya yakin tutorialnya sudah banyak di luar sana, saya ingin membuat tutorial upload file javascript di YourJavascript. Saya pikir upload file-file javascript disana lebih sederhana dan kita bisa membuatnya menjadi file private, yang hanya domain-domain "terpilih" saja yang bisa menggunakannya.

Ok, langsung saja :

1. Jalan-jalan dulu ke YourJavascript.

2. Cari file javascript yang ingin di upload, lalu centang pada opsi private jika ingin membuat file tersebut hanya digunakan pada domain yang ingin dipilih.

3. Masukkan email, ini berfungsi bagi yourjavascript untuk mengirimkan  link file javascript yang sudah berhasil di upload.

4. Masukkan kode verifikasi captcha yang ada lalu klik "Upload".

5. Tunggu sebentar, jika berhasil silahkan buka email yang telah dimasukkan sebelumnya.

6. Enjoy. smoke

Terima kasih dan semoga bermanfaat... :)