Cara Membuat Halaman About Di Blogger
 |
| Cara Membuat Halaman About Di Blogger |
Membuat Halaman About
Fighaz mc, Blogger - Bagaimana langkah membuat halaman About pada blog?. Membuat halaman About penting untuk sebuah blog, baik itu blog pribadi atau blog bersama.
Setelah kalian berhasil membuat blog di blogspot, maka langkah selanjutnya adalah membuat beberapa halaman penting, yang menjelaskan tentang apa yang ada di blog kalian.
Artikel ini akan membahas tentang cara membuat halaman about di blogger dengan mudah dan cepat.
Setelah membaca artikel ini, kalian akan dengan mudah membuat halaman about ini.
Artikel ini membantu kalian untuk membuat halaman about untuk blog pribadi.
Apa Itu Halaman About
Apa saja yang harus ada di About Us? atau About?, marikita simak dibawah ini.
Memperkenalkan Diri
Pada awal penulisan halaman ini, sapa lah pembaca dengan kata-kata yang baik Don sopan.
Mulailah menulis dengan diri anda seperti nama, asal, hobi. Hal ini penting agar para pembaca lebih mengenal anda lebih baik.
Sebagian besar pembaca lebih tertarik dengan cerita, tak jarang mereka lebih senang dan tertarik dengan cerita profil Sang penulis ketimbang konten-konten atau artikel yang ada di dalam blog kalian.
Maka dari itu buatlah cerita yang menarik tentang diri kalian agar pembaca lebih tertarik untuk membaca semua artikel yang ada di blog kalian.
Memberikan Alasan Pembuatan Blog
Para pembaca kerap keli dihadapan dengan informasi atau permasalahan yang dialami, sebagai penulis apa yang ingin kalain bagikan atau kalian tulis untuk menjawab apa yang menjadi permintaan pembaca.
Pada dasarnya, latar belakang pembuatan blog didasarkan kepada beberapa faktor. Alangkah baiknya kalian membuat blog dan tulisan yang bermanfaat bagi pembaca.
Seperti blog atau tulisan tentang tutorial, atau informasi umum yang penting dan yang sedang hangat dicari oleh pembaca pada umumnya.
Meningkatkan Konversi
Seperti yang sudah dijelaskan diatas, halaman ini berfungsi untuk meningkatkan kepercayaan kepada pembaca.
Kita dapat memberikan berbagai informasi yang dapat meningkatkan nilai baca dari para pembaca, memberikan hal yang positif bahwa semua tulisan anda dapat memecahkan permasalahan mereka.
Panting sebuh blog untuk menulis halaman About ini dengan menarik.
Cara Membuat Halaman About
Untuk memudahkan kalian dalam pembuatan halaman ini, saya sudah sediakan script yang dapat memberikan tampilan yang menarik di halaman about kalian.
Struktur Sederhana
Langkah pertama, kalian klik fitur 'Halaman' yang ada di samping kanan tampilan blogger.
Klik gambar tambah di bagian kanan bawah untuk membuat halam baru.
Setelah ada dalam tampilan halaman baru, pilih ubah metode penulisan menjadi 'Tampilan HTML.
Salain kode dibawah ini dan tempelkan di halam tersebut
<div style="text-align: left;"><br />
<div class="C-Pelajar-author-box">
<div class="C-Pelajar-author-box-image">
<img alt="Author Image" class="avatar avatar-80 photo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpnQFhWtRCnyddQAegebGW6DLSRMDwZMJszXTxL-WwSKOl21OIDjtJSks0JAm0KYjU4FSBnzVGMVQixju__K1pcMyWb-pclZ8qo3eMSpYEu7n2JyWNNrnMoRLgDVcf9ThhJgY6h6xCu7o/s590/20210926_235405.png" /></div>
<div class="C-Pelajar-author-box-text">
<div class="C-Pelajar-author-box-text-head">
<span class="hello-txt">Hello</span>
<br />
<h2 class="profile-title">
I'm Fighaz Mc</h2>
<h3 class="profile-position">
Freedom People</h3>
</div>
<div class="C-Pelajar-author-box-text-details">
<ul class="profile-list">
<li class="clearfix">
<strong class="list-title">Name</strong>
<span class="cont">Fighaz Mc</span>
</li>
<li class="clearfix">
<strong class="list-title">Nickname</strong>
<span class="cont">Fighaz, M-721</span></li>
<li class="clearfix">
<strong class="list-title">Birthday</strong>
<span class="cont">21 March, 1997</span>
</li>
<li class="clearfix">
<strong class="list-title">Address</strong>
<span class="cont">Kupang</span>
</li>
<li class="clearfix">
<strong class="list-title">Contact</strong>
<span class="cont"><a href="https://www.fighazmc.com/p/contact.html">Form Kontak</a></span>
</li>
</ul>
</div>
<div style="clear: both;">
</div>
</div>
</div>
<script>
//<![CDATA[
function loadCSS(e,t,n){"use strict";var i = window.document.createElement("link");var o = t || window.document.getElementsByTagName("script")[0];i.rel = "stylesheet";i.href = e;i.media = "only x";o.parentNode.insertBefore(i,o);setTimeout(function (){i.media = n || "all"}
)}
loadCSS("https://cdn.rawgit.com/slideseo-blog/slideseo.js/master/Part.css");//]]>
</script>
<script src="https://cdn.rawgit.com/slideseo-blog/slideseo.js/master/Part.js" type="text/javascript"></script>
<style>
/*=Remove Item=*/
#sidebar-wrapper{display:none}
h1.post-title.entry-title{display:none}
/*=ADD Item=*/
#post-wrapper{background:transparent;float:left;width:100%;max-width:1020px;margin:0 0 10px}
.C-Pelajar-author-box{padding:57px 50px 15px 50px;box-sizing:border-box;overflow:hidden}
.C-Pelajar-author-box-image{width:40%;float:left;margin-right:5%;margin-bottom:10px}
.C-Pelajar-author-box-image img{height:385px;object-fit:cover}
img{max-width:100%;vertical-align:middle;border:0}
.C-Pelajar-author-box-text{padding:0;overflow:hidden;text-align:left}
.C-Pelajar-author-box-text-head{color:#3d4451;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #dedede}
.C-Pelajar-author-box-text .hello-txt{background-color:#1976D2;color:#fff;font-size:14px;font-weight:700;line-height:1.1;display:inline-block;padding:7px 12px;text-transform:uppercase;position:relative;margin-bottom:28px}
.C-Pelajar-author-box-text .hello-txt:before{border-left-color:#1976D2;content:'';width:0;height:0;top:100%;left:5px;display:block;position:absolute;border-style:solid;border-width:0 0 8px 8px}
.C-Pelajar-author-box-text .profile-title{font-size:36px;line-height:1.1;font-weight:700;margin-bottom:5px;color:#3d4451}
.C-Pelajar-author-box-text .profile-title span{font-weight:300}
.C-Pelajar-author-box-text .profile-position{font-size:18px;font-weight:400;line-height:1.1;margin-bottom:0}
.C-Pelajar-author-box-text-details ul{margin:0;padding:0;list-style:none}
.C-Pelajar-author-box-text-details .profile-list li{margin-bottom:13px;list-style:none;padding:0}
.C-Pelajar-author-box-text-details .profile-list li .list-title{display:block;width:120px;float:left;color:#333333;font-size:12px;font-weight:700;line-height:20px;text-transform:uppercase}
.C-Pelajar-author-box-text-details .profile-list li .cont{display:block;margin-left:125px;font-size:15px;font-weight:400;line-height:20px;color:#9da0a7}
.C-Pelajar-author-box-text-details .profile-list li .list-button{color:#fff;font-size:12px;font-weight:700;line-height:1;text-transform:none;padding:5px 8px;display:inline-block;position:relative;top:-2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#1976D2}
.C-Pelajar-author-box-text-details .profile-list li .fa{margin-right:10px;vertical-align:baseline}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fenix-sub-head .social-head{padding:15px 0;background:#1976D2;box-sizing:border-box}
.top-bar-social{padding:0}
.section:last-child .widget:last-child{margin-bottom:0}
.section:first-child .widget:first-child{margin-top:0}
.top-bar-social .LinkList ul{text-align:center;margin:0 0 0 0}
.top-bar-social .widget ul{padding:0}
.top-bar-social li{display:inline-block;float:none;padding:0;margin-right:5px}
.top-bar-social #social a{display:block;width:40px;height:40px;line-height:40px;font-size:18px;color:#1976D2;background:#fff;border:1px solid #e4e4e4;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear}
/*=Responsive*/
@media (max-width:640px){.C-Pelajar-author-box{padding:10px}.C-Pelajar-author-box-text-head{margin-bottom:14px;padding-bottom:14px}}
@media (max-width:480px){.C-Pelajar-author-box-image{width:100%;float:left;margin-right:0}.C-Pelajar-author-box-image img{width:100%}.C-Pelajar-author-box-text{width:100%;float:left;margin-top:14px}}
.ArticleTeaser-date{padding:10px;box-sizing:border-box;border:3px solid #2c3e50;border-radius:10px;color:#2c3e50}
.ArticleTeaser a{color:#2c3e50;font-size:18px;font-weight:600}
.BlogList:after{background:#2c3e50}
.ArticleTeaser:last-child:after,.BlogList:before{background:#2c3e50}
.ArticleTeaser-bubble{border:2px solid #2c3e50}
h2.exp-title{text-align:center;font-weight:bold;color:#2c3e50}
.Buka{padding:0}
.ArticleTeaser:hover .ArticleTeaser-bubble:before{background:#2c3e50}
.ArticleTeaser-bubble:after{display:none;}
@media (max-width:768px){.ArticleTeaser-date{border:none}.ArticleTeaser{border:2px solid #2c3e50;border-radius:10px}}
</style> </div><h2 style="text-align: left;"><br /></h2><div style="text-align: left;"><br /></div><div><br /></div><div><br /></div>
Penting Ganti Url di bwa ini dengan Url Gambar Kalian :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpnQFhWtRCnyddQAegebGW6DLSRMDwZMJszXTxL-WwSKOl21OIDjtJSks0JAm0KYjU4FSBnzVGMVQixju__K1pcMyWb-pclZ8qo3eMSpYEu7n2JyWNNrnMoRLgDVcf9ThhJgY6h6xCu7o/s590/20210926_235405.png
Penting Ganti Semua Tulisan yang saya BOLD diatas dengan informasi dan kata-kata anda sendiri. Jika sudah diganti, klik Publikasikan dan lihat hasilnya
Sampai di tahap ini kalian sudah berhasil membuat halaman about di blogger dengan tampilan yang keren.
Kesimpulan
Semoga Artikel tentang cara membuat halaman about di blogger ini bisa bermanfaat dan membantu teman-teman dalam membuat halaman about teman-teman sendiri.
Halaman About adalah halaman yang sangat penting bagi sebuah blog atau website dalam memperkenalkan isi atau apa yang ditulis didalam blog atau website.
Dengan tampilan dan kata-kata yang menarik dapat meningkatkan ketertarikan pembaca dan nilai positif terhadap blog atau website anda.
Selamat Mencoba!
Post a Comment for "Cara Membuat Halaman About Di Blogger"