Cara Membuat Profile Admin dengan Css3

Hallo Sobat Mafia Hacker . Kali ini saya akan Memposting tentang "Cara Membuat Profile Admin dengan Css3" . Apa Fungsinya ? Fungsi ini adalah Fungsi bila mana kamu ingin Menggunakan Gambar Profil Admin kamu diterapkan di dalam blog . Dahulu saya sudah memasangnya di blog ini, karena saya mengganti templatenya Maka Fungsi itu telah hilang .

Caranya :

• Login Ke Blogger

• Klik Template - EDIT HTML

• Cari kode ]]></b:skin>

• Masukan kode dibawah ini diatas kode ]]></b:skin>

/* Tutorathor - www.Mafiasitez.blogspot.com */

.admin-tulisan{

width:auto;

background:#fafafa;

border:1px solid #ddd;

margin:30px 0 10px 0;

display:block;

font-family:"Baumans";

color:#000;

border-radius:4px;}

.admin-tulisan .kontainer{padding:5px}

.admin-tulisan h4{

background: #3f4c6b;

border:0;

border-bottom:1px solid #ddd;

color:#fff;

border-top-left-radius:4px;

border-top-right-radius:4px;

font-family:"Baumans";

text-shadow:0 1px 0 rgba(0,0,0,0.4);

padding:5px 10px;

margin:0;display:block}

.admin-tulisan h4 a{color:#000}

.admin-tulisan img{

background:#ddd;

width:90px;

height:100px;

border:1px solid #ddd;

border-radius:4px;

margin:3px 10px 0 0;

float:left;

padding:2px;

box-shadow:none;

-moz-box-shadow:none;

-webkit-box-shadow:none

}

.admin-tulisan img:hover{transform:rotate(1050deg);

-webkit-transform:rotate(1050deg);

-moz-transform:rotate(1050deg);

box-shadow:1px 1px 15px #305e9d;

-moz-box-shadow:1px 1px 15px #305e9d;

-webkit-box-shadow:1px 1px 15px #305e9d;

border-top:3px solid #305e9d;

border-bottom:3px solid #305e9d;

border-right:3px solid transparent;

border-left:3px solid transparent;

transition:all 5s ease-in-out;

-moz-transition:all 5s ease-in-out;

-webkit-transition:all 5s ease-in-out;

border-radius:50px;

}

#Note : Kodenya Bisa Kalian Edit Sendiri

• Lalu cari kode <div class='post-footer-line post-footer-line-1'> atau <data:post.body/>
• Letakkan kode dibawah ini dibawah kode <div class='post-footer-line post-footer-line-1'> atau <data:post.body/>

<!-- Tutorathor - www.Mafiasitez.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> Judul+Admin+Profile+Kamu</h4>
<div class='kontainer'>
<img alt='Nama+Kamu' src='https://Gambar+Kamu.jpg'/>
Kamu Sedang Berada di Artikel <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Kalau Kamu ingin Mencopas silahkan cantumkan kode link dibawah ini !
<textarea cols='88' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Artikel tersebut bisa Anda akses via mobile, <a href='?m=1'>klik disini</a>.
</b:if>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Tutorathor - www.Mafiasitez.blogspot.com -->

#Note : 
Kode yang saya beri Warna Merah adalah Judul Admin Profile nya
Kode yang saya beri Warna Orange adalah Nama Gambar Anda
Kode yang saya beri Warna Biru adalah Url Photo Anda
Kode yang saya beri Warna Kuning adalah Subject atau Kata-kata yang ingin kamu Tuliskan .

• Setelah itu Save Template deh .
• Selesai .

DEMO Profile Admin

Selamat Mencoba

Arigatou Gozaimasu ^__^