Pada Tutorial Blog Sebelumnya Saya Sudah Menjelaskan Tentang Bagaimana Cara Membuat Menu Drop Down Horizontal Dibawah Header. Dan Pada Tutorial Yg Sama Juga Yaitu Tutorial Blog.Saya Akan Menjelaskan Pada Sobat Tentang Bagaimana Cara Membuat Author Box Dibawah Postingan Blog,Atau Cara Membuat Author Dibawah Postingan,Atau Juga Keyword Sejenis Lainnya Yg Dapt Mudah Dipahami Oleh Pengunjugn Yg Akan Menuju Blog Ini.Author Box Ini Bertujuan Agar Pengunjung Mengetahui Siapa Penulis Artikel Yg Ada Di Blog Sobat Semua..Asal Sobat Ketahui Di Blog Saya Yaitu Blog Sharing Ilmu Pengetahuan Dan Juga Website Nokia Center, Juga Memasang Atau Membuat Author Dibawah Postingan .Kalau Sobat Tidak Percaya,.sobat Bisa Melihat Pas Dibawah Artikel Ini Ada About Authornya.Atau Juga Sobat Bisa Melihat Gambar Yg Ada Disamping Artikel Ini.
Jika Sobat Berkenan Memasangnya Sobat Bisa Mengikuti Langkah-Langkah Berikut:
- Login Ke Akun Blogger Sobat
- Pada Dasbor Pilih Rancangan --> Edit HTML Dan Jangan Lupa Untuk Centang Kolom Expand Template Widget
- Letakan Kode Berikut Tepat Diatas Kode ]]></b:skin>
.teja{background:#000;margin:20px 0 40px 0;padding:10px;overflow:auto;color:#fff}
.teja p{margin:0;padding:0}.teja a{color:#FFF}
.teja img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_baELIfX00rMoR7KQEwMF2rEjxTFRX5LJIvPOKiI-vc1vP4w3LEn1Ve6vYrVVMkTHFR4l-3XuRVIb5_9EglENYToF5CADZ4w1kFypWhW-yvXK97Y7Pr6Xt7ptpmSFK08GR_QaPu46gz-N/s1600/bg-img-auhtor.gif)no-repeat;float:Left;margin:0 10px 0 0;padding:4px}
4. Cari Kode <div class='post-footer-line post-footer-line-1'> Agar Memudahkan Pencarian Gunakan CTRL F Atau F3
5.Letakan Kode Berikut Tepat Dibawah Kode <div class='post-footer-line post-footer-line-1'><b:if cond='data:blog.pageType == "item"'>
<div class='teja'>
<p><img alt='' class='avatar avatar-70 photo' height='130' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTuGZQz9uds_tOYYYvGbwk2oVVpUnON9_u8zMWMTHnmQj-RNmVj6MGMeVRPdGK_1y16sobOX8V0GyoYZlB1ZiRVbJ7s__plRF4IgnwF3HhSIRdRJiS3piaoM60ghJNo1gLtQQsIEg0ZHXe/s1600/author.png' width='100'/><div style='font-family: kristen itc; color: rgb(255, 0, 0);'><b>ABOUT THE AUTHOR</b></div>
<div style='text-align: justify; font-family:bedizen'><a href='http://tejahtc.blogspot.com/' target='new'><b>M.SUTEJA : </b></a>Saya semakin yakin bahwa hidup adalah 10 persen dari apa yang sebenarnya terjadi pada diri kita,dan 90 persen adalah bagaimana sikap kita menghadapinya
</div></p>
</div>
</b:if>
6.Simpan Templatenya
CATATAN: Sobat Bisa Mengubah Url Gambar Yg Berwarna Merah Dengan Url Gambar Sobat
Dan Ubah kata kata Yg Berwarna Hijau Dennga Kata kata sobat sendiri~~Selamat Mencoba~~~~Semoga Berhasil~~
Artikel Terkait :
Tips Mempercantik Blog
- Karakter guru galak dan guru baik hati dibutuhkan di setiap sekolah
- Cara Mudah Memasang Kotak Komentar Facebook Di Blog
- Mengganti Kata SAID Yang Ada Pada Komentar blog
- Cara Membuat Foto/gambar Efek Memutar-mutar Dan Membesar Saat Disorot Mouse
- Cara Membuat Balon Tooltip Otomatis Ke semua Title Yg Ada Di Blog
- Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
- Cara Membuat Widget Update Status twitter di blog
- Membuat Widget Menghilang Dan Berpindah Di Blog
- Membuat Menu Slide melayang di bagian kiri blog dengan css
- Cara Baru Membuat Slide Profil Di Blog Dengan Css
- Cara membuat menu warna-warni saat mouse menyorotnya Dengan Css
- cara membuat widget tersembunyi dengan css3
- cara membuat menu slide info di blog dengan css
- Cara Membuat Efek Blur Pada Semua Gambar Yang Ada Di Blog Dengan Css
- Cara Membuat Screensaver Dengan Css
- Cara Membuat Link Bergoyang Dengan Javascript
- Cara membuat form komentar klasik di atas kotak komentar Blog
- Cara Membuat Post Hover di Blog Dengan CSS
- Cara Membuat Menu Drop Down Horizontal Melayang Di Blog
- Rounded Corner | Membuat Sudut menjadi Tumpul
- Menghilangkan Garis Bintik-bintik Jejak Link
- Membuat Efek Animasi Blur Otomatis Di Blog
- Cara Membuat Link Blog Mengeluarkan Cahaya Kuning
- Cara Baru Membuat Daftar Isi Jquery Accordion Di Blog
- Cara Membuat Toolbar Atau Navbar Melayang Di Blog
0 komentar:
+ Add Comment