Langsung ke konten utama

Tutorial cara membuat about me di web atau blog



Cara Membuat About Me Keren di Blog

1.Login ke
Blogger
2.Masuk Dashboard > Pilih Tata Letak > Tambahkan Gadget > HTML/JavaScript
3.Masukkan kode dibawah ini tepat didalam HTML/JavaScript
<style>#aboutme {  background-color:#fff;  -moz-box-shadow:0 0 3px #e0e0e0;  -webkit-box-shadow:0 0 3px #e0e0e0;  box-shadow:0 0 3px #e0e0e0;  border:1px solid #666;  padding:3px;  -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px;  margin:0 auto;  margin-top:15px;  padding:10px;  width:270px;  height:auto;}.name-author {  margin:0 0 7px;  display:block;  width:100%;}.name-author h3 {  position:relative;  display:inline;  background-color:#0097BD;  color:#FFF;  font-family:Segoe UI;  font-size:15px;  font-weight:bold;  margin:0 0 0 -3px;  padding:3px 5px 3px 10px;  width:100%;  -moz-text-shadow:0 1px 0 black;  -webkit-text-shadow:0 1px 0 black;  text-shadow:0 1px 0 black;}.name-author h3:after {  content:" ";  width:0;  height:0;  position:absolute;  left:100%;  top:0;  border-width:13px;  border-style:solid;  border-color:transparent transparent transparent #0097BD;}@-webkit-keyframes name-author {  0% {color:white}  20% {color:Orange}  40% {color:pink}  60% {color:Orchid}  80% {color:gold}  100% {color:white}}@-moz-keyframes name-author {  0% {color:white}  20% {color:Orange}  40% {color:pink}  60% {color:Orchid}  80% {color:gold}  100% {color:white}}@-keyframes name-author {  0% {color:white} 20% {color:Orange} 40% {color:pink} 60% {color:Orchid} 80% {color:gold} 100% {color:white}}/* Penerapan efek pada element yang akan diberi efek*/.name-author h3 {/* Waktu 10 detik */  animation:10s infinite name-author linear;  -webkit-animation:10s infinite name-author linear;}.aboutme-text {  font-size:12px;  text-align:left;  margin:0;}.aboutme-image-container {  float:left;  width:70px;  height:70px;  margin-right:75px;        z-index:1;}.aboutme-image-container {  margin:-20px 0 5px 0;  padding:9px;  position:relative;  -webkit-border-bottom-right-radius:10px;  -webkit-border-bottom-left-radius:100%;  -moz-border-radius-bottomright:100%;  -moz-border-radius-bottomleft:100%;  border-bottom-right-radius:100%;  border-bottom-left-radius:100%;  -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;  -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;  box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;  background-color:#59B52E;}.aboutme-image-container:before {  content:' ';  position:absolute;  top:0;  left:-10px;  width:0;  height:0;  border-style:solid;  border-width:0 0 10px 10px;  border-color:transparent transparent #333 transparent;}.aboutme-image-container:after {  content:' ';  position:absolute;  top:0;  right:-10px;  width:0;  height:0;  border-style:solid;  border-width:10px 0 0 10px;  border-color:transparent transparent transparent #333;}.aboutme-image-container img {  width:100%;  height:100%;  border:2px solid yellow;  border-radius:100%;  -webkit-transition:all 0.3s ease;  -moz-transition:all 0.3s ease;  transition:all 0.3s ease;  -moz-box-shadow:1px 1px 4px #000;  -webkit-box-shadow:1px 1px 4px #000;  box-shadow:1px 1px 4px #000;}.aboutme-image-container img:hover {  border:2px solid GOld;  cursor:pointer;  margin-left:0;  -moz-transform:scale(1.2) rotate(360deg);  -webkit-transform:scale(1.2) rotate(360deg);  -o-transform:scale(1.2) rotate(360deg);  -ms-transform:scale(1) rotate(-360deg);  transform:scale(1.2) rotate(360deg);  -moz-box-shadow:1px 1px 4px #000;  -webkit-box-shadow:1px 1px 4px #000;  box-shadow:1px 1px 4px #000;}</style><div id='aboutme'><div class='aboutme-image-container'><img src="https://scontent-a-kul.xx.fbcdn.net/hphotos-xpa1/t1.0-9/10478665_414051235399685_9047136320682086255_n.jpg" /></div><div class='name-author'><h3>Irham Dinata</h3></div><div class='aboutme-text'>Saya adalah seorang blogger pemula jadi maklumi jika masih ada kekurangan.<a href="YOUR LINK BLOGGER PROFIL" style="color: #666;">...Read More</a></div></div>

