Helo brader, kali ini saya akan bahas salah satu hal penting di side bar. Apakah itu? Yaitu About Me. About Me tidak kalah pentingnya dengan Privacy Police, Contact Us, Disclaimer dan lain sebagainya. Namun kali ini saya akan bahas About Me terlebih dulu ya brader.
Contoh About Me :
Gimana brader? Keren bukan? Pasti dong. Blog kamu akan terlihat profesional dengan memakai si About Me ini, apalagi jika sang pembaca ingin tau tentang siapa diri kamu, tentu ini menjadi nilai plus untuk blog kamu. Langsung saja ya brader, kita praktiknya, ikuti langkah langkahnya dengan benar ya braderrr.
- PERSIAPKAN FOTO ATAU GAMBAR BENTUK LINGKARAN
Karena topiknya di Android, maka langkahnya juga harus dari Android ya brader. Cara membuat foto menjadi lingkaran, kalian harus download aplikasi (PHOTO GRID) terlebih dahulu. Belum punya? Tenang brader, kamu bisa download Di sini. Di Photo Grid terdapat fitur memotong foto berbentuk lingkaran, namun belum sempurna, kenapa? Karena masih ada background yang nempel pada foto kamu.
Untuk mengatasi hal tersebut, jangan khawatir brader, kamu bisa download aplikasi penghapus background kok, download Di sini ya brader. Jika sudah langsung ke langkah 2 yuk.
- UPLOAD FOTO BRADER KE GOOGLE
Harus upload emangnya? Ya harus. Karena ketika brader upload ke google, maka akan mendapatkan link untuk menuju ke foto brader tadi. Nah, link ini akan berguna nanti untuk script About Me. Terus bagaimana caranya? gampang kok, di simak ya braderr.
Silahkan klik Ini brader, nanti kamu akan di arahkan ke tempat untuk upload foto di google. Setelah berhasil di upload, langsung di simpan ke gallery saja ya brader. Perlu di ingat juga, max untuk upload gambar hanya sebesar 5 MB saja ya brader, jika lebih dari 5 MB, maka kecilkan dulu ya di aplikasi yang tadi di nomor 1 (PHOTO GRID).
- LOGIN KE AKUN BLOGGER KAMU
Kemudian pergi ke halaman Tata Letak (LAYOUT), Kemudian scroll ke bawah lalu tambahkan Gadget (ADD GADGET) nantinya akan muncul Gadget baru. Terus klik tambah (+) pada tulisan HTML/JAVASCRIPT. Tuliskan judulnya dengan About Me ya brader, atau juga bisa Who Am I, atau apapun itu terserah brader ya.
- COPY SCRIPT INI DI KODE HTML TADI
<div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin0dDHd-QdpJdQCI79HCbp6Q5gHds9Dl2ujEuy89sCVa7nLQ5HNZslfEusFfw3iVUO0VZ0znNgLZLx6RfaEj4oVuRY469vwogswUNrLMQv-f-DsErSrdV9PnTIR_4e22Y9IQWUjXYvybc/s1600/1573411358985.png" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">ELVARI FAISAL</span></b></div>
<div style="margin-bottom:3px; text-align: center;">Hanya seorang Mahasiswa yang percaya bahwa tidak ada sistem internet yang aman. <br/><div style="text-align: center;"><a href="http://elvarifaisal.blogspot.com/search/label/ABOUT ME?&max-results=6&m=1" target="_blank"><b>Read more ></b></a>
<div style="margin-bottom:5px; border-bottom: 2px solid #FF8C00 padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URLINSTAGRAM" target="_blank" title="follow me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN4ZAGALva31plPEgfJz1pTVgLvD7-TSt9vqen-pnUYTEOQeyv2yAxNk0gckqsn67gg6CPGTQL9piUjUutwchAg0eNt3MB1U0XdeJnaSHR0kUxppqwKVjp4WftueQ00gwkIr4hph_AG7Q/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
</div></div></div>
KETERANGAN =
<img border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin0dDHd-QdpJdQCI79HCbp6Q5gHds9Dl2ujEuy89sCVa7nLQ5HNZslfEusFfw3iVUO0VZ0znNgLZLx6RfaEj4oVuRY469vwogswUNrLMQv-f-DsErSrdV9PnTIR_4e22Y9IQWUjXYvybc/s1600/1573411358985.png" width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">ELVARI FAISAL</span></b></div>
<div style="margin-bottom:3px; text-align: center;">Hanya seorang Mahasiswa yang percaya bahwa tidak ada sistem internet yang aman. <br/><div style="text-align: center;"><a href="http://elvarifaisal.blogspot.com/search/label/ABOUT ME?&max-results=6&m=1" target="_blank"><b>Read more ></b></a>
<div style="margin-bottom:5px; border-bottom: 2px solid #FF8C00 padding: 3px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="URLINSTAGRAM" target="_blank" title="follow me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN4ZAGALva31plPEgfJz1pTVgLvD7-TSt9vqen-pnUYTEOQeyv2yAxNk0gckqsn67gg6CPGTQL9piUjUutwchAg0eNt3MB1U0XdeJnaSHR0kUxppqwKVjp4WftueQ00gwkIr4hph_AG7Q/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
</div></div></div>
KETERANGAN =
- Warna Ungu [Di ganti dengan link gambar brader yang tadi sudah di save]
- Warna Biru [Di ganti dengan nama brader atau identitas dari brader itu sendiri]
- Warna Hijau [Kata kata yang menunjukkan bahwa itu identitas dari diri brader, supaya si pembaca tau siapa diri brader itu]
- Warna Orange [Read More, link menuju ke halaman siapa itu diri brader sebenarnya, silahkan buat halaman label baru di blog brader]
- Warna Merah [Di ganti dengan link instagram brader]
BONUS =
Karena saya hanya memakai tools Instagram, jadi jika brader ingin memakai tools lainnya seperti Facebook, Twitter, Linkedln dan lain lainnya, tenang brader! Saya sudah siapkan kodenya spesial untuk brader haha. Ini dia kodenya
Facebook : <a href="URL Facebook brader" target="_blank" title="Like/Follow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWjUxUn_Xqiei6n4ALZCrsXBsNYSfftcMSsi-z6sKamROb7Gr3e-N6pqcoSUOikutsYa7Hpe1kKr8kZPbIacUB4knGPa7jMNzwG28iwBJlBByJ7l4MyFRpE_nB6iy1ccd3RwIzWCijFmQ/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
Twitter : <a href="URL Twitter brader" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjolSqw1NO7GQT3DOeVc59LMRF1g2nef39pqkjL8fAWuX0iXncg6ig-bQeNpb5mNKMI-uzT54gBbNMyd_9KhaDiNYrR2vQYUxXN4sq3xMtYFm0Eseru8x6nr09ZHOHkS__8-PntNwBtwVc/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
Google+ : <a href="URL Google+ brader" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggSCoqPhNL8GRrCZkIU-sNxpS7uw3rrVykW8N1MZ-O07oGldrhPIqv3QA0rLzbFvE7yfMnHyHR9EpKtuNMLS5YRdEplYV0usRDPbKLHICc2_6IgmDHZJU1imhv2gTyfX8MAAvVJWVwY7g/s1600/google_plus.png" style="border: medium none; position: relative;" / /></a>
Youtube : <a href="URL Youtube brader" target="_blank" title="Subscribe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOm_waRHCYXmdXRFMSdiEF-Uz0S8myfg7Fo30B8pYjIfpeWHQvjBzcJ8ei1jjy7q5unPhKwPlrhzT59kFEVtJA22lJ257Vd7i78iO5NKl39pcLugKZZaQJkxtYdJtFEZmVxZp9nBQoERk/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>
Cukup sampai sini dulu ya brader, lain kali kita bahas sidebar lainnya lagi. Kalo ada masalah dalam langkah, silahkan komentar ya brader. Tengkyuuu
Tags
Blogger