Latest News

Blogku Responsive Personal Blogger Template

Blogku Responsive Personal Blogger Template


Template buatan mas sugeng yang dirilis sekitar 2 tahun yang lalu pada bulan Oktober 2015 ini sangat cocok untuk kamu yang sangat menyukasi design template yang simple namun tetap ennak dipandang. Template ini sangat mirip dengan design template sugeng.id yang memang blog utama mas sugeng sendiri.

Blogger Template Style
Name : Blogku Responsive Personal Blogger Template
Version : 1.0
Publish Date : 22 Oktober 2015
Intructions : Cara Memasang Template Blogger
Designer : Mas Sugeng
URL : http://sugeng.id/
Published : http://situstemplate.com

Fitur Template
- Gratis
- Template Responsive
- New Design Style
- Fast Loading
- Personal Blog Template
- Font Enak Dibaca
- Mobile Friendly
- Related Post Simple
- Share Button

Template ini di design tanpa eksternal js dan juga sangat keren. Namun yang saya kurang sukai hanya pada bagian share button yang bisa dikatakan berantakan, saya lebih menyukai menggunakan share button seperti yang pernah saya share disini.

Selain itu mas sugeng sudah menambahkan css kotak note yang bisa kamu gunakan untuk lebih membuat cantik tampilan postingan kamu. Untuk settingan css tersebut adalah sebagai berikut :
/* KOTAK NOTE */
.note-green{margin:0.6em 0;padding:16px;background-color:#D3F5D3;color:#159415}
.note-yellow{margin:0.6em 0;padding:12px;background-color:#fcf8e3;color:#b58d47}
.note-red{margin:0.6em 0;padding:16px;background-color:#FCAFAF;color:#C92121}
.mark-green{background-color:#A4DDA4}
.mark-blue{background-color:#A1DAFF}
.mark-red{background-color:#FF9999}
.mark-black{background-color:#333333}
.mark-gray{background-color:#EEEEEE}
.mark-yellow{background-color:#E4E437}
Dari css tersebut bisa kamu explore sendiri untuk penggunaannya, namun saya akan mencontohkan penggunaannya untuk kamu yang belum mengerti, namun jika penjelasan saya belum juga kamu mengerti bisa kita bahas di komentar aja. Untuk menampilkan kotak note warna hijau kamu bisa menuliskannya pada saat membuat postingan dan masuk mode HTML.
<div class="note-green"> tulisan yang kamu inginkan disini </div>
Jadi disini kamu hanya perlu menentukan class dari kode tersebut. Pada kode ini diperuntukan untuk menggantikan fungsi blockquot yang terbilang kurang keren, dan bisa dikatakan sangat standar. Dan kamu juga bisa menggunakan <button class="button"> yang sudah dimodifikasi oleh mas sugeng, jadi ini cocok untuk membuat tombol download. Selama mencoba.

Reaksi:

Berlangganan Via Email

Suka artikel di blog ini, atau ingin dapat template Gratis? nggak ada salahnya untuk berlangganan artikel terbaru dari blog ini langsung via email kamu.

Disqus Comments
How to style text in Disqus comments:Show
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parse Tool Hide Parse Tool

How to get ID DISQUS - http://disq.us/p/[ID DISQUS]

strong em u strike
pre code pre code spoiler
embed