Blog Pribadi tempat Berbagi Ilmu dan Pengalaman

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="http://4.bp.blogspot.com/-ALwnqaRGfrg/VAKIcTsV7cI/AAAAAAAAB0U/qYZi_JrMrC4/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. 


No comments:

Post a Comment