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 MakaFungsi 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 .



Selamat Mencoba

Arigatou Gozaimasu ^__^

Jangan Mencopy Paste Artikel Kami Tanpa Menggunakan Sumbernya Artikel Asli - Baca Selengkapnya Di: http://mafiasitez.blogspot.com/2013/01/cara-membuat-profile-admin-dengan-css3.html#ixzz2JvXhrOE3

Cara Membuat Profile Admin dengan Css3

Posted by Yandi Mulyadi
Tag : , Tag :


Shinpuru blogger template,shinpuru berasal dari bahasa jepang yang berarti simple.:)
template yang kedua ini adalah template dasar sebelum menjadi template anime note yang sudah saya publish kemarin.designnya saya buat sederhana mungkin dan ringan,tetapi tidak melupakan style posting yang sudah saya atur 560px untuk halaman depan,jadi saya sarankan selalu memasukan gambar HD atau gambar ukuran besar pada posting di paragraf pertama~
Screenshot



1. Setting Menubar

Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan ulr/alamat link yang ingin dituju,dan ganti juga nama linknya.
<div class='menujohanes'>
<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li>
<a href='#'>About</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li>
<a href='#'>Categories</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Anime</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>
</div>



Selesai deh template kedua di akhir bulan ini.Arigatou gozaimasu~terima kasih masih tetap setia mengunjungi blog ini,semoga blog ini tetap bermanfaat ^^.

happy holiday~xD Hohohoho

Shinpuru

Posted by Yandi Mulyadi
Tag : , Tag :

About Me

My Photo
Hi, I'm Yandi Mulyadi. Thank you for knowing me.

Labels

My Blog List

SoundCloud

Recent Comments

Find Us On Facebook

Copyright © 2013 : Your Blog Name - Re-design by : Smart Education - Design by : rvmalice - All Rights Reserved