Menu


Menu Tab

Pages

Showing posts with label Memasang Kode Teks Gaya Koran. Show all posts
Showing posts with label Memasang Kode Teks Gaya Koran. Show all posts

Memasang Kode Teks Gaya Koran

Memasang kode Teks Gaya Koran
Untuk menerapkan kode tersebut Langkah awal Login ke akun blog klik tombol blog barubuat 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 ini  Get Blank Template  


edit background warna sesuai keinginan dan 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
<style type="text/css"> 
body
{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjN9OE4kOI7tGMFwWaS34Krv95CdTn21puAHet25eWJHI3rAJd1FpewZTDtG_Eg5cJ2mbVyTSkhWmFEHLWfiza_9gFGIuafAtbmMQzfbALQx6xaUML-RMD8FTxjV4JSsTArgQEbClHYt93/s1600-r/koran-mys2010.png);
 background-size:cover;
 background-repeat:no-repeat;
 font-family: "Open Sans", sans-serif;
 font-size: 13px;
 }
 
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: 0;
  width: 100%;
  background: #F5F5F5;
  border-bottom: 3px solid #dad;
}

.ap {
position: fixed;
right: 0;
bottom: 0;
left: 0;
height: 40px;
margin: auto;
font-family: Arial, sans-serif;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #333;
background: #F5F5F5;
border-top: 2px solid #f0f;
z-index: 9999;
}
 .koran{
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari and Chrome */
    column-count:4;
    -moz-column-gap:100px; /* Firefox */
    -webkit-column-gap:100px; /* Safari and Chrome */
    column-gap:100px;
    -moz-column-rule-style:outset; /* Firefox */
    -webkit-column-rule-style:outset; /* Safari and Chrome */
    column-rule-style:outset;
    -moz-column-rule-color:#ff0000; /* Firefox */
    -webkit-column-rule-color:#ff0000; /* Safari and Chrome */
    column-rule-color:#ff0000;}
    </style>
<div class="koran">
 Your text here
    </div>
<header>
<div class="Top Title Header">
<div align="center">
<span style="color: #ddaadd; font-family: &quot;arial&quot;; font-size: x-small;"><b>SEARCH ENGINE OPTIMIZATION</b></span></div>
</div>
</header>
<div class="ap" id="ap">
<div align="center">
<code></code>
<span style="color: green; font-family: &quot;agency fb&quot;; font-size: 13;">Copyright2016 Cibeber Cimahi</span></div>
</div>
Penjelasan :
Edit Jumlah kolom, Ganti background gambar, teks dan kode warna sesuai keinginan
Sources by. Allsources
Edited by. Mys2010 on Codepen

Myscript2010

Home Page
 
 

M2010

Copyright © Cibeber Cimahi