[Script Code] Membuat Widget Profil dan Cuplikan Text Pada Blog

Daripada kalian membuat blog atau halaman baru buat profil atau foto mending ngikutin cara ini aja dengan Membuat Widget Cuplikan Profil dan Text Pada Blog, karna ini ga ribed hanya menambahkan widget saja tidak harus membuat halaman baru atau membuat blog hanya untuk profil sendiri.

Langsung saja ke tutorialnya Membuat Widget Cuplikan Profil dan Text Pada Blogspot:

untuk membuat widget profil di blog Pertama masuk ke akun blogspot kalian ==> TATA LETAK

Setelah ke tata letak kalian buat sebuah widget baru klik TAMBAHKAN GADGET ==> pilih HTML/JAVASCRIPT ==> Klik yang icon +

Setelah itu akan muncul yang akan kita tuliskan codenya .. tp pastikan di sebelah kanan yang tanda merah tulisanya RICH TEXT, Trus COPY script nya [scriptnya dibawah postingan]

Lalu paste scriptnya  disini klik SIMPAN 

Selanjutnya kalian arahkan widget profilnya terserah mau dimana saja, gambarnya ukuran 100x100 aja biar ga terlalu bersar dan rapet gitu biar setara 

Berikut codenya :

<style>
.avatar{float:left}
p{font-size:12px}
.avatar-85{border:3px solid #fff;border-radius:85px;margin-right:10px}
.icons-social{margin:0 auto;clear:both;float:none}
.icons-social li{display:inline;padding:0;float:left}
.icons-social #social a{display:block;height:42px;width:42px;margin-right:5.5px;color:#fff;text-align:center;font-size:20px}
.icons-social #social a:before{display:inline-block;font:normal normal normal 22px/1 FontAwesome;font-size:inherit;font-style:normal;font-weight:400;line-height:42px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
</style>

<p><img alt="About Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKXdiVR6cFH3G2Rj-0kMnEfBj9loJcxLgK5V9YK7DKb23ZGIDxxTZ_hWO9SVGGLIucP1n-B-MF9x4wW_Lf4RSX-fF9ldZoOitGgZ6zA9b5Bk5tuI8P6cijl-nblShF_O8RM83OZNU_n3C/s1600/20160826_080730%257E2-1.jpg" class="avatar avatar-85 photo" height="85" width="85" title="ISMY NR" />
<p>Text Terserah kalian</p>
<a href="https://www.ismynr.cf/" target="_blank" style="
     color: #0288d1;
 ">Blog Lainnya</a></p>

Ket :
Ungu : Link gambarnya
Merah : terserah kalian mau diganti apa
Biru : link ketika diklik BLOG LAINNYA akan menuju link tersebut
Segitu dulu untuk Membuat Widget Cuplikan Profil dan Text Pada Blog, semoga bermanfaat

tag :
profil blogger keren
contoh profil blogger
cara membuat about me di blog
widget about me keren
contoh about me website