Cara Membuat Profil About Me Keren di Blogspot

Jika anda ingin membuat profil blog keren, dengan widget html/javascript, ini langkah-langkahnya : 

eh tapi sebelum  itu, kita harus bermain dengan coding, maka yang diperlukan adalah SABAR dan TELITI

Pertama : jika ingin memiliki photo dengan bentuk  lingkaran maka edit  fhoto tersebut terlebih dahulu di Photo scape .
Anda harus menginstal software photo scape terlebih dahulu, namun jika belum di instal saya sarankan untuk menggunakan photo yang sudah ada saja.



Pilih Crop


Maka hasilnya akan seperti ini 


klik SAVE AS

LANGKAH KEDUA : Sebelum anda memasukkan fhoto tersebut ke blog anda harus terlebih dahulu  mengkompres fhoto anda DISINI

LANGKAH KETIGA : Masuk ke blogger

untuk menempatkan  profil anda dengan html/javascript anda maka photo anda harus berupa code html,untuk merubah nya dengan cara : masuk keblogger


Masukkan phota/gambar yang telah di kompres tadi


pindahkan ke html
blok code photo  anda, maka itu yang akan menjadi code profil Anda

Setelah anda mendapatkan kode tersebut,simpan dulu kode profil anda di notepad.

Langkah keempat : Kembali ke blogger,pilih tata letak.Klik tambahkan  gadget, klik HTML/Java Script



maka akan muncul 



Salin kode dibawah ini kedalam menu HTML/JAVASCRIPT

<div class="separator" style="margin-bottom:2px; clear: both; text-align: Right;">
<img border="0" height="auto" src="isi dengan kode profil anda  (kode html) yg telah dirubah"width="100%" /></div>
<div style="margin-bottom:2px; text-align: center;">
<b><span style="font-size: large;">HALLO (isi dengan kalimat sapaan)</span></b></div>
<div style="margin-bottom:3px; text-align: center;">
Saya Rahayu Asda Putri, lulusan sarjana Pendidikan Bahasa Arab yang suka menulis, ngotak - ngatik blog, menerima jasa desain web dan review produk, (isi dengan keterangan tentang anda).&nbsp;<br/><div style="text-align: centre;"><a href="http://www.rahayuasda.com/2017/09/hallo.html(isi dengan link yang akan mengarah kepostingan tulisan about me/tentang saya)" target="_blank"><b>Baca Selengkapnya &gt;</b></a>
</div>
<div style="margin-bottom:5px; border-bottom: 2px solid #CC0099; padding: 3px; text-align: center;"></div></div>

Keterangan :

- ganti tulisan warna  dongker dengan kode profil anda tadi

- Ganti tulisan warna ungu dengan tulisan pembuka sesuai dengan keinginan anda

- Ganti tulisan wana merah sesuai dengan pasion Anda

- GAnti tulisan warna hijau dengan link about me anda

setelah itu klik oke

Catatan :

untuk anda yang muslimah saya tidak menyarankan untuk menampilkan fhoto close up di media sosial termasuk blog karena dampak negatifnya lebih besar,kuatir disalah gunakan orang yangtidak bertanggung jawab,anda bisa menampilan gambar pemandangan, karya anda, atau fhota balik badan.

trimakasih

5 komentar

Silahkan tinggalkan komentar di blog ini. Terimakasih