[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:
![[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioW5s3SuYsoTNc4yjhcr_HJj2UnO_2b1tcL73HTlYoz9RvrqmkcECDcwDOc7fIAsEfzZxziKP6KK9s0DJR9Shoupv1qGaYIBkTVq3OlVmSktxXQabgRkQFpniP7WPr_v2fJDyDJtAPp9iT/s200/1.PNG "[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot")
![[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggF9zZkGc_QgZlT3ygJqqGDWOG6bJRP1_XI-IDc9QSv12CRCS9QTgf5YH4GOTrJForbk0-uOROvC18dlovVg6iKBR7in-q16w1zFH9uDFBnMVNjR2sglpUd-5BNSsf3G7-wLzHQtyPBJUh/s320/2.PNG "[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot")
![[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawAQWD8VSOi1q2WsmEfuQ8kRlcNyDgVrw82KCkqzOaAnIwMly66NzRsMcivB32LXjU_BVmK0zRSxSDWDsagyN_EAzx-ZnpUM2mgoRUSRuL3pgKIB9Ngkjgmi39a6KHgqggFu9MbHam0c1/s200/3.PNG "[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot")
![[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMeQdpRsh3AaEisgaA5P35v17wSUAR2cp_YWVzpEoYQRddKXWzF2lbjOmNJ_aQoMpiVgk2kxvAJNmBfZiVF-qqg-NITanGHfrm7Xi1ZZlGSIoxbeOM-R7-3Ix1JuJJfq9WVLjTnLPEBxKj/s200/4.PNG "[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot")
![[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNN3-VIntWz2rRDqrJMnMk2RMOlRR7WUCCpw-n3vFf3R3L7djJDTyhcHhKLmiD_1x-EZjTrMYEV_tgCKCz27j-JDbQFs0tCg6Ozf5tXj_D8Zhr9Fdh96rVScBP7UAga3NKLGxieGp7lDjY/s200/5.PNG "[Script Code] 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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioW5s3SuYsoTNc4yjhcr_HJj2UnO_2b1tcL73HTlYoz9RvrqmkcECDcwDOc7fIAsEfzZxziKP6KK9s0DJR9Shoupv1qGaYIBkTVq3OlVmSktxXQabgRkQFpniP7WPr_v2fJDyDJtAPp9iT/s1600/1.PNG "[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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggF9zZkGc_QgZlT3ygJqqGDWOG6bJRP1_XI-IDc9QSv12CRCS9QTgf5YH4GOTrJForbk0-uOROvC18dlovVg6iKBR7in-q16w1zFH9uDFBnMVNjR2sglpUd-5BNSsf3G7-wLzHQtyPBJUh/s1600/2.PNG "[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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawAQWD8VSOi1q2WsmEfuQ8kRlcNyDgVrw82KCkqzOaAnIwMly66NzRsMcivB32LXjU_BVmK0zRSxSDWDsagyN_EAzx-ZnpUM2mgoRUSRuL3pgKIB9Ngkjgmi39a6KHgqggFu9MbHam0c1/s1600/3.PNG "[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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMeQdpRsh3AaEisgaA5P35v17wSUAR2cp_YWVzpEoYQRddKXWzF2lbjOmNJ_aQoMpiVgk2kxvAJNmBfZiVF-qqg-NITanGHfrm7Xi1ZZlGSIoxbeOM-R7-3Ix1JuJJfq9WVLjTnLPEBxKj/s1600/4.PNG "[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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNN3-VIntWz2rRDqrJMnMk2RMOlRR7WUCCpw-n3vFf3R3L7djJDTyhcHhKLmiD_1x-EZjTrMYEV_tgCKCz27j-JDbQFs0tCg6Ozf5tXj_D8Zhr9Fdh96rVScBP7UAga3NKLGxieGp7lDjY/s1600/5.PNG "[Script Code] Membuat Widget Cuplikan Profil dan Text Pada Blogspot")
Script :
<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}
.icons-social .facebook:before{content:"\f09a"}
.icons-social .twitter:before{content:"\f099"}
.icons-social .gplus:before{content:"\f0d5"}
.icons-social .linkedin:before{content:"\f0e1"}
.icons-social .instagram:before{content:"\f16d"}
.icons-social .pinterest:before{content:"\f0d2"}
</style>
<p><img alt="About Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg-BnhujdnEZdWPynGVS9D2I4KSq4L0efgAyuRFTmccYSB4XL_J8XcK-jAtkhbBwNOnPGPxaSmjVdtaExJYSyX_1O-4_3HAhBAVi13E41v7nK6hvIYJgWZhWEgnd_yCLEL_gMfMtu_fUWX/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>
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
0 Response to "[Script Code] Membuat Widget Profil dan Cuplikan Text Pada Blog"
Post a Comment