Cara Membuat About Me Keren di Blog

Kali ini ZTN CODING akan memberika tutorial Cara Membuat About Me Keren di Blog. Apa itu About Me? about me biasa digunakan para blogger/website induvidu. perorangan agar para pengunjung bisa melihat siapa orang di balik blog atau website ini. dan juga untuk memperkenalkan diri pada para pengunjung, untuk website sekala besar yang memiliki perusahaan biasanya di namakan About Us. oke kita akhiri sajah basa basi ini kalian ikuti tutorial di bawah

---

1. Pertama kalian edit foto kalian bundar (lingkaran) jangan kotak (persegi), nah jika sudah upload dulu fotonya di copy url gambar simpan di notepad atau dimana ajah terserah, 

2. Pasang font awesome untuk menampilkan icon media sosial

pastekan kode di bawah tepat di atas kode </head>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

3. Pergi ke blogger > Tata Letak > Tambahkan Gadget > HTML/JavaScript. Buat JavaScript baru dan pastekan kode di bawah

<div style="border: 2px solid #444; padding: 10px; background-color: #FF7F50; text-align: center;">Nama Kamu</div>
<div style="border: 1px solid #444; padding: 10px; background-color: #ffffff; text-align: left;"><div class="separator" style="margin-bottom:2px; clear: both; text-align: center;">
<img border="0" height="auto" src="#" width="100%" /></div>
<div style="margin-bottom:3px; text-align: justify;">
Hanya seorang anak kampung. Sekarang sedang fokus menikmati hidup sambil mengisi waktu untuk ngeblog.&nbsp;<br/><div style="text-align: right;"><a href="#" ><b>Read more &gt;</b></a>
</div>
<div style="margin-bottom:5px; border-bottom: 2px solid #FF7F50; padding: 3px; text-align: center;">
</div>
<div style="margin-bottom:2px; text-align: center;">
<span>Follow Me</span></div>
<div style="text-align: center;">
<a href="URL-facebook" ><i class="fa fa-facebook-square fa-2x" title="Add Dan Like" style="color: #6495ED"></i></a> 
<a href="URL-twitter" ><i class="fa fa-twitter-square fa-2x" title="follow" style="color: #00BFFF"></i></a> 
<a href="URL-instagram" ><i class="fa fa-instagram fa-2x" title="follow" style="color: #FF7F50"></i></a> 
<a href="URL-pinterest" ><i class="fa fa-pinterest-square fa-2x" title="follow" style="color: #DC143C"></i></a>
<a href="URL-youtube" ><i class="fa fa-youtube-play fa-2x" title="SUBSCRIBE" style="color: #B22222"></i></a>
</div></div></div>

Ganti Nama Kamu, 

media sosial Ganti URL-facebook dengan facebook sobat dan begitu juga seterusnya 

klik Simpan

Artikel ini juga ada di  ZTN INFO : Cara Membuat About Me Keren di Blog

jika Sobat Berkenan Silahkan Share Artikel ini ke media sosial milik sobat atau tinggalkan komentar dibawah 👇☺