Founder
Aditya Indra Lesmana - Hanya seorang manusia biasa yang suka dengan makhluk yang disebut "LOLI" yang sedang berkuliah dibidang Teknik Informatika dan suka hal yang berbau dengan desain Photoshop atau Web mempunyai keinginan kecil agar bisa ke Stadion Santiago Bernabéu :3


#TeamOnodera
Posted by : Aditya Indra Lesmana Selasa, 25 November 2014

Blog Indra-kun kini dengan tampilan baru yang di mana tampilan luar seperti ini



Dan tampilan posting nya seperti ini



Dan bagaimana cara membuat nya?
Beberapa mungkin sudah familiar dengan kata-kata Tag Kondisional, atau mungkin sebagian baru mendengar apa itu tag kondisional. Secara sederhana, arti tag kondisional adalah tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan, atau dimana akan disembunyikan. Dan kali ini saya akan menunjukan cara nya membuat tampilan posting menjadi gambar yang berbeda dengan tampilan luar

1. Mengganti Background Utama (Tampilan Luar)
Apabila ingin mengganti tampilan gambar luar cari code
body{
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #EEFAFF url(http://1.bp.blogspot.com/-y6OV987xaAU/UtSmtGcjqRI/AAAAAAAAHmk/VdCp-rAK0T8/s1600/bg_01.png);
font-family: 'Open Sans', sans-serif;
color: #222;
overflow-x: hidden;
font-size: 13px;
*catatan : untuk kalian yang menggunakan template Djogzs letak nya ada di atas #casing{ 
apabila tidak ketemu letak nya coba cari dengan CTRL + F
body { atau body{
apabila sudah ketemu code tersebut ganti semua nya dengan :

/* background utama Blog Indra-kun*/
body{
margin: 0 auto;
padding: 0px 0px 0px 0px;
background:#000 url(http://1.bp.blogspot.com/-mM7-gbIK36g/VHEktniuYCI/AAAAAAAAB0g/tZn1i8j0uXA/s1600/Blog%2BIndra-kun.png)top center no-repeat;
color: #222;
overflow-x: hidden;
font-size: 13px;
Link berwarna merah bisa diganti dengan link yang kalian inginkan, fungsi dari code
top center no-repeat; adalah untuk tetap diam diatas atau Top Center sedangkan #000 adalah warna backround bisa diganti sesuai yang kalian inginkan

2. Menganti Background Posting 
Untuk mengganti Background posting kita akan meletakannya diatas </head> gunakan tombol CTRL + F untuk pencarian, apabila sudah ketemu masukan code dibawah tepat diatas </head>

/* Background Posting Blog Indra-kun */
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'/>
  <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic' rel='stylesheet' type='text/css'/>

<script src='https://googledrive.com/host/0B6G3XEDWZaMaTUFNbmtWeHpzOTQ' type='text/javascript'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <style type='text/css'>

body{
background:#000 url(http://4.bp.blogspot.com/-UBshAQBngD8/VHAPbcbz3XI/AAAAAAAAByk/3lYOnoG02bg/s1600/Trinity_Blog_indra-kun.png)top center no-repeat;
    }
</style></b:if> 

Ganti link berwarna merah dengan yang kalian inginkan sama seperti Mengganti Background Utama tadi fungsi dari code top center no-repeat; adalah untuk tetap diam diatas atau Top Center sedangkan #000 adalah warna backround bisa diganti sesuai yang kalian inginkan. Apabila sudah Save template Selamat Mencoba.

Leave Commets

Subscribe to Posts | Subscribe to Comments

Back to top

© 2014 - Blog Indra-kun - All Rights Reserved
Design by Aditya Indra Lesmana - Template by Djogzs