Tips Membuat Profil Slide di Sisi Atas Blog

Beranda
Daftar Isi
Template Blog
- Gelap
- Cerah
- Lembut
- Artistik
Galeri
- Photo
- Video
- Lagu
Desainer
Tentang Aku
Kontak

Tips Membuat Profil Slide di Sisi Atas Blog

Posted by : Unknown Minggu, 10 November 2013

Yang Ini Tergolong Lumayan Susah Gan karna Kita udah Bermain di Dalam Template Utama.

Caranya :
1. Login ke Blog ...
2. Pilih Template
3. Edit HTML
Nah ..... Perlu di ingat gan pada saat edit HTML untuk pemasangan Script ini harus hati-hati.
Pertama agan cari Kode <body> setelah anda mendapatkan kode tersebut Lalu Script di bawah ini Agan Copy tepat di bawah <body> Selesai dah.
4. Kalo Udah selesai Simpan dan lihat kasilnya.

Oh iya gan tambahan dikit Untuk mempermudah cari kode <body> agan bisa pake Ctrl+F
lalu ketik <body> dan Enter

Klik Untuk Liat Kode

<style type='text/css'>#info-teja {z-index: 1000;background:-moz-linear-gradient(top, #1F2326, #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.teja15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Tejatouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>

<div id='info-teja'><span class='Tejatouch'>Info</span>
<div class='Tejainbox'><div class='Tejainbox2 teja15'>
<h2>SELAMAT DATANG</h2>
TEKS PEMBUKA ANDA
<h2>Sekilas Tentang Admin</h2>
<img height='130x' src='URL FOTO ANDA' width='100px'/>
<p style='text-align:justify'>
ISI TEKS PROFIL ANDA
</p>
</div>
</div></div>

Satu Lagi Gan .... sebelum Agan simpan Ganti Tulisan warna Biru Dengan Teks Agan yang akan di tampilkan. Selamat mencoba ....

Lihat Profil ku ..............

Leave a Reply

Thanks All buat yang dah mau mampir ............ !!!

Sisip kan Saran, Pesan dan Komentar anda .. Mudah-mudahan dengan Komentar yang anda berikan Akan memberikan Motivasi buat saya untuk membuat blog ini menjadi lebih menarik Lagi.

Subscribe to Posts | Subscribe to Comments

Designed by Tips "N Trick -

InFo Koe

Selamat Datang Di Tips 'aNd TriCK BloGGeRs DiTHa SoB

Sebelumnya Aku Ucapkan Terima Kasih Coz Sobat-Sobat Semua Sudah bersedia mampir ke Blog Saya ini. Tapi Sebelumnya Aku juga Minta maaf, mungkin Sobat-sobat semua murang berkesan dengan Blog saya ini. Maklum aja Sob .... Dalam Hal Blogging ini aku baru dan tergolong Pemula. Jadi Buat Sobat-Sobat Senior Blog Mohon Bimbingannya. THANKS...

Sekilas Tentang Admin NicH

Sebenernya Aku suka banget ama yang namanya Blogger Tapi aku masih sangat jauh buat kuasai yang namanya Blog. Oke dah Buat Sobat yang mau kenal Lebih dekat ma aku Kunjungi FB ku yah. HUDA HATAKE