Cara Daftar di PopAds

, , , , No comments
Hai Sahabat Maura Tutorial. Kali ini saya akan memberikan tutorial "Cara Daftar di PopAds".
PopAds adalah situs ads network popunder yang berbasis CPM (Cost per Mille). CPM PopAds ini membayar yang lumayan tinggi dari CPM lainya.

Untuk Daftar dan Pembayaran yuk simak di bawah ini:

Cara daftar di PopADS :

  1. Silakan Klik di sini 
  2. Isi Data-data seperti di bawah ini dengan Benar agar ketika penarikan tidak terjadi kesalahan.
Cara Daftar di PopAds

  3.Jika cara seperti nomor 1 dan 2 sudah di lakukan akan muncul gambar seperti di bawah ini:
Cara Daftar di PopAds

  4. Buka Email yang sebelumnya anda daftar di PopAds.
maka akan mendapatkan email dari PopAds yang seperti gambar di bawah ini dan Klik link aktivasinya:
Klik Link aktivasi
akun aktif

  5. Lalu anda Login dengan Username dan Password yang sebelumnya kita daftarkan.:
Login

  6. Kalau sudah Login kamu pilih New Website dan kita isi data-data Blog atau Web yang ingin kita daftarkan ke PopAds,
Isi data-data web atau blog

  7. Jika cara nomor 6 sudah benar akan muncul seperti gambar di bawah ini lalu tinggal Klik Add website:
Add website
  8. Setelah kita Add website seperti penjelasan nomor 7. kita akan mendapatkan penjelasan yang tidak jauh seperti gambar di bawah ini :

sebelum di setujui kita menungguh 24 jam untuk di review
 Yang artinya web atau blog kita akan di periksa oleh pihak PopAds selama 24 jam.

  9. Setelah kira-kira 24 jam. Apabila Web atau Blog yang kita daftarkan tadi di Setujui, maka kita akan mendapatkan Email yang bunyinya tidak jauh seperti gambar di bawah ini:
Website approved

Cara Memasang Iklan PopAds:
  1. Login di PopAds 
  2. Klik Code Generator yang ada di samping dan pilih Web atau Blog yang mau di pasangi iklan PopAds,
dan Copy Kode dari PopAds untuk kita pasang di Blog atau Web kita
seperti gambar di bawah ini :
cara mendapatakan code iklan
  3. Masuk ke Blogger
  4. Pilih template - Edit template
pasang iklan de blog 1

  5. Pastekan Code iklan PopAds yang sebelumnya kita Copy di atas </head>
pasang iklan de blog 2

  6. Simpan
  7. Selesai..

Cara Payout / penarikan saldo PopAds:
  1. Minimal saldo yang bisa kita tarik minimal $5
  2. Klik Billing yang ada di Account Manager. lalu pilih withdraw
cara payout 1

  3. Lalu kita tentuin Sendiri di Tab withdraw seperti di bawah ini:
      a. Amount : berapa yang mau di tarik
      b. Type : type pembayaran.
      c. Kalau kita milih Paypall kita isi dengan email Paypall yang Valid
      d. Terahir Klik Withdraw
Withdraw

Daftar PopAds



Demikian cara lengkap daftar di PopAds. 
dan apabila ada salah penulisan atau penjelasan mohon di Kritik di box Komentar ..

Share:
Read More

Cara membuat Loading Animasi Circle

, , , , No comments


Kemarin saya Sudah membagikan Tutorial membuat  Efek loading.
dari yang Loading Dengan Font dan Pulse Loading Animation.
Sekarang saya akan memberikan Tutorial lagi tapi masih sama Tentang Loading,
tapi yang sekarang berbedah yaitu Loading Animasi Circle Penasaran Lihat Demo.....

Ok lanjut ke Tutorialnya:
1. Masuk ke Blog sobat,
2. Masuk ke Template > HTML
3. Letakkan Kode di bawah ini Tepat di atas </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.rawgit.com/maura-tutorial/loading/master/loading.js" type="text/javascript"></script>
<link href='https://cdn.rawgit.com/maura-tutorial/loading/master/Circle.css' rel='stylesheet' type='text/css'/>

