Cara Membuat Slide Profil di Blog

Selasa, 01 November 20112komentar

Beberapa waktu yang lalu saya sempat membaca cara membuat slide show beritan seperti detik.com, saat mau mencoba, terganjal dengan design template yang saya pakai, ketika mencari kode <div id='main-wrapper'> ternyata tidak ada, yeah.... belum dapat ditampilkan, sementara itu ada artikel lain yang mengharuskan menitipkan gambar ke pihak ketiga.... kok belum tertarik, ya sudahlah, untuk sementara waktu membuat slide show beritanya seperti detik.com belum dipakai di blog ini.

Mumpung di depan komputer, browsing... :) ndilalah ketemu artikel cara baru membuat slide profil di blog dengan css, tertarik ingin mencoba.... akhirnya sedikit uthek-uthek jadilah slide profil, dan selanjutnya seperti biasa, saatnya berbagi pengalaman untuk sesama tukang ngeblog :)

Artikel ini saya dapatkan dari Blognya kang Teja Htc, sudah saya praktekan, dengan sedikit uthek-uthek untuk mendapatkan hasil yang diinginkan. :)

Untuk membuatnya ikuti langkah langkah berikut ini :
  1. Buka Blogger
  2. Klik Rancangan/Tata Letak.
  3. Klik Tambah Gadget
  4. Pada Tambahan Gadget, cari dan Klik tanda Plus (+) di samping tulisan HTML/JavaScript.
  5. Copy Paste Script di bawah ini

<style>.tejaslide a { display: block; height: 130px; margin:0px; background: rgba(215,215,215,0.6);border: 1px solid #ccc; height: 130px; overflow: hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;}.tejaslide img{float:left;} .tejaslide h5 { color: #333; text-align: center;height: 80px;margin-top:30px;font: italic 18px/65px Georgia, Serif;opacity: 1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;} .tejaslide a:hover h5 { margin-top: -150px; opacity: 0; } .tejaslide div { position: relative; color: white; font: 12px/15px Georgia, Serif;height: 130px; padding: 10px; opacity: 0; -webkit-transform: rotate(180deg); -webkit-transition: all 0.8s linear; -moz-transform: rotate(180deg); -moz-transition: all 0.8s linear; -o-transform: rotate(180deg); -o-transition: all 0.8s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px;}.tejaslide a:hover div {background:-moz-linear-gradient(top,#ddd,#444);background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#444));color:#000;opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px}</style>
<section class="tejaslide">
<a href="http://prolingkungan.blogspot.com/">
<h5>
About The Author</h5>
<div>
<img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 65px; height: 75px;" src="http://4.bp.blogspot.com/-g57keWFe6OY/TsSrIBRxP-I/AAAAAAAAAQE/Qt6zq5qmhlI/s320/sakuntolo.JPG" alt="" id="BLOGGER_PHOTO_ID_5675849584663936994" border="0" />Blog ini dibuat bukan oleh orang yang ahli membuat blog, juga bukan ahli hukum, apalagi ahli lingkungan hidup. Blog ini dibuat oleh orang yang ingin memahami lingkungan hidup lebih baik...</div>
</a>
</section>


6. Selesai, jangan lupa disimpan dan lihat hasilnya :)

Catatan : Anda dapat merubah ukuran foto gambar, Url dan tulisan sesuai yang anda inginkan.


Sumber : http://tejahtc.blogspot.com/2011/11/cara-baru-membuat-slide-profil-di-blog.html



Selamat Mencoba

Mungkin tulisan ini yang anda cari :
Share this article :

+ komentar + 2 komentar

5 Juli 2012 08.27

kunjangan malam and happy blogging

28 November 2016 18.55

KISAH SUKSES
Assalamu alaikum wr wb,,senang sekali saya bisa menulis dan berbagi kepada teman2 melalui room ini, sebelumnya dulu saya adalah seorang Pengusaha Butik yg Sukses, kini saya gulung tikar akibat di tipu teman sendiri, ditengah tagihan utang yg menumpuk, Suami pun meninggalkan saya, dan ditengah himpitan ekonomi seperti ini, saya coba buka internet untuk cari lowongan kerja dan secara tdk sengaja sy liat situs pesugihan AKI SYEH MAULANA Di Website/situnya Saya pun langsug hubungi beliau dan Semua petunjuk AKI saya ikuti dan hanya 3 hari, Alhamdulilah benar benar terbukti dan, semua utang saya lunas dan sisanya buat modal usaha, kata kata beliau yang selalu sy ingat setiap manusia bisa menjadi kaya, hanya saja terkadang mereka tidak tahu atau salah jalan. Banyak orang menganggap bahwa miskin dan kaya merupakan bagian dari takdir Tuhan. Takdir macam apa? Tuhan tidak akan memberikan takdir yang buruk terhadap kita, semua cobaan yang Tuhan berikan merupakan pembuktian seberapa kuat Anda bertahan di dalamnya. Tuhan tidak akan merubah nasib Anda jika Anda tidak berusaha untuk merubahnya. Dan satu hal yang perlu Anda ingat, “Jika Anda terlahir miskin itu bukan salah siapapun, namun jika Anda mati miskin itu merupakan salah Anda, saya juga tidak lupa mengucap syukur kepada ALLAH karna melalui Ritual Penarikan Dana Hibah AKI ZYEH MAULANA saya Bisa sukses. Jadi kawan2 yg dalam kesusahan jg pernah putus asah, kalau sudah waktunya tuhan pasti kasi jalan asal anda mau berusaha, AKI ZYEH MAULANA Banyak Dikenal Oleh Kalangan Pengusaha Dan Artis Ternama Karna Beliau adalah guru spiritual terkenal di indonesia, jika anda ingin seperti saya silahkan Lihat No Tlp Aki Di website/internet ~>KLIK DISINI<~ Wassalam

Poskan Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Prolingkungan - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger