Update Download CampBlog
Assalamu'alaikum kawan, sudah hampir 2 bulan saya tidak update artikel blog ini. Hari ini saya mau bagi-bagi hasil modifikasi sedikit dari Template sebelumnya yang saya buat CampBlog Theme. Hanya sedikit ada penambahan perubahan di bagian Post Area di Homepage. Ini Screenshootnya:
Fitur-fitur Template CampBlog Theme:
- Responsive
- Auto Readmore
- Fast Loading
- Breadcrumbs
- Related Articles
- Full Color
- SEO : H1, H2, H3, No Frames and Iframes, etc
- Share Button
- Etc...
Cara Menambahkan Widget About Author:
Masuk ke Tata Letak > Tambah Widget > HTML > Masukkan Kode script ini:
<style>
.profile-img{float:left;display:block;width:50px;height:60px;margin:10px 10px 0 0;background-size:cover;background-repeat:no-repeat;background-position:center center;border:3px solid #eee;box-shadow:0 3px 2px rgba(0,0,0,0.3)}
.profile-data{margin:0; letter-spacing:.1em; font-size:14px; font-weight:bold; line-height:1.4em}
.profile-datablock{margin:10px}
.profile-textblock{text-align:left; margin:10px; line-height:1.6em}
.profile-link{font-weight:bold}
</style>
<div class="profile-textblock" >
<img alt="Fahmi Muhammad" class="profile-img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXn_JyXUFAZDdIdecdI7DO5nvzk9LcE1IDA-Y5g49KmrLXPxgD43B_Re89W2M-elMVkMCaNe6NOd-OfSyvSP9sHPJFmXT0ufaX8NRJoLcor9O-zyClHPjMj1_i68ehplGI1cCiSD81gdr/s1600/Profil.jpg" title="Fahmi Muhammad" width="100" height="100" />Saya Fahmi Muhammad merupakan seorang blogger pemula yang ingin membuat manfaat lewat blog saya. <a style="color:#333;" href="http://campusblogger.blogspot.com/p/laman-perkenalan.html">Readmore...</a>
</div>
- Silahkan Ganti alt="...." dengan nama kalian.
- Ganti juga link image dengan link image punya kalian.
- Ganti juga deskripsi tulisan sesuai keinginan kalian.
Cara Membuat Kotak Formulir:
Masuk ke Tata Letak > Tambah Widget > HTML > Masukkan Kode script ini:
<div id="formcontact">
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Masukkan Nama..." size="30" type="text" value="" />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Masukkan Email..." size="30" type="text" value="" />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Pesan Kritik dan Saran Anda" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<div style="max-width: 250px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
Catatan:
Template ini jauh dari sempurna, karena keterbatasan saya dan masih proses belajar. Maka temen-temen bisa menambahkan dan mengurangi atau memperbaiki Template ini. Jika temen-temen yang sudah profesional melihat kesalahan dan kekurangan, saya minta maaf. Harap jangan dihilangkan link creditnya, demi menjaga kejujuran dan ETIKA.
Labels
Template Blogger
Post A Comment
No comments :
Jangan lupa Komentarnya...