Cara Membuat Widget About Me Keren, Ala TAZAMBLOG

Widget di Blog secara umum bisa diartikan sebagai salah satu media yang yang menapilkan sesuatu yang diperlukan bagi pemilik dan pembaca blog, Widget berupa sebuah kotak yang berisi kode-kode di mana kamu dapat memindahkan ke dalam sidebar atau footer atau header atau di manapun yang kamu mau, namu yang harus diperhatikan adalah kesesuain antara widget dan posisinya

About Me sendiri adalah bahasa Inggris yang bearti “tentang saya” (ane yakin mayoritas dari teman- teman sudah tahu)  untuk widget about me sendiri adalah satu media yang bisa membantu pengunjung blog kamu untuk bisa mengetahui sekilas seputar blog atau yang punya blog yang sedang mereka membaca, umumnya di widget about me akan diberikan link internal ke laman tentang

Sebenarnya widget dibawah ini bukan murni ane yang tulis HTML-nya, iya ini wajar karena ane bukan orang yang begitu jago bahasa pemograman, namun hanya sediikit penasaran dan belajar dengan bahasa pemograman, dan factor lain yang mendukung adalah karena ane keseringan ngotak- atik template blog, namun walau bukan 100% tulisan ane HTML di widget ini ane jamin, Insya Allah widget ini asli kreasi ane pribadi, dan juga menajdi kreasi widget pertama dari ane, semoga bermanfaat

Langsung aja untuk tahap pertama seperti biasa dan umunya yang para blogger lakukan untuk menambah widget yaitu Login ke blog > Tata Letak >  Tambahkan Gadget > Pilih HTML/ JavaScript > Copy Code dibawah ini di dalamnya > Simpan

<style> #aboutme { background-color:rgb(227, 227, 227); box-shadow:0 0 10px #0A0B0C; border:1px solid #DA251D; padding:3px; border-radius:10px; margin:0 auto; margin-top:15px; padding:10px; width:274px; height:auto; } .aboutme-text { font-size:12px; text-align:left; margin:0px 0px 7px; } .aboutme-image-container { width:100px; height:100px; } .aboutme-image-container { margin:-50px -8px 0px 80px; position:inherit; } .aboutme-image-container img { width:100%; height:100%; border:2px solid #DA251D; border-radius:100%; } </style> <div id="aboutme"> <div class="aboutme-image-container"> <img src="http://mltz.ml/1PEcC7d" /> </div> <div class="aboutme-text"> <center> Personal Blog Muhammad Multazam, Bercerita Pengalam dan Opini pribadi <a href="http://mltz.ml/1L8Vpmi">Selengkapnya</a></center> </div> <center> <!-- YouTube--> <script src="https://apis.google.com/js/platform.js"></script> <div class="g-ytsubscribe" data-channel="tzemj" data-count="default" data-layout="default"> </div> <!-- Google Plus --> <script async="" defer="" src="https://apis.google.com/js/platform.js"></script> <!-- Place this tag where you want the widget to render. --> <div class="g-follow" data-annotation="bubble" data-height="24" data-href="//plus.google.com/u/0/109966146094393036854" data-rel="author"> </div> <!-- Twtter--> <a class="twitter-follow-button" href="https://twitter.com/mltazam_"> Follow @mltazam_</a> </center> </div>

Gantikan 
1. URL Gambar “http://mltz.ml/1PEcC7d” Dengan URL Foto Profil Kamu
2. URL Selengkapnya “http://mltz.ml/1L8Vpmi” Dengan URL Laman Tentang Kamu
3. Caption “Personal Blog Muhammad Multazam, Bercerita Pengalam dan Opini pribadi” Ganti dengan versi kamu
4. YouTube "tzemj" dengan Username Kamu
5. Google+ "plus.google.com/u/0/109966146094393036854" dengan URL Profil Kamu
6. Twitter "mltazam" dengan Username Kamu

Cara Mengedit

Buka gadget HTML/Javasrict yang barusan kamu buat dan cari apa yang hendak kamu ganti denga ctrl+f, hapus yang awal dan paste punya kamu sendiri

Itulah sedikit sharing widget About Me Keren Ala TAZAMBLOG, semoga bermanfaat dan sukses memasangnya di bog teman teman, apa bila ada kendalah atau HTML-nya tidak aktif mohon segera di laporkan kepada ane, dengan cara comment dibawah atau via contact, Terima kasih :)