Cara Mudah Buat Box Author dibawah Artikel




Cara Mudah Buat Box Author dibawah Artikel
Cara Mudah Buat Box Author dibawah Artikel
Tutorial kali ini adalah mengenai cara mudah Buat Box Author di bawah artikel, dengan kita membuat author di blog maka para pengunjung pun akan lebih mengenal diri anda sebagai author dan ini bisa memberikan sebuah kesan bahwa anda memang betul-betul serius untuk dalam mengelola blog milik anda sendiri.

Nah kita juga bisa memasukan sebuah kata-kata atau berupa teks yang sopan dan indah di dalam kotak Author untuk para pembaca, dan anda juga bisa meletakan Link Author, Link Tanggal postingan secara otomatis maupun Link Artikel anda.

Jadi anda tidak perlu memasukannya lagi secara manual, karena sudah otomatis terupdate Link tersebut di dalam kotak box Author, kecuali teks atau tulisan kata-kata indah yang perlu di masukan kembali.

Jika anda ingin jelasnya atau ingin melihat demonya, maka silahkan anda bisa melihat gambar di atas ataupun di bawah postingan artikel saya ini, karena saya menggunakan kotak Author Box ini juga di postingan ini, alasannya karena simpan dan keren abis, bisa di utak atik link maupun tulisan yang ada di dalam kotak author tersebut.

Bagi anda yang ingin membuat nya dan tidak sabar lagi anda bisa ikuti langkah- langkah di bwah ini, cara nya sangat lah mudah asalkan anda paham cara meletakkan kode-kode di bawah ini kedalam Tombol Edit Html. 

#cara mudah Buat Box Author di bawah artikel
1. Pertama anda Log in ke dashbor blogger anda atau klik disini
2. Kemudian anda klik tombol Theme ==> Edit HTML.
3. Lalu anda cari ]]></b:skin> (cara cepat pencarian tekan CTRL+F)
4. Dan anda Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#FFFFFF;
border:2px solid #F5FFFA;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#9ACD32;
border:none;
border-bottom:1px solid #D3D3D3;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FF100%0;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
5. Anda cari lagi kode <div class='post-footer'> Bisa juga di letakan di bawah kode <data:post.body/>
setiap template mungkin kode berbeda-beda, jadi jika kode ini ada dua, maka pilihlah yang pertama atau kedua dan anda sesuaikan saja dimana ingin di letakan box author tersebut.
6. Kemudian anda Copy script dibawah ini dan paste tepat di atas kode di atas point No [5]
<!-- Kotak Admin --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Penulis : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Sebuah blog yang menyediakan berbagai macam informasi</h4> <div class='kontainer'> <img src='https://2.bp.blogspot.com/-txM9C5cmUK0/WZlAwKc_1LI/AAAAAAAABbw/2KhxC4nsL34ZhUgCBLvR0YbwUpPGjtuQgCLcBGAs/s1600/mizi%2B-%2BCopy.png'/> Artikel <a expr:href='data:post.url'><data:post.title/></a> ini dipublish oleh <data:post.author/> pada hari <data:post.dateHeader/>. Semoga artikel ini dapat bermanfaat dan menambah wawasan kita semua. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.mizipedia.com/2017/02/cara-membuat-menu-keren-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if> <!-- Kotak Admin -->
7. Nah jika sudah di kerjakan semuanya, maka anda klik Save template, dan lihat hasilnya. 
Note: Untuk Url yang berwarna Orange bisa anda ganti kan dengan alamat gambar lain sesuai dengan selera anda. 
Demikian lah penjelas saya pada kali ini, semoga bermanfaat untuk anda selamat mencoba, ohya jika ada yang kurang jelas langsung di tanyakan saja, jangan malu-malu. sampai jumpa di artikel selanjutnya. terimaksih.

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect