Info

SELAMAT DATANG

My Radian | Indonesia Visi Menjadi Sebuah Lembaga / Instansi yang berguna dan bermanfaat bagi dunia dan semua orang disekitarnya , Serta Mampu Menciptkan Suatu Hasil Karya Nyata yang terbaik dan menjadi kebutuhan hidup setiap orang didunia untuk membantu meringankan Aktivitas Sehari Hari.

Sekilas Tentang Admin

My Radian | Indonesia, Nama Pembuat : Rana, Tanggal Pembuatan 21 November 2011 Dengan Menggunakan Nama Phoenix, dengan kemudian berganti menjadi RADIAN pertanggal 29 Oktober 2012 Terima Kasih

Follow Me

Rabu, 26 Oktober 2011

TIPS 4 : Cara Menampilkan Menu Slide Info Di Blog

Menurut saya, seorang yang sudah dianggap senior itu wajib hukumnya melakukan kunjungan balik walau sekedar mengucap salam atau memberi support atas tulisan. Terlebih lagi mengunjungi seorang blogger pemula. Saya yakin para BLOGGER CUEK tahu kualitas tulisan pemula dan senior itu seperti apa. Seberapa lama sih menuliskan 4-5 kata?? Kalau takut jatah bandwidth habis, warnet masih banyak bertebaran kok.
Mari hilangkan EGO sebagai PENULIS HANDAL, Mari dukung Blogger Muda !!. Beri mereka support walau hanya sekedar salam. Jika para blogger muda merasa terdukung, dia pasti akan berusaha menulis dengan lebih baik dan lebih baik lagi. Semakin banyak menulis tentu akan semakin mahir. Dan kalau sudah mahir, untuk apa lagi copy paste??

Menu slide info adalah menu yang memberikan keunikan tersendiri untuk blog kamu. Mungkin sebagian blogger ingin menambahkan variasi-variasi menu slide yang unik, dan juga untuk meringkas sidebar blognya. Menu ini lumayan bisa membuat tampilan blog kita lebih menarik dan hasil nya pengunjung bisa betah tinggal lama-lamma di blog kita, dan blog kita bisa naik rank nya....tampilan ini bisa mencerminkan info si admin, dan kita bisa buat slide info ini menjadi daya tarik visitor blog kita,,,,mungkin gak butuh waktu yang lama buat bikin slide ini,,,

O.K,langsung kita praktekan,berikut caranya.
1.Login Ke Blogger
 


2.Pilih Rancangan --> Kemudian Pilh EDIT HTML.


3.Centang Pada Expand Template.
4.Copy Kode Berikut


<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>
SELAMAT DATANG DI BLOG MY LIFE MY BLOG, MY LIFE MY BLOG adalah blog yang menceritakan semua yang saya suka,tentang kehidupan saya, keinginan saya, dan hal-hal yang saya sukai.
selamat bergabung di blog saya, semoga bisa jadi motivasi dan inspirasi bagi anda yang membaca nya

<h2>Sekilas Tentang Admin</h2>
<img height='130x' src='http://4.bp.blogspot.com/_O84nraTVNhw/TUfLXgf3WnI/AAAAAAAAANg/ZE2p_DQATGY/s1600/author.png' width='100px'/>
<p style='text-align:justify'>
Nama Saya Rana lahir di keluarga sederhana, tidak kaya juga tidak miskin. Saya di lahirkan di Karawang, dan di besarkan di desa terpencil yaitu jayakerta, sekolah di SDN IV JAYAKERTA, di lanjutkan ke SMPN 1 JAYAKERTA, di smp saya mendapat banyak masukan, motivasi, dan inspirasi,di smp saya belajar banyak dari PRAMUKA, ilmu yang gak di dapat dari Mata pelajaran biasa di sekolah, setelah keluar dari smp saya lanjut ke SMKN 1 KARAWANG saya masuk ke smk karena termotivasi oleh technology maka saya ambil jurusan TKJ Teknik Komputer dan Jaringan, dunia IT adalah Impian saya, saya juga cita-cita Menjadi Orang Sukses yang Bermanfaat bagi semua, orang sukses yang bisa membahagiakan Orang-orang disekitanya, orang sukses yang mencerahkan dan dicerahkan
</p>
</div>
</div></div>
5.Taruh kode berikut tepat di bawah <body>
6.Ganti kata yang bewarna merah dengan kata-kata kamu,    dan yang bewarna biru dengan gambar pilihan kamu.
7.Simpan dan liat hasilnya.


Nah Gitu Cara nya,,,, Yang mau mencoba silahkan coba aja,,,
semoga sukses....!!!!!
Terus Kunjungi Blognya ya.....!!!!





11 komentar:

Thanks ats informsnya menarik...numpang copas Scriptnya ya...

thank's infonya soB
kunjungan balik nya di tnggu
http://www.share-xd.blogspot.com

kalo di taro di tambah gadget ga bisa?
abisa panjang bgt tu kode

wah sy coba2 berhasil, thx gan, nice post sangat berguna bagi pemula spt saya, bagaimana mengganti warna background hitam menjadi hijau biar sesuai dgn template blog saya

mohon maaf sebelumnya, maklum masih amatir.
kok pas ane copas keluar pesan kayak gini ya
"Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The markup in the document following the root element must be well-formed.
Error 500"

mohon saran ...

mengucapkan terima kasih banyak atas share ilmunya,,regard - galaksitech.com

thk for share ilmu,,nice ifo goood

iyya mkch infonya,, udah saya pasang di blogku,,, keren dech,,, aku hrap ke depanya bsa mngsih info2 yg lbh bgs2,,, amiiin

Posting Komentar

Silahkan Berikan Komentar yang layak dan bijak, komentar yang mengandung SPAM, SARA , dan PORNOGRAFI akan saya hapus . Blog DOFOLLOW.
Saya Mengucapkan banyak terimakasih atas partisipasi dan atas kunjungan kalian, Saya Berharap semoga ini bisa bermanfaat buat kita semua .