your JavaScript Is Not Active!! Don't be plagiarsm

Cara Membuat Kotak Author Part 2 Dengan Css




Hai Sobat Post Tentang Trick Blogger Lagi baca sampe selesai ya
  1. Step by step nya udah taukan?? login dulu donk masuk ke template,lalu edit html
  2. Cari kode ]]><b:skin
  3. Masukkan kode di bawah ini di atas kode tadi
#dodauthor {text-shadow:0px 0px -5px #000;background:#222;border-radius:0px ;border:4px solid #000;width:520px;float:right; margin-left:-44px;margin-bottom: 20px;font-size:18px;font-family:Bubblegum Sans;
padding:10px;color:#fff;-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.75);
-moz-box-shadow:5px 5px 2px rgba(0, 0, 0, 0.75);
box-shadow:5px 5px 2px rgba(0, 0, 0, 0.75);text-shadow: 0px 0px 4px #222;}

Keterangan
-kode warna merah: itu adalah kode background nya,ganti dengan warna sesuka mu

-Kode warna orange itu adalah kode warna tulisan nya,ganti dengan sesuka mu

4.Ini adalah kode html nya,letakkan di mana aja,atau cari kode ini  <div id='content'>
letakkan kode di bawah ini di di bawah kode tadi

<div id='dodauthor'>
<div dir='ltr' style='text-align: left;' trbidi='on'>
<div class='separator' style='clear: both; text-align: justify;'>
</div>
<div style='text-align: justify;'>
<a href='URL GAMBAR' imageanchor='1' style='clear: left; float: left; margin-bottom: 1em; margin-right: 1em;'><img border='0' height='120' src='URL GAMBAR' width='110'/></a> 
<span style='color: #d5d5d5; font-family: &apos;Coda&apos;; font-size: 20px; text-shadow: #232222 1px 1px 2px, #232222 -1px 1px 2px, #232222 -1px -1px 2px, #232222 1px -1px 2px;'>@Rilkaze (Author)</span></div>
<div style='text-align: justify;'>
Kata kata lo</div>
</div>
</div>

Keterangan:
-Kode yang warna biru itu adalah url gambar kamu,ganti dengan url gambar kamu sendiri
-Kode yang warna merah itu adalah ukuran font kamu ganti sesuka mu
-Kode warna orange ganti dengan nama kamu sendiri

5.Jika kamu ingin memuncul kan about author nya hanya di page home saja,dan ketika di postingan tidak mau di munculin,perhatikan cara berikut

6.cari kode ini  <b:if cond='data:blog.pageType == &quot;item&quot;'>
7.Letakkan kode di bawah ini di bawah kode tadi

<style type='text/css'>
#dodauthor{display:none;}
</style>
 Gimana simple kan??hehheeh XD

See you

Cara Membuat Kotak Author Part 2 Dengan Css 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Ditulis oleh: Unknown - Jumat, 04 Oktober 2013

0 komentar:

Posting Komentar

 

Madara V.1 Copyright © 2011 | Design by Fadhel | Powered by Blogger