*Penting: Kalau di template Sudah ada Jquery (Warna Merah)  Lewati saja.

4. Letakkan juga Kode di bawah ini tepat di bawah <body>
<div id="maura-load">
<div class="all_circle">
   <div class="tulisan">Welcome to the Maura Tutorial..</div>
  <div class="circle one"></div>
  <div class="circle two"></div>
  <div class="circle three"></div>
  <div class="circle four"></div>
  <div class="circle five"></div>
  <div class="circle six"></div>
  <div class="circle seven"></div>
  <div class="circle eight"></div>
  <div class="circle nine"></div>
  <div class="circle ten"></div>
  <div class="circle eleven"></div>
  <div class="circle twelve"></div>
  <div class="circle thirteen"></div>
  <div class="circle fourteen"></div>
  <div class="circle fifteen"></div>
  <div class="circle sixteen"></div>
  <div class="circle seventeen"></div>
  <div class="circle eighteen"></div>
  <div class="circle nineteen"></div>
  <div class="circle twenty"></div>
  <div class="circle twenty-one"></div>
  <div class="circle twenty-two"></div>
  <div class="circle twenty-three"></div>
  <div class="circle twenty-four"></div>
  <div class="circle twenty-five"></div>
  <div class="circle twenty-six"></div>
  <div class="circle twenty-seven"></div>
  <div class="circle twenty-eight"></div>
  <div class="circle twenty-nine"></div>
  <div class="circle thirty"></div>
  <div class="circle thirty-one"></div>
  <div class="circle thirty-two"></div>
  <div class="circle thirty-three"></div>
  <div class="circle thirty-four"></div>
  <div class="circle thirty-five"></div>
  <div class="circle thirty-six"></div>
  <div class="circle thirty-seven"></div>
</div>

*Penting: Warna Merah di atas yang tulisan Welcome silakan ganti sesuai keinginan
5. Terahir Save,,,
Share:
Read More

Cara membuat Efek salju berjatuhan di Blog

, , , , No comments
Cara membuat Efek salju berjatuhan Di blog

Cara membuat Efek salju berjatuhan di Blog- Mumpung Natal hampir tiba ,, sekarang aku akan memberikan Tutorial Cara yang berhubungan dengan natal.. yaitu salju..
mau tahu membuat Efek Salju  di Blog...
Ni simak dan peraktekin (jangan di baca Doang) heheheheh..

1. Pastinya kamu haru login dulu ke blog sbat...
2. Masuk ke Template > HTML 
3. Cari Kode </head> atau  Bisa juga kode </body> (terserah pokonya pilih salah satunya)
4. Lalu copy paste Kode di bawah ini tepat di atas </head> atau </body>

<script src="https://cdn.rawgit.com/maura-tutorial/efek-salju-v.1/master/efeksalju1.js"> </script>

5. Save..


Share:
Read More

Cara Membuat Efek Loading Dengan Font v.1

, , , , No comments


Hi sobat Blogger... 
Kali ini saya akan memberikan sedikit tutorial "Cara Membuat Efek Loading Dengan Font v.1". 
Meskipun banyak yang memberiakn Tutorialnya.
Tapi efek Loading Dengan Font v.1 kali ini berbedah dari yang bisanya karna Font akan muncul dari bawah dan berputar sedikit.
Penasaran Lihat Demo..

Udah sedikit saja penjelasanya sekarang kita peraktekin..

1. Pastinya kamu harus Login dulu ke Blogger sobat.
2. Masuk ke Template > HTML
3. Cari kode </head>. lalu paste script di bawah ini tepat diatas </head>  .

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.rawgit.com/maura-tutorial/LoadingmauratutorialMT/master/Mauratutorial.js" type="text/javascript"></script>
<style>
#load-page-maura { width:100%; height:100%; position:fixed; left:0; top:0; z-index:+100000; overflow:hidden; text-align:center; background:#111; }
.load {
  position:absolute;
  width:600px;
  height:36px;
  left:50%;
  top:40%;
  margin-left:-300px;
  overflow:visible;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default;
}

