Memasang Kode Parallax Effects Shine
Login ke akun blog klik tombol blog baru, buat satubuah link baru
kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut,
hapus semua kode template ganti dengan kode blank template, yang tersedia pada sumber berikut : * Get Blank Template. edit background warna sesuai keinginan klik simpan selesai.
Login ke akun blog klik tombol blog baru, buat satubuah link baru
kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut,
hapus semua kode template ganti dengan kode blank template, yang tersedia pada sumber berikut : * Get Blank Template. edit background warna sesuai keinginan klik simpan selesai.
Kemudian klik entri halaman baru HTML pada link tersebut.
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai
<style class="Mys2010-styles">
body {
background:#333;}
header {
-o-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 0px 0;
position: fixed;
top:-2px;
width: 100%;
text-align: center;
font-size: 6px;
background: linear-gradient(270deg,#555,#111, #444, #222, #444,#111, #555);
border-bottom: 3px solid #24006B;
-webkit-animation: shadow 6s ease-in-out infinite;
animation: shadow 6s ease-in-out infinite;
}
.ap {
position: fixed;
right: 0;
bottom:-19px;
left: 0;
height:80px;
margin: auto;
font-family: Arial, sans-serif;
font-size: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
font-size: 11px;
background: #111;
border-top: 2px solid #222;
z-index: 9999;
}
h2 {
padding:15px;
border-top: 2px solid #222;
}
a{text-decoration:none}
html, body {
height: 100%;
width: 100%;
}
.center-image {
display: table-cell;
text-align: center;
vertical-align: middle;
}
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic|Lato:400,300,100,700,900);
* {
margin: 0 auto;
padding: 0;
}
.container {
height: 800px;
width: 100%;
overflow: hidden;
}
.container:nth-child(3) {
height: 850px;
}
.img-1 {
background: url("https://sites.google.com/site/sulescroll/poto/Bg-Youtube-M2010.jpg");
background-attachment: fixed;
background-repeat: none;
background-position: top left;
}
.img-2 {
background-color: #ccc;
}
.img-3 {
background: url("https://sites.google.com/site/sulescroll/poto/Sule-Youtube-Lisensi-M2010.png");
background-size: cover;
background-repeat: none;
background-attachment: fixed;
}
.img-4 {
background-color: #02050A;
}
.img-5 {
background: url("https://sites.google.com/site/sulescroll/poto/Play-Youtuber-M2010.jpg");
background-size: cover;
background-repeat: none;
background-attachment: fixed;
}
.images-text {
text-align: center;
text-transform: uppercase;
font-family: 'lato';
font-weight: 200;
font-size: 4.5em;
color: #dad;
letter-spacing: .05em;
line-height: 1.1em;
width: 90%;
top: 50%;
position: relative;
top:20%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.images-text2 {
text-align: center;
text-transform: uppercase;
font-family: 'agency fb';
font-weight: 200;
font-size: 32px;
color: #222;
letter-spacing: .05em;
line-height: 1.1em;
width: 90%;
top: 50%;
position: relative;
top:20%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.image-cont {
border-left: solid 4px #192222;
width: 60%;
margin: 7% auto;
}
.panel-text {
width: 90%;
margin: 0 auto;
font-family: "lato";
letter-spacing: .08em;
font-size: 2.5em;
}
.headline1 {
color: #ff0;
text-align: center;
padding-top: 80px;
margin-bottom: -150px;
font-weight: 300;
font-family: "agency fb";
}
.headline2 {
padding: 0 0 10px 2.5%;
text-align: left;
color: #307C7D;
font-weight: 400;
}
.text {
width: 90%;
margin: 0 auto;
padding: 3.5% 0 0 2.5%;
font-family: "lora";
font-color: #f00;
font-size: 1.2em;
line-height: 1.8em;
}
.column-container {
width: 100%;
height: 375px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.column-container aside {
float: left;
width: 26.66666666666667%;
height: 300px;
margin: 2.5%;
opacity: .6;
border-radius: 5px;
transition: all .5s ease;
}
.column-container aside:hover {
opacity: 1;
border-radius: 50%;
}
.column-container aside:nth-child(1) {
margin-left: 5%;
}
.column-text {
font-family: "lato";
font-weight: 100;
font-size: 3em;
text-align: center;
color: #333;
width: 100%;
height: 300px;
line-height: 300px;
transition: all 0.7s ease;
}
.column-text:hover {
color: #dad;
}
.bg-image1 {
background: url("https://sites.google.com/site/sulescroll/poto/YouTube-blocked-M2010.png");
background-repeat: none;
background-size: cover;
max-width: 100%;
}
.bg-image2 {
background: url("https://sites.google.com/site/sulescroll/poto/Copyright-M2010.jpg");
background-repeat: none;
background-size: cover;
max-width: 100%;
}
.bg-image3 {
background: url("https://sites.google.com/site/sulescroll/poto/Play-Youtube-M2010.jpg");
background-repeat: none;
background-size: cover;
max-width: 100%;
}
.video {
width: 560px;
height: 315px;
position: absolute;
position: center;
top:366px;
left: -2px;
right:6px;
bottom: 0;
margin: auto;
z-index: 100;
}
</style>
<div class="container img-1">
<figure class="images-text">PARALLAX <br> EFFECTS SHINE</figure>
<figure class="images-text2"><br><br><br>
<p>Mari belajar mendesain webblog<br> menggunakan kode parallax Effects Shine<br>
dengan cara mengedit kode parallax <br>dan menerapkannya kedalam HTML webblog<br>
agar tampilan webblog terlihat rapih. <br> GETTING THE CODE <a href="https://Link Download"title="Mari Belajar"style="text-decoration:none">
<span style="color:green;"> download </a>kode parallax <br>edit sesuai keinginan </p>
</figure>
</div>
<div class="container img-4" >
<h1 class="panel-text headline1">Lisensi Standar Youtbe Licence</h1>
<div class="column-container">
<aside class="img-3-column bg-image1"><p class="column-text">BLOCKED</p></aside>
<aside class="img-3-column bg-image2"><p class="column-text">LICENCE</p></aside>
<aside class="img-3-column bg-image3"><p class="column-text">ALLOWED</p></aside>
</div>
</div>
<div class="container text">
<div class="image-cont">
<h1 class="panel-text headline2">Lisensi di Situs YouTube</h1>
<p>Youtube menyediakan dua jenis lisensi, yaitu perlindungan Hak Cipta dan Perlindungan Creative Commons BY (CC BY). Suatu konten di YouTube yang dilindungi oleh Hak Cipta, jika seseorang akan mendownload, mengedit dan mengkomersialisasikan isi konten <p>di YouTube tersebut, maka seseorang harus terlebih dahulu Meminta izin</p>
<p><i>Jika seseorang menggunakan video dari YouTube diharuskan menghubungi <p> pembuat atau pengunggah video tersebut<p> dengan cara mengeklik tautan di saluran pengguna -Kirim Pesan- dan meminta izin kepada pemilik</i> serta harus mengetahui jenis lisensi yang digunakannya <p>mengambil kontent dari youtube untuk tujuan hal yang wajar, <p> harus menyantumkan sumber kontent tersebut, sebagaimana dijelaskan <p>dalam UU Hak Cipta, UU No 19 Tahun 2002 pada pasal 15 (a) : <p>agar tidak dianggap sebagai pelanggaran Hak Cipta,
</p>
</div>
</div>
<div class="container img-3">
<figure class="images-text">
<font size="30" color="green"face="agency fb"> DESIGN CODE IS EDITED BY.</font></figure>
</div>
<div class="container text">
<div class="image-cont">
<h1 class="panel-text headline2">Creative Commons</h1>
Lisensi Creative Commons adalah cara standar bagi pembuat konten untuk memberikan izin penggunaan karyanya kepada orang lain. YouTube membolehkan pengguna untuk menandai video mereka dengan lisensi Creative Commons CC BY. Video yang ditandai tersebut dapat diakses oleh pengguna YouTube untuk digunakan, bahkan secara komersial, dalam video mereka sendiri melalui Editor Video YouTube.
Atribusi diberikan secara otomatis menurut lisensi CC BY. Itu berarti video yang Anda buat menggunakan konten Creative Commons akan otomatis menampilkan judul video sumber di bawah pemutar video. Anda yang memegang hak cipta, dan pengguna lain dapat menggunakan kembali karya Anda sesuai persyaratan lisensi.
Creative Commons di YouTube
Kemampuan untuk menandai video yang diupload dengan lisensi Creative Commons tersedia bagi semua pengguna.
Lisensi standar YouTube merupakan setelan default bagi semua upload. Untuk meninjau persyaratan lisensi YouTube standar.
Karena lisensi Creative Commons untuk konten asli, Anda tidak dapat menandai video dengan lisensi Creative Commons apabila ada klaim Content ID atas video tersebut.
Dengan menandai video asli Anda dengan lisensi Ceative Commons, Anda memberikan hak kepada seluruh komunitas YouTube untuk menggunakan kembali atau mengedit video tersebut. <a href="https://support.google.com/" target="_blank" title="Mari Belajar"><span style="color:green;"> Source </a> Support Google
</div>
</div>
<div class="container img-5">
<figure class="images-text">
<font size="50" color=" #191970"face="agency fb"><p>✇</p><p> M2010</p>
<div class='video'>
</div>
<div align="center" style="margin-top:-77px">
<script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-58d22c749295bca52f487966e382a94a495ac103faca9206cbd160bdf8aedf2a.js'>
</script>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>
</script>
<script>
(function () {
var ambilight;
$(document).ready(function () {
return ambilight.on('KSqttO3NtCg', '.video');
});
ambilight = {
on: function (yt_id, container) {
$(container).append('<iframe width="560" height="315" src="https://www.youtube.com/embed/nNxcUbHpGms" frameborder="0" allowfullscreen></iframe>');
return $('body').tubular({ videoId: yt_id });}};
}.call(this));
</script>
</figure>
</div>
<div class="ap" id="ap"><h2> <span style="font-family: arial ; font-size: 12px; color:#80C8FE;"> EDITED BY. <a href="https://Link Download"title="Mari Belajar"><span style="color: #FFFF00; font-size: 14px;"> M - 2010 </a> DOWNLOAD </a> <h2> </div>
<header> <a href="http://sample-mys2010.blogspot.co.id" target="_blank" title="Mari Belajar"> <h2> <span style="color:#f00; font-size:11pt"> <div class="Liplop">Myscript2010</div></a> </h2> </header>
If you want to directly copy and paste you canDownload Here Parallax Effects Shine
