Cara Membuat Author Box Menarik - , Pada kesempatan kali ini fahrinheit akan mengembangkan tips editting template blogger yang lainnya, yakni cara menciptakan kotak admin / author box di blogger. Sebenarnya setiap template blogger sendiri sudah mempunyai tampilan authornya masing-masing, namun author box yang akan fahrinheit bagikan kali ini mempunyai tampilan yang lebih minimalis dan menarik alasannya ialah disertai dengan bio author yang sanggup disematkan di samping foto admin blog. Selain itu author box yang fahrinheit bagikan ini juga sangat ringan sehingga tidak akan mempengaruhi kecepatan blog anda jikalau menggunakannya. Untuk lebih jelasnya bagaimana misalnya sanggup anda lihat pada bab tamat artikel ini yang mana juga blog ini gunakan.
Selain beberapa hal yang sudah admin jelaskan di atas, beberapa laba lainnya memakai author box ala fahrinheit ini ialah :
Baca Juga : Cara Membuat Widget Recent Post (Postingan Terbaru) ala Blog Mastimon
Nah itulah tadi beberapa laba memakai author box ala fahrinheit. Untuk membuatnya sangat gampang alasannya ialah anda hanya perlu menambahkan beberapa script di dalam template anda. Penasaran bagaimana caranya? Berikut ini langkah-langkah menciptakan kotak admin (author box) menarik di tamat artikel ala fahrinheit :
1. Masuk ke akun Blogger anda, pilih sajian 'Theme' dan masuk sajian 'Edit HTML'
2. Cari script /b:skin dengan memakai fitur pencarian (Ctrl + F). Jika sudah menemukannya, silahkan tempelkan script berikut ini di bawah isyarat /b:skin tadi :
3. Selanjutnya cari isyarat script data:post.body dengan memakai fitur pencarian. Biasanya akan ada 2-3 isyarat data:post.body, pilihlah data:post.body yang menggambarkan postingan blog (biasanya terletak paling akhir). Lalu letakkan isyarat script di bawah ini sesudah isyarat data:post.body tadi :
- Tampilan yang menarik
- Terlihat lebih profesional sama menyerupai situs-situs besar lainnya
- Tampilan sederhana sehingga tidak akan mengganggu visitor
- Sangat ringan dan tidak mempengaruhi kecepatan blog
- Responsif di semua layar
Baca Juga : Cara Membuat Widget Recent Post (Postingan Terbaru) ala Blog Mastimon
Nah itulah tadi beberapa laba memakai author box ala fahrinheit. Untuk membuatnya sangat gampang alasannya ialah anda hanya perlu menambahkan beberapa script di dalam template anda. Penasaran bagaimana caranya? Berikut ini langkah-langkah menciptakan kotak admin (author box) menarik di tamat artikel ala fahrinheit :
1. Masuk ke akun Blogger anda, pilih sajian 'Theme' dan masuk sajian 'Edit HTML'
2. Cari script /b:skin dengan memakai fitur pencarian (Ctrl + F). Jika sudah menemukannya, silahkan tempelkan script berikut ini di bawah isyarat /b:skin tadi :
<style type='text/css'>
.post_byfix p{padding:0 5px;line-height:25px!important;font:14px Roboto;text-align:left;color:#555}.post_byfix p a{text-decoration:none;color:#3498db}.post_byfix{height:100%;background:#fff;margin:-10px 0 20px;padding:12px;overflow:hidden}.post_byimz{display:block;float:left;padding-right:10px!important;margin-top:1px!important;overflow:hidden}.author-name{color:#444;font-family:’Open Sans’,Helvetica,san-serif;font-weight:700;font-size:17px;text-transform:uppercase;margin-top:10px}.spanshare{color:#444;font-family:’Open Sans’,Helvetica,san-serif;float:left;font-size:17px;text-transform:uppercase;margin-top:8px;margin-right:5px;font-weight:700}.post_byimz img{transition:all .5s ease-in-out;width:100%;height:100%;max-width:120px;max-height:120px;border-radius:100%;background:#FFF;float:left;margin:0 10px 0 0;padding:5px;border:3px solid #e3e3e3}.post_by{width:100%;float:right;color:#423119;width:100%;font-family:arial,Helvetica,san-serif;font-weight:400;font-size:12px}.post_by ul{margin:0;padding:0}.author-name i{color:rgb(17, 143, 249)}.post_by li{list-style:none;padding:3px 10px!important}.adspost{display:block;text-align:center;margin:25px auto}
.post_byfix p{padding:0 5px;line-height:25px!important;font:14px Roboto;text-align:left;color:#555}.post_byfix p a{text-decoration:none;color:#3498db}.post_byfix{height:100%;background:#fff;margin:-10px 0 20px;padding:12px;overflow:hidden}.post_byimz{display:block;float:left;padding-right:10px!important;margin-top:1px!important;overflow:hidden}.author-name{color:#444;font-family:’Open Sans’,Helvetica,san-serif;font-weight:700;font-size:17px;text-transform:uppercase;margin-top:10px}.spanshare{color:#444;font-family:’Open Sans’,Helvetica,san-serif;float:left;font-size:17px;text-transform:uppercase;margin-top:8px;margin-right:5px;font-weight:700}.post_byimz img{transition:all .5s ease-in-out;width:100%;height:100%;max-width:120px;max-height:120px;border-radius:100%;background:#FFF;float:left;margin:0 10px 0 0;padding:5px;border:3px solid #e3e3e3}.post_by{width:100%;float:right;color:#423119;width:100%;font-family:arial,Helvetica,san-serif;font-weight:400;font-size:12px}.post_by ul{margin:0;padding:0}.author-name i{color:rgb(17, 143, 249)}.post_by li{list-style:none;padding:3px 10px!important}.adspost{display:block;text-align:center;margin:25px auto}
3. Selanjutnya cari isyarat script data:post.body dengan memakai fitur pencarian. Biasanya akan ada 2-3 isyarat data:post.body, pilihlah data:post.body yang menggambarkan postingan blog (biasanya terletak paling akhir). Lalu letakkan isyarat script di bawah ini sesudah isyarat data:post.body tadi :
<div class='post_byfix'><div class='post_by'><div class='post_byimz'>
<span class='author'><a href='https://armanbloggernews.blogspot.com/search?q=cara-membuat-widget-recent-post-viomagz-mastimon" target="_blank">cara menciptakan author box sederhana dan menarik di tamat artikel. Sangat gampang sekali bukan caranya? Selain mempunyai tampilan minimalis dan sederhana, author box yang fahrinheit bagikan di atas juga sudah support semua layar baik itu android maupun dekstop komputer. Author box di atas juga tidak akan mempengaruhi kecepatan blog alasannya ialah sangat ringan. Jika ada duduk perkara dalam pemasangan author box ini anda sanggup menanyakannya kepada admin melalui contact di atas atau menanyakannya pribadi di kolom komentar di bawah. Demikian artikel kali ini, agar bermanfaat.
<span class='author'><a href='https://armanbloggernews.blogspot.com/search?q=cara-membuat-widget-recent-post-viomagz-mastimon" target="_blank">cara menciptakan author box sederhana dan menarik di tamat artikel. Sangat gampang sekali bukan caranya? Selain mempunyai tampilan minimalis dan sederhana, author box yang fahrinheit bagikan di atas juga sudah support semua layar baik itu android maupun dekstop komputer. Author box di atas juga tidak akan mempengaruhi kecepatan blog alasannya ialah sangat ringan. Jika ada duduk perkara dalam pemasangan author box ini anda sanggup menanyakannya kepada admin melalui contact di atas atau menanyakannya pribadi di kolom komentar di bawah. Demikian artikel kali ini, agar bermanfaat.
Cara Menciptakan Author Box (Kotak Admin) Menarik Di Selesai Artikel Ala .Com
4/
5
Oleh
Arman Blogger News
Tentang Arman Blogger News
Berlangganan via email
Suka dengan postingan di atas? Silakan berlangganan postingan terbaru langsung via email.