.load div {
  position:absolute;
  width:20px;
  height:500px;
  opacity:0;
  font-size: 200%;
  font-family:Charcoal;
  animation:move 2s linear infinite;
  -o-animation:move 2s linear infinite;
  -moz-animation:move 2s linear infinite;
  -webkit-animation:move 2s linear infinite;
  transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  color:#35C4F0;
}

.load div:nth-child(2) {
  animation-delay:0.2s;
  -o-animation-delay:0.2s;
  -moz-animation-delay:0.2s;
  -webkit-animation-delay:0.2s;
}
.load div:nth-child(3) {
  animation-delay:0.4s;
  -o-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
}
.load div:nth-child(4) {
  animation-delay:0.6s;
  -o-animation-delay:0.6s;
  -moz-animation-delay:0.6s;
  -webkit-animation-delay:0.6s;
}
.load div:nth-child(5) {
  animation-delay:0.8s;
  -o-animation-delay:0.8s;
  -moz-animation-delay:0.8s;
  -webkit-animation-delay:0.8s;
}
.load div:nth-child(6) {
  animation-delay:1s;
  -o-animation-delay:1s;
  -moz-animation-delay:1s;
  -webkit-animation-delay:1s;
}
.load div:nth-child(7) {
  animation-delay:1.2s;
  -o-animation-delay:1.2s;
  -moz-animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
}

@keyframes move {
  0% {
    left:0;
    opacity:0;
  }
35% {
left: 41%;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1;
}
65% {
left:59%;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1;
}
100% {
left:100%;
-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:0;
}
}

@-moz-keyframes move {
0% {
left:0;
opacity:0;
}
35% {
left:41%;
-moz-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1;
}
65% {
left:59%;
-moz-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1;
}
100% {
left:100%;
-moz-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:0;
}
}

@-webkit-keyframes move {
0% {
left:0;
opacity:0;
}
35% {
left:41%;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1;
}
65% {
left:59%;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1;
}
100% {
left:100%;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:0;
}
}

@-o-keyframes move {
0% {
left:0;
opacity:0;
}
35% {
left:41%;
-o-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1;
}
65% {
left:59%;
-o-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1;
}
100% {
left:100%;
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:0;
}
}
</style>

*Penting*
Kalau di template Sudah ada Jquery (Warna Merah)  Lewati saja.

4. Copy Paste Script di bawah ini. dan letakkan Tepat di bawah <body>.

<div id="load-page-maura">
<div class="load">
  <div>G</div>
  <div>N</div>
  <div>I</div>
  <div>D</div>
  <div>A</div>
  <div>O</div>
  <div>L</div>
</div>

5. Terahir Save,,,,


Lihat tara,,,,,,

*kalau ada pertanyaan Koment saja...
Share:
Read More

Cara membuat Efek Gambar Berputar dan Description Gambar Sembunyi

, , No comments


Cara membuat Efek Gambar Berputar dan Description Gambar Sembunyi. 
Pengen Buat??. Tenang saja ntar aku beri tutorialnya. tapi kenalin dulu apa aja efek dari Cara membuat Efek Gambar Berputar dan Description Gambar Sembunyi.:

 1. Gambar akan berputar 100 Drajat tapi berputarnya secara halus.
2. Description akan keluar dan mengikuti gambar yang berputar setelah maouse di arahkan ke gambar
3. Ketika mouse di arahkan ke gambar akan ada efek Zoom

Ok udah selesai sedikit penjelasannya. langsung saja ikutin langkah demi langkah

