Cara Membuat Gadget Profile Cantik di Blogger

Assalamualaykum Warahmatullahi Wabarakatuh

Selamat siang semua..
Ini adalah postingan pertamaku ditahun 2019, setelah lama tak menulis ria di blogger ini akhirnya aku kembali lagi. Doakan saja semoga bisa istiqamah menulis dan memberikan informasi, tips, cerita yang bermanfaat untuk kalian semua ..

Seperti judul-nya untuk memulai postingan pertama ku, aku akan memberikan sedikit tutorial singkat bagaimana cara untuk membuat gadget profile cantik untuk blogger kalian, seperti profil yang ada di sudut kanan atas blog ini, tanpa banyak basa - basi mari kita mulai tutorialnya..

  • pertama kalian hanya perlu menuju dashboard blogger kalian lalu pilih > Tata Letak

  • lalu akan muncul tata letak blogger kalian. kemudian pilih > Tambahkan Gadget


  • Jika jendela daftar gadget telah muncul, lalu pilih > HTML/JavaScript


  • Akan muncul jendela gadget HTML/JavaScript, nah sekarang kalian bisa membuat judul nya sesuai yang kalian ingin kan pada kolom Judul , misalnya profil saya, bio saya, atau yang lainnya sesuai keinginan kalian.


  • Pada kolom Konten, kalian copy - paste code di bawah ini .
<center><img class="bulat" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqY1LHMlnz8X_IBVe79C28sFdoLcae2QBxuQZCFbSm-u-sSr2acKWsPNeORGajATlU2DOT_gBPj_GtpusuE3ctrqMLNJCnC0AR4fbPXrL_ZSCDaaMVOq6OlSEP97ct1MTc1rFFWvjhHoA/s320/LRM_EXPORT_123102679279719_20190824_234026662.jpeg" alt="press" />
<br />
 <b>Masukkan Nama Anda</b> </center>
<br />

<center>Masukkan Bio Anda</center>
<br />
<center><u><b><a href="https://crazylitthing.blogspot.com/p/about-me-d.html">Selengkapnya</a></b></u></center>

<style type="text/css">
.bulat{
border-radius:100em;
opacity:0.8;
border-top:2px solid #cf2031;
border-right:2px solid #0f7dc8;
border-bottom:2px solid #2eb31a;
border-left:2px solid #eab823;
width:200px;
height:200px;
}
</style>

Keterangan :
  • Ganti tulisan berwarna kuning dengan url foto kalian
  • Ganti tulisan berwarna hijau dengan url halaman profil kalian
  • Ganti width dan height untuk seberapa besar ukuran foto yang akan kalian tampilkan
  • Ganti opacity nya sesuai keinginan kalian apakah kalian ingin gambarnya terlihat transparan atau tidak semakin kecil nilainya maka gambar anda semakin transparan.
  • Ganti warna border gambarnya dengan mengganti kode warna yang sudah saya tandai dengan warna orange sesuai keinginan kalian

Maka hasil akhirnya akan terlihat seperti ini tinggal sesuaikan saja sesuai selera kalian.

Jika kalian bingung atau ada saran boleh berikan komentar di kolom komentar.


Terimakasih,
Selamat Sore ..


Share this:

0 comments:

Post a Comment

Terimakasih atas kunjungannya. Silahkan berikan komentar atau pertanyaan anda. >,<