Catatan :
 1.Kode yang berwarna biru itu adalah URL Gambar yang akan dipakai nanti
 2.Kode yang berwarna merah itu adalah Nama kamu
 3.Kode yang berwarna hijau adalah Kalimat yang akan digunakan
 4.Kode yang berwarna orange adalah URL Profil kamu yang akan dituju

4.Simpan dan lihat hasilnya

Komentar

Postingan populer dari blog ini

10 Contoh Peluang Usaha Bagi Pengangguran || Tambah Wawasan

Contoh Peluang Usaha Bagi Pengangguran - Selamat Datang Pengunjung Budiman , Pada Kesempatan Kali Ini Kami Akan Membagikan Beberapa Referensi Bagi Anda Yang Membutuhkan Jenis Usaha Terutapa Bagi Pengangguran . Kami Akan Memberikan 10 Jenis Usaha Sebagai Referensi Sehingga Anda Dapat Memilah Usaha Mana Yang Cocok Untuk Di Jalankan.
Menjadi Seorang Usaha Memang Tidak Enak , Terkadang Kita Hanya Mendapatkan Pekerjaan Musiman Saja Dimana Apabila Lagi Sedang Tidak Musimnya Kita Akan Menganggur Atau Bekerja Ala Kadarnya.

Saat Ini Pengangguran Bisa Menyerang Siapa Saja , Baik Itu Mulai Yang Tidak Sekolah , Lulusan Sd , Smp Dan Sma/Smk Bahkan Orang Yang Sudah Mendapatkan Gelar Sarjana Pun Banyak Yang Menganggur.
Saat Ini Tingkat Persaingan Tenaga Kerja Sangatlah Kuat Dan Sulit Untuk Mendapatkan Pekerjaan Terlebih Lagi Bagi Anda Yang Tidak Tamat Sekolah Atau Hanya Mendapatkan Ijasah Maksimal Smp Tentu Hal Ini Menjadi Masalah Yang Sangat Besar.
Baca : Peluang Usaha Sampingan Bagi Pelajar Modal Keci…

Contoh Cover Proposal Skripsi Teknik Informatika

Contoh Cover Proposal Skripsi Teknik Informatika - Membuat cover proposal skripsi merupakan tujuan utama dalam membuat skripsi. Untuk membuat cover skripsi dibutuhkan format penulisan skripsi yang benar, pada artikel ini akan membahas cara membuat cover proposal skripsi pada jurusan teknik informatika pada dengan format bahasa indonesia.

Sebenarnya pada setiap universitas disediahkan format penulisan proposal skripsi tersendiri, adakalanya lain universitas lain juga format penulisan skripsi nya.

Berikut ini adalah contoh cover proposal skripsi jurusan teknik informatika


Pada gambar diatas dapat kita lihat bahwa:Judul       : Huruf besar dengan bentuk pohon vektor dengan hurup arial dan ukuran hurup 14 dan centre                   screen Logo       : Logo warna centre screen dengan ukuran 5 x 5 mm Dibawah logo terdapat tulusan Oleh: dan dibawahnya nama anda dan NPM anda
Selanjutnya pada bagian bawah halaman terdapat jurusan kuliah anda, dan dibawahnya lagi terdapat fakultas perkuliahan anda d…

8 Browser Android Terbaik yang Cepat dengan Fitur Komplit || Tambah Wawasan

Browser Android Terbaik – Saat Ini Aktivitas Browsing Menjadi Kebutuhan Wajib Di Kalangan Masyarakat. Dengan Browsing Kita Dapat Mengetahui Berbagai Macam Hal, Mulai Dari Mempelajari Sesuatu Hingga Sekedar Mencari Berita Yang Tengah Booming Di Masyarakat.


Aktivitas Satu Ini Pun Sekarang Bisa Kita Lakukan Di Mana Saja Dengan Menggunakan Smartphone Android. Sebetulnya Setiap Hp Android Sudah Dibekali Dengan Aplikasi Browser Bawaan, Akan Tetapi Banyak Pengguna Yang Merasa Kurang Puas Dengan Kinerjanya. Entah Itu Lemotlah, Boros Kuota, Berat, Ataupun Banyak Iklan.



Nah Bagi Kamu Yang Mencari Browser Android Tercepat, Ringan, Hemat Kuota, Dan Bebas Iklan, Berikut Beberapa Rekomendasi Terbaik Yang Wajib Dicoba.

Aplikasi Browser Android Terbaik yang Cepat dan Banyak Fitur Menarik
1. Google Chrome
Browser Android Terbaik
Chrome Merupakan Browser Besutan Google Inc. Dengan Aplikasi Ini Kamu Tidak Hanya Bisa Menghemat Kuota Browsing Hingga 50 % Saja, Tetapi Kamu Juga Dapat Menikmati Berbagai Layanan T…