Download CamBlog Template Free

Sekian lama  saya gak lagi terlalu fokus dengan dunia blog, saya mau ngasih lagi Template buatan saya lagi. Smoga bisa menikmati hasil buatan saya.

Cerita Tentang Template ini

Template ini saya kasih nama CampBlog Template, mudah-mudahan nama Template ini gak ada yang sama. Template ini saya buat saat bulan Romadhon 2014 kemarin. Selesai saat kira-kira sebelum Sholad ied. Tema Template ini saya terinspirasi dari efek BLOGWALKING... Liat sana-liat sini, akhirnya tanpa perencanaan kerangka yang pasti, akhirnya saya menyusun beberapa kode CSS yang lumayan JELIMET. Sory, saya masih amatiran, belum jago HTML CSS. Mudah-mudahan kedepannya saya bisa lebih lihai dan
mudah-mudahan juga temen-temen bisa enjoy lihat Template yang sangat NGEJRENG-BANGET. Ini adalah 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.

Comments

Popular posts from this blog

Latihan Soal-soal Ujian SIM A/Umum, B/Umum, C, dan D

Tips dan Trik Mudah Lulus Ujian SIM C Tanpa Nyogok Calo

Informasi Lengkap Tempat Menghafal Al-Qur'an