[Script Code] Membuat Widget Profil dan Cuplikan Text Pada Blog ~ Coding IsmyNR - Cara Dan Contoh Pemrograman

[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
[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot

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

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

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]
[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot
Lalu paste scriptnya  disini klik SIMPAN 
[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot

Selanjutnya kalian arahkan widget profilnya terserah mau dimana saja, gambarnya ukuran 100x100 aja biar ga terlalu bersar dan rapet gitu biar setara 
[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot
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://2.bp.blogspot.com/-hm9Yefy0gC4/WeqSRrzaaNI/AAAAAAAAAHc/JZAjbiqhnF0BZuNveuRnRefUvnZz5fjtwCLcBGAs/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
logoblog

Share :

2 comments:

  1. saya sudah coba work ...pasang di widet bawah, terimakasih ilmunya sudah di share..

    ReplyDelete

Berkomentarlah jika ada pertanyaan mengenai artikel ini, Kesan pembaca atau saran yang membangun blog ini.
*Gunakan akun google dan ceklis kolom (Notify Me) agar mendapatkan pemberitahuan balasan komentar

 
Back to Top