Cara Memasang Widget Profil Blogger Dengan Warna Reggae

Cara Memasang Widget Profil Blogger Dengan Warna Reggae - bingung mau namain judul postingannya apa, jd ane namain Reggae, kenapa ? soalnya warnanya mirip warna lambang Reggae, sebenernya sih ngga, masih ada 1 warna yg ikutan yaitu warna biru :v, pada postingan sebelumnya yang serupa yaitu Cara Memasang Widget Profil Blogger Dengan Social Media dan 1 lagi yaitu Cara Memasang Widget Profil Blogger Stylish, nah CSS ini lumayan buat kalian yg demen musik Reggae, seperti apa tampilannya ?, ini dia :

keren kan, nah demonya ada di bawah postingan ini..

Baca juga artikel :

Cara Memasang Widget Profil Blogger Dengan Social Media
Cara Memasang Widget Profil Blogger Stylish

Cara Memasang Widget Profil Blogger Dengan Warna Reggae :
1. Buka Blogger

2. Klik Template -> Edit HTML

3. Cari kode ]]></b:skin>, kalo udah ketemu copy dan paste kode dibawah ini diatas kode  ]]></b:skin>

#DANDYprofile {
width:400px;
padding:10px;
}
.DANDYpoto {
float:left;
width:135px;
height:135px;
border:4px solid;
border-color:red yellow yellowgreen blue;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
margin:5px;
}
.DANDYdeskripsi {
background:#fff;
font-size:13px;
font-family:Trebuchet MS;
border:4px solid;
border-color:red yellow yellowgreen blue;
margin-left:80px;
padding:5px;
border-radius: 0 25px 25px 0;
-webkit-border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
}
.DANDYdeskripsi a {
font-weight: bold;
text-decoration: none;
color: #000;
}
.DANDYdeskripsi label {
display: block;
float: left;
width: 70px;
}

4. Simpan template, lalu ke Tata Letak -> Add Gadget -> HTML/Javascript

5. Copy dan paste kode dibawah ini dan letakan box HTML/JAVASCRIPT

<div id='DANDYprofile'>
<img class='DANDYpoto' src='http://sphotos-h.ak.fbcdn.net/hphotos-ak-prn1/1235974_686792911348721_278773514_n.jpg'/>
<p class='DANDYdeskripsi'>
<label>Nama </label>: Imam Lukman<br/>
<label>Umur </label>: 13th (04 November 1999)<br/>
<label>Kota</label>: Jakarta Selatan<br/>
<label>Facebook</label>:<a href='http://facebook.com/rivaillee' target='_blank' title='Facebook'> Imam Mamen</a><br/>
<label>Twitter</label>:<a href='http://twitter.com/666_wtf' target='_blank' title='Twitter'> @666_WTF</a><br/>
<label>Google+</label>:<a href='https://plus.google.com/101461963743509825679' target='_blank' title='Google+'> Imam Mamen</a<br/>
</p>
<div style='clear:both'></div>

6. Kemudian publikasikan

Pengaturan : 

1. Kode yang seperti ini http://sphotos-h.ak.fbcdn.net/hphotos-ak-prn1/1235974_686792911348721_278773514_n.jpg ganti dengan URL Gambar / Photo anda.

2. Kode yang seperti ini http://facebook.com/rivaillee dan Imam Mamen silahkan ganti dengan URL Facebook dan Nama Facebook anda.

3. Kode yang seperti ini http://twitter.com/666_wtf dan @666_wtf silahkan ganti dengan URL Twitter dan Nama / ID Twitter anda.

4. Kode yang seperti ini https://plus.google.com/101461963743509825679 dan Imam Mamen silahkan ganti dengan URL Google+ dan Nama Google+ anda.

5. Kode yang Miring, silahkan anda ganti Nama, Umur, Tanggal lahir anda.

Q : Nah gimana caranya nampilin author profil dibawah postingan ?
A : Caranya mudah, sobat pergi ke Template -> Edit HTML lalu cari kode <data:post.body/>, kemudian copy dan paste kode dibawah ini dibawah kode <data:post.body/>, lalu simpan template dna lihat hasilnya

<div id='DANDYprofile'>
<img class='DANDYpoto' src='http://sphotos-h.ak.fbcdn.net/hphotos-ak-prn1/1235974_686792911348721_278773514_n.jpg'/>
<p class='DANDYdeskripsi'>
<label>Nama </label>: Imam Lukman<br/>
<label>Umur </label>: 13th (04 November 1999)<br/>
<label>Kota</label>: Jakarta Selatan<br/>
<label>Facebook</label>:<a href='http://facebook.com/rivaillee' target='_blank' title='Facebook'> Imam Mamen</a><br/>
<label>Twitter</label>:<a href='http://twitter.com/666_wtf' target='_blank' title='Twitter'> @666_WTF</a><br/>
<label>Google+</label>:<a href='https://plus.google.com/101461963743509825679' target='_blank' title='Google+'> Imam Mamen</a<br/>
</p>
<div style='clear:both'></div>

Sisanya tinggal kalian edit sendiri. Jika tampilan ini kurang maksimal / menurut anda tidak terlalu bagus harap dimaklumi karena saya ini manusia dan tidak mengetahui warna / tampilan yang seperti apa yang anda suka.

source script