Beranda Blogger Cara Membuat Widget About Me Keren Di Blogspot Dengan Mudah

Cara Membuat Widget About Me Keren Di Blogspot Dengan Mudah

162
0
Cara Membuat Widget About Me Keren Di Blogspot Dengan Mudah

DUJAA.COM | Cara Membuat Widget About Me Keren Di Blog  – Wigdet About Me atau About Us adalah bagian yang tidak bisa lepas dari suatu blog atau web. Biasanya About me ini terletak pada widget sebalah kana ataun bagian bawah daerah footer. Widget About Me ini berisikan tentang ulasan pemiliki blog atau ulasan singkat dari nama atau brand sebuah blog atau web.

Sebuah Blog atau web yang memiliki About Me tampak terlihat seperti profesional dan memang benar – benar serius dalam membangun situs web atau blog. Umumnya Widget About me atau About US ini dibuat untuk menambah tingkat kepercayaan pengunjung pada blog.

Bagaimana Jika Blog Tidak Memiliki Widegt Author ?

Bayangkan sendiri apabila anda berselancar di Blog atau Web kemudian menemukan About Us yang keren dan diberi ulasan tentang Blog/Web tersebut tentunya seolah – olah mengira bahwa situs yang anda kunjungi dikelola oleh orang atau tim yang profesional. Pasti akan menambah rasa yakin terhdapat blog tersebut.

Jadi About Me / About Us ini memang sangat baik untuk dipasang pada blog namun jika tidak memasangnya juga boleh – boleh saja. Tetapi saya merekomendasikan untuk memasang About Me / About Us pada suatu blog / web.

Tapi semua itu balik lagi pada keinginan anda masing – masing, jika template atau tema blog yang anda pakai supoort dan pantas dipasang About Us / About Me ya silahkan pasang saja. Jika tidak pantas atau malah membuat tampilan bernatakan maka tidak perlu.

Bagaimana Cara Membuat Widget About Me Keren Di Blogspot ?

Baiklah pada kesempatan kali ini DUJAZONE akan memberikan tutorial tentang bagaimana membuat widget About Me / About Us pada blogger.

Cara yang saya berikan cukup mudah, anda tinggal Copy – Paste kode HTML yang telah saya sediakan. Kemudian anda tinggal mengganti sesuai dengan kebutuhan blog anda.

Baiklah langsung saja berikut ini tutorial Cara Membuat Widget About Me Keren Di Blogspot Dengan Mudah :

  • Buka Dashboard Blogger
  • Klik Layout / Tata Letak
  • Klik Add a Widget / Tambahkan Widget pada sidebar atau footer terserah
  • Tambahkan Widget HTML/Javascript dengan cara klik tadan ( + )
  • Kemudian isi Title / Judul dengan About Me  atau sesuai keinginan
  • Pada konten isi dengan kode dibawah ini