1. Buka dulu Blogger sobat..
2. Masuk ke Menu Template > HTML
3. Cari Kode ini ]]></b:skin> atau </style>
4. Kopy dan paste kode di bawah ini tepat di atas ]]></b:skin> atau </style>


/* Sliding Description Panel For Images */
.imagepluscontainer {
 /* main image container */
    position: relative;
    z-index: 1;
    font-family: verdana;
    font-size: 13px;
}
.imagepluscontainer img {
 /* CSS for image within container */
    position: relative;
    z-index: 2;
    -moz-transition: all 0.5s ease;
 /* Enable CSS3 transition on all props */
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.imagepluscontainer:hover img {
 /* CSS for image when mouse hovers over main container */
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 25px 10px rgba(0, 0, 0, 0.5);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
.imagepluscontainer div.desc {
 /* CSS for desc div of each image. */
    position: absolute;
    width: 90%;
    z-index: 1;
 /* Set z-index to that less than image's, so it's hidden beneath it */
    bottom: 0;
 /* Default position of desc div is bottom of container, setting it up to slide down */
    left: 5px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.8);
 /* black bg with 80% opacity */
    color: white;
    -moz-border-radius: 0 0 8px 8px;
 /* CSS3 rounded borders */
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    opacity: 0;
 /* Set initial opacity to 0 */
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
 /* CSS3 shadows */
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    -moz-transition: all 0.5s ease 0.5s;
 /* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */
    -webkit-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
}
.imagepluscontainer div.desc a {
    color: white;
}
.imagepluscontainer:hover div.desc {
 /* CSS for desc div when mouse hovers over main container */
    -moz-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 1;
 /* Reveal desc DIV fully */
}
/* Below CSS when applied to desc DIV slides the desc div from the right edge of the image */
.imagepluscontainer div.rightslide {
    width: 150px;
 /* reset from default */
    top: 15px;
    right: 0;
    left: auto;
  /* reset from default */
    bottom: auto;
  /* reset from default */
    padding-left: 15px;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}
.imagepluscontainer:hover div.rightslide {
    -moz-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
/* Below CSS when applied to desc DIV slides the desc div from the left edge of the image */
.imagepluscontainer div.leftslide {
    width: 150px;
  /* reset from default */
    top: 15px;
    left: 0;
    bottom: auto;
  /* reset from default */
    padding-left: 15px;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}
.imagepluscontainer:hover div.leftslide {
    -moz-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
/* Below CSS when applied to desc DIV slides the desc div from the top edge of the image */
.imagepluscontainer div.upslide {
    top: 0;
    bottom: auto;
  /* reset from default */
    padding-bottom: 10px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.imagepluscontainer:hover div.upslide {
    -moz-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
.imagepluscontainer { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 5s ease; }
.imagepluscontainer:hover { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-360deg); }
/* Sliding Description Panel For Images */

5. Untuk menggunankannya di postingan Blog cukup kopy kode di bawah ini., dan paste dengan mode HTML.

<div class="imagepluscontainer" style="width:263px;">
<img src="https://wallpaperscraft.com/image/gaara_sabaku_no_gaara_kazekage_naruto_shippuden_naruto_97135_250x300.jpg">
<div class="desc downslide">
DESKRIPSI GAMBAR DI BAWAH
</div>
</div>

*Penting : 
Warna Merah Ganti dengan Url gambar Sobat
Warna Biru adalah arah panel description bergerak. 
upslide (untuk di atas) rightslide (untuk di kanan) leftslide (Untuk di kiri) downslide (untuk di bawah)
Warna Hijau adalah Untuk Description 

OK udah selesai penjelasanya untuk Tutorial "Cara membuat Efek Gambar Berputar dan Description Gambar Sembunyi" 
apabila ada pertanyaan langsung saja di komentar...
Share:
Read More

Floating Conatct-us Keren Blue Dark

, , No comments
Floating Conatct-us Keren Blue Dark

"Demo"

Contact-us Merupakan Hal yang wajib buat admin Blogger.
Apalagi buat Para Pengunjung Blogger yang ingin bertanya secara langsung.

kali ini saya akan memberikan Tutorial membuat Conatct-us yang pastinya lebih keren dari yang biasanya
Ni aku kasih Tutorialnya:

1. kamu Harus menambahkan widged Conatct forum di blog kamu
caranya buka halaman layout > Add gadget > Contact Form, terserah mau di taruh di mana.

2. Masuk ke menu Template > Html. cari kode di bawah ini:

<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
<b:includable id='main'>
Hapus bagian ini 
</b:includable>
</b:widget>
</b:section>
*hapus yang berwarna merah dan save..

3. Terahir kamu tinggal nambahin  widged HTML/JavaScript dan paste kode Css di bawah ini.
<!-- floating contact form-->
<style>
.form-parent {width:323px;height:auto;background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcx-PrtKUXV5CIiAD_kKvqoWZEAcJpO-ga8UrlGimaS2C6kkRCiPACXNJ5xaDBLX9aNE6R3YkP0qGcG08zsAeTxhokOFGGOSJNh74_74U9SeEvKN2kMJOBjTc1x6lcaucJ0rB2QMqQAu54/s1600/contact-button.png') no-repeat right 10px;position:fixed;top:150px;left: -275px;z-index:9999999;transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.form-parent:hover {left:0;}
.cc-float-form {background:-moz-linear-gradient(top, #0a4cd8 5%, #0a4cd8 100%);background:-webkit-linear-gradient(top, #0a4cd8 5%, #0a4cd8 100%);background:-o-linear-gradient(top, #0a4cd8 5%, #0a4cd8 100%);    background:-ms-linear-gradient(top, #0a4cd8 5%, #0a4cd8 100%);    background:linear-gradient(to bottom, #0a4cd8 5%, #0a0a0a 100%);color:#fafafa;padding:10px;    width:250px;border:2px solid #000;    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#ContactForm1 {display:none;}
.contact-form-area {background: #222;width: 245px;padding: 10px 0px;border: 1px solid #111;box-shadow: 2px 2px 2px #111 inset;    -webkit-box-shadow: 2px 2px 2px #111 inset;font-family:Verdana, Geneva, sans-serif;color:#fafafa;font-size: 12px;}
#cc {float:right;font-size:9px;margin-top:-10px;color:#777;}#cc a {    color: #777;text-decoration:none;}
</style>
<div class='form-parent'>
<form name="contact-form" class="cc-float-form">
<p></p>
Name:<br />
<input class="contact-form-area" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" />
<p></p>
Email:
<span style="color:red;">*</span><br />
<input class="contact-form-area" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" />
<p></p>
Message: <span style="color:red;">*</span><br />
<textarea class="contact-form-area"  id="ContactForm1_contact-form-email-message" name="email-message" cols="25" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button" />
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
<div id="cc">
By <a href="http://mauratutorial.blogspot.com/" target="_blank">GET IT</a>
</div>
</form>
</div><!--Parent-->
<!--All ends here-->

4. Save ,,,

Terima kasih udah berkunjung....
Share:
Read More

Cara Membuat Efek Rotasi pada gambar

, , , No comments
Sering kita bertanya bagaimana si  membuat Gambar sedikit berbedah dengan gambar lain di blog ??
Terutama yang bisa Rotasi .
tapi Tenang saya akan memberikan Tutorialnya,,
yuk simak dan praktekin di blog sobat,,,
1. kamu harus Login dulu Di blog sobat.
2. Masuk di Template>Html
3. Cari kode ini ]]></b:skin>
4. lalu masukan Kode CSS di bawah ini tepat di atas ]]></b:skin>
.post-body img{
border-radius: 2%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post-body img:hover{  transition: all 2s ease-in-out;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
z-index: 999;
box-shadow: 8px -6px 5px rgba(50, 50, 50, 0.75);
}
5. Save,,

Untuk menarapkannya kamu cukup upload Gambar,,,
Share:
Read More

Recent Posts