Cara Membuat Halaman About Me (Tentang) Keren Pada Blogger

Fungsi Tentang (About Me) pada blogger sangat lah perting , Dengan adanya Tentang About me pada blogger yaitu dengan tampilan yang lebih keren dan juga kalian dapat memberikan tentang isi dari web kalian, nah di tutorial ini saya akan memberikan cara membuat about me keren untuk blog.

Sebenarnya fungsi dari halaman About Me yaitu bersifat relatif karna di about me itu kalian dapat meceritakan tentang isi blog dengan detail, Seperti latar belangkang pribadi kalian sebagai penulis kontent kreator dan hoby dan link-akun sosial media kalian.

Nah dengan adanya aboutme yang detail dan lengkap sipembaca artikel kalian lebih percaya dengan konten yang kalian buat dan info yang kalian bagikan. 

Nah untuk cara pemasangan nya sebernanya sangat mudah dan gampang cuman di artikel ini saya akan memberikan widget about me dengan tampilan yang lebih keren dan sangat menarik buat si pembaca kontent kalian. 

Sebenernya pembuatan about ini kalian dapat memberikan informasi pada halaman blog dengan detail cuman disini saya akan memberikan tambahan Kode html dan css Dalam bentuk (html) kalian cukup mengopykan data kode trus tempel pada halaman about kalian. yang dimana di html itu sudah ada tampilan jejaring sosial seperti FB, Twitter, Instagram Dan yaoutube kalian juga dapat menambahkan media sosail lainnya. 

Yuk simak cara pemasangannya
Pertama copykan kode dibawah ini trus kalian buat halaman baru trus kasih nama abaout / tentang trus kalian pastekan kode di bawah dalam bentuk Html.

<style>
#aboutme {
position:relative;
padding:18px 20px 25px;
border:2px solid #ebeced;
border-radius:4px;font-size:90%}display:block;
position:absolute;top:0;right:0;width:80px;height:60px;
background:rgba(0,0,0,.01);
border-radius:0 0 0 100px}

}
.aboutme-text {
font-size:12px;
text-align:left;
margin:0px 0px 7px;
}
.aboutme-image-container {
width:100px;
height:100px;
}
.aboutme-image-container {
margin:-50px -8px 0px 80px;
position:inherit;

}
.aboutme-image-container img {
width:100%;
height:100%;
border:2px solid #DA251D;
border-radius:100%;
}
</style>
<div id="aboutme">
<div class="aboutme-image-container">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFU1gh-yBR4A8Q0kO_1O5zbjxVCAJ9cBhNGUJiJ7mN3JHodsj4bFqhzUmkLsDikq42gYW837JDS60LYeZTMLSJ58kaZxb7jAQ4y1QS0TAPJ-vHXfoIBdbI69U24FnU6MEA_lLXL4Yko1k/s1280/Sitemap.png" />
</div>
<div class="aboutme-text">
<center>
Personal Blog https://id-backlinks.blogspot.com/, Bercerita Pengalaman dan Memberikan Tips , Tutorial </a></center>
<!--YouTube-->
<script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channelid="UCfda9_IiwWugZFhhcFhEV8A" data-count="default" data-layout="default"></div>
<!--Google Plus-->
<script async="" defer="" src="https://apis.google.com/js/platform.js"></script>

<!--Place this tag where you want the widget to render.-->
<div class="g-follow" data-annotation="bubble" data-height="24" data-href="//plus.google.com/u/0/109966146094393036854" data-rel="author">
</div>
<!--Twtter-->
<a class="twitter-follow-button" href="https://twitter.com/ArieChaniago20">
Follow @cmantu</a>

</center>



*

Posting Komentar (0)
Lebih baru Lebih lama