<div class=”separator” style=”clear: both; margin-bottom: 2px; text-align: center;”>
<img border=”0″ height=”auto” src=”https://2.bp.blogspot.com/-b3D0dwv6UrE/XHNgk5R9pEI/AAAAAAAAARU/GNjqBhXueh4cgGISYzMXT6ZIoKZuw6S5gCLcBGAs/s1600/Logo%2BDuja%2Bjpeg%2B100px.png” width=”100%” /></div>
<div style=”margin-bottom: 2px; text-align: center;”>
<span style=”font-size: large;”><b>DUJA AL AMIN</b></span></div>
<div style=”margin-bottom: 3px;”>
<div style=”text-align: justify;”>
Hanya seorang Blogger dan Staf Kantor yang Sekarang sedang fokus menikmati hidup sambil mengisi waktu Berbagi informasi bermanfaat.&nbsp;</div>
<div style=”text-align: justify;”>
<br /></div>
<div style=”text-align: right;”>
<b><a href=”https://www.dujaa.com/p/about.html” target=”_blank”>Read more &gt;</a>&nbsp;</b></div>
<div style=”border-bottom: 2px solid #ff9900; margin-bottom: 5px; padding: 3px; text-align: center;”>
</div>
<div style=”text-align: center;”>
<a href=”Isi URL Facebook / Fanspage Anda” target=”_blank” title=”Like/Follow”><img border=”0″ src=”https://2.bp.blogspot.com/-5xI5g1PAIqE/WBK8lJoT7hI/AAAAAAAAGy8/X9IvZ81hlEsch6tnZ6SHQkD8UTN6-SMYACLcB/s1600/facebook.png” style=”border: medium none; position: relative;” /></a>
<a href=”Isi URL Twitter Anda” target=”_blank” title=”Follow Me”><img border=”0″ src=”https://1.bp.blogspot.com/–joAGzKe9aw/WBK8mG7HAMI/AAAAAAAAGzM/ZfPlo-vm0_c9ITw-tCZMtJnnRep2B_dbQCLcB/s1600/twitter.png” style=”border: medium none; position: relative;” /></a>
<a href=”Isi URL Google Plus Anda” target=”_blank” title=”Follow Me”><img border=”0″ src=”https://4.bp.blogspot.com/-eV-8gKAEpPQ/WBK8lL35yyI/AAAAAAAAGy0/pw6rw0MDKzMDijgXPpl_7E0d5Jti60yEwCLcB/s1600/google-plus.png” style=”border: medium none; position: relative;” /></a>
<a href=”Isi URL Instagram Anda” target=”_blank” title=”Follow Me”><img border=”0″ src=”https://4.bp.blogspot.com/-b-Iffdd6CVo/WBK8lhXYojI/AAAAAAAAGzA/eJUm3xnxru4O93DynqA9Ktfz1cxMu6FZgCLcB/s1600/instagram.png” style=”border: medium none; position: relative;” /></a>
<a href=”Isi URL Chanel Youtube Anda” target=”_blank” title=”Subscribe”><img border=”0″ src=”https://1.bp.blogspot.com/-SRzFNqRsWWs/WBK8mUgvG9I/AAAAAAAAGzQ/UJtn2k4fsmI8F7xURmB3dHI6hzRXYrK4gCLcB/s1600/youtube.png” style=”border: medium none; position: relative;” /></a>
<a href=”Isi URL Ask Me Anda” target=”_blank” title=”Ask Me”><img border=”0″ src=”https://3.bp.blogspot.com/-OmOCIFhzD2o/WBK8lHlnu_I/AAAAAAAAGy4/_6B5eQXm2PUgjcfNJMxFde6KbJ8rv4L6ACLcB/s1600/ask-fm.png” style=”border: medium none; position: relative;” /></a>
<a href=”Isi URL Pinterest Anda” target=”_blank” title=”Follow”><img border=”0″ src=”https://1.bp.blogspot.com/-JWxdMPrCVfA/WBK8l2nYw8I/AAAAAAAAGzI/83GGnKVuphIYoCsTxXOOGsu9gu4Nc2s6gCLcB/s1600/pinterest.png” style=”border: medium none; position: relative;” /></a>
<a href=”Isi URL Tumblr Anda” target=”_blank” title=”Visit”><img border=”0″ src=”https://1.bp.blogspot.com/-21d4bn_reVE/WBK6gd-RgdI/AAAAAAAAGx8/KKxqaNVtCzYYQXs6igNbeG_94X0VsOx7ACLcB/s1600/tumblr.png” style=”border: medium none; position: relative;” /></a>
</div>
</div>

Keterangan :
* Ganti Teks warna merah dengan url foto anda silahkan sesuaikan sendiri
* Ganti Teks warna aqua dengan Nama Anda
* Ganti Teks warna fuchsia dengan url halaman about anda 
* Ganti Teks warna biru dengan url sosial media anda, jika tidak punya hapus saja

  • Jika sudah terganti semua, Klik Save / Simpan
  • Silahkan sesuiakan menurut keinginan anda

Berikut tanpilan jika sudah sukses memasang about menggunakan kode diatas

Cara Membuat Widget About Me Keren Di Blogspot Dengan Mudah

Anda bisa melihat hasilnya dengan membuka blog anda, jika sudah tampil maka silahkan atur dan sesuaikan dengan kebutuhan. Kalau anda membuat pada footer berarti lihat pada footer blog.

Kode HTML diatas juga bisa digunakan dalam halaman About, Caranya tinggal copy dan pastekan pada mode HTML halaman setelah itu publikasikan.

Nah itulah tutorial tentang Cara Membuat Widget About Me Keren Di Blogspot Dengan Mudah. Semoga tutorial yang saya berikan ini bermanfaat bagi anda, Jangan lupa share agar tambah bermanfaat. Terima Kasih.

LEAVE A REPLY

Please enter your comment!
Please enter your name here