Belajar Web Desain Menciptakan Identitas Di Final Postingan

By | September 4, 2017
Contoh Identitas Penulis di Akhir Postingan Belajar Web Desain Membuat Identitas di Akhir Postingan
Contoh Identitas Penulis di Akhir Postingan

Menambahkan identitas penulis diakhir posting menjadi trand gres dalam tampale blog akhir-akhir ini. Walaupun, Bukan hal baru, tetapi banyak blogger akhir-akhir ini menambahkan identitas penulis pada blognya.

Pada dasarnya cara yang dipakai sangat mudah, yaitu tinggal menambahkan sebuah bilah gres pada halaman final arahan html sesudah postingan blog

Cara menambahkannya?
Langkah awal yakni menambahkan CSS pada tamplate anda, cara edit tamplatenya saya kira anda semua sudah tahu. kalau belum tahu.

Baca : Alat yang paling gampang untuk mengedit tamplate blog

Salin dan tempelkan arahan CSS dibawah ini di atas arahan ]]></b:skin> blog anda
(Gunakan Ctrl + F di Halaman Edit Tamplate, supaya gampang mencarinya)

 .aboutauthor img {display: block; width: 100px; height: auto;     border-radius: 100%; border: 0px; background: none; float: left;     padding: 0px;margin-right: 20px;margin-top:3px} .aboutauthor .authorname {color: #434242;     font-family: 'raleway', sans-serif; font-size: 23px;     margin: 4px 0px 0px 0px;font-weight: bold;} .aboutauthor {float: left; border-top: 1px solid #d2d2d2;     padding: 20px 0px 20px 0px;} .aboutauthor .authorrank {color: #A2A2A2; margin: 0px;} .aboutauthor p {margin: 7px 0; padding: 0px 20px 0px 120px; font-size: 13px; line-height: 23px;} .postmeta-primary {padding: 10px 0px; border-bottom: 1px solid #d2d2d2;}

Catatan :
Jika CSS default yang saya berikan ini dirasa kurang sesuai dengan template blog anda maka silahkan ganti volumenya. Sesuaikan nilainya terhadap template blog anda.

Setelah langkah pertama sudah sanggup teratasi kini giliran langkah kedua, yaitu memasukkan arahan HTML yang diharapkan supaya tercipta bab khusus yang menampilkan profil admin blog. langkap dengan foto dan kalimat kutipan perihal dirinya.

Kunjungi juga : website penting yang membantu meningkatkan kualitas blog anda

Kode HTML 
Cari dan tempatkan arahan html berikut di dibawah <data:post.body/>
Jika pada tamplat anda terdapat lebih dari satu kode <data:post.body/> maka silahkan tempatkan dengan menggunkan rumus jumlah <data:post.body/> dikurangi satu = letak daerah tetapkan arahan html
Misal : jika ada 3 maka tempatkan di yang nomor 2.
Cara ini juga sanggup tidak efektif tergantung pada tamplat anda, jadi kalau gagal coba satu per satu saja sanggup menciptakan lebih akurat.

Salin dan tempel arahan html berikut

 <!-- About Author buttons Mulai--> <div class='aboutauthor'>   <img src='cari lokasi gambar untuk profil'/><p class='authorname'><data:post.author/></p>   <p class='authorrank'>Admin Blog</p>  <p>tulis kutipan anda disini</p>   </div> <!-- About Author buttons Selesai-->

Pada bagian yang bergaris bawah. kalau ingin berkembang menjadi link aktiv dan terhubung dengan sosial media yang anda punya maka anda sanggup menghapusnya dan menggantinya dengan scrip berikut.

<p class=’authorname’><a href=’masukkan link akun sosial yang ingin anda masukkan‘><data:post.author/></a></p>

Tulisan yang berwarna merah dapat anda ganti sesuai dengan impian dan kebutuhan anda. Khususnya daerah menyimpan gambar silahkan anda cari link daerah anda menyimpan gambar yang akan anda jadikan foto profil di blog.

Sekian Terimakasih telah berkunjung. Semoga sanggup membantu, dan selamat mencoba

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *