NEWSPIPERTEG RESPONSIVE TEMPLATE

Assalamulaikum, selamat tahun baru semoga apa yang tidak tercapai ditahun 2013 Insyallah akan terwujud ditahun 2014 ini...amin. nah mumpung belum ada pekerjaan dipagi ini kali ini saya bagikan satu lagi template sederhana yang responsive bermotif magazine.

DEMO

Fiuture Template :

1. NEWSPIPERTEG
2. Responsive
3. Elegant Design
4. Sliders
5. Dll

Cara Pemasangan :

1. Untuk Sliders Sliahkan cari url http://www.fianetmu.com/ pada template dan ganti dengan url Blog Anda

2. Pada Widget silahkan masukkan code berikut :

<script type='text/javascript'>var numposts =4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script> 
<script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

Keterangan :
numposts : 4 adalah jumlah posting yang akan ditampilkan dan label news ganti dengan label postingan

Read More

Sitlight Template Blogger Ala Kadarnya

Sitlight Template Blogger Ala Kadarnya merupakan template yang dibuat pada saat saya lagi banyak perkerjaan, kerana hampir dua minggu ini saya tidak posting artikel, jadi saya sempatkan membuat template ini agar ada artikel terbaru yang bisa dibaca oleh teman-teman di Blog ini. Nggak panjang lebar lagi saya jelaskan mengenai Template ini karena bebrapa minggu ini pikiran udah terkuras oleh pekerjaan dunia nyata jadi kalian sendirilah yang bisa menilainya.

Demo - Download

Sebenarnya template ini responsive karena seperti saya katakan sebelumnya otak ini telah terkuras oleh pekerjaan dunia yang tidak bisa ditunda akhirnya responsivenya agak berantakan, namun jika kalian ingin menggunakannya dan ingin terlihat rapih pada tampilan device silahkan perbaiki CSS responsivenya.

Fitur :

1. Responsive

2. Breadcrumbs seo

3. halaman error 404

4. Threaded Comments Hack V.3  dari Kang Ismet

5. dll

Silahkan dicicipi.......

Read More

Green Hacker Blogger Template

Cari, cari, cari, cari dan trus mencari-cari, ekh gak taunya dapat templates yang lumayan bagus lah dari chenkgelate. Namanya Green hacker (yang empuhnya tuh yang kasih nama). Sobat bisa lihat contoh tampilanya disini. Info XLMnya di bawah ini mas broo:

• Colour " Green "
• 3 Coloumn
• 3 Footer
• Transparant
• Elegant Style

Features:

• Readmore Automatic
• Ads Ready
• Breadcrumb Navigation
• Related Post
• Share button
• and more features

kalau berminat silahkan download file xml-nya DISINI

Read More

Membuat Efek Box Shadow dan Text Shadow di Blog

box-shadow: 1px 2px 3px 4px #000000 inset;

• 1px [horizontal offset] = menunjukan nilai posisi bayangan horizontal
• 2px [vertical offset] = menunjukan nilai posisi bayangan vertikal
• 3px [blur amount] = menujukan nilai jarak blur (optional)
• 4px [spread radius] = menunjukan nilai ketebalan bayangan (optional)
• #000000 [color] = menunjukan nilai warna untuk sebuah sebuah bayangan. Dalam memberikan nilai pada warna box-shadow, bisa mengggunakan nilai warna HEX, RGB, RGBA, HSL, HSLA ataupun Color Name.
• Inset = perubahan posisi bayangan (default mengarah keluar tanpa nilai inset) dengan penambahan nilai inset menjadikan shadow mengarah kedalam (optional)

text-shadow: 1px 2px 3px #000000

• 1px [horizontal offset] =menunjukan nilai posisi bayangan horizontal
• 2px [vertical offset] = menunjukan nilai posisi bayangan vertikal
• 3px [blur amount] = menujukan nilai jarak blur (optional)
• #000000 [color] = menunjukan nilai warna untuk sebuah sebuah bayangan. Dalam memberikan nilai pada warna box-shadow, bisa mengggunakan nilai warna HEX, RGB, RGBA, HSL, HSLA ataupun Color Name.

Contoh style CSS3 Box-shadow

Box-shadow positive value:

box-shadow: 5px 5px 0px #ccc;

Box-shadow negative value:

box-shadow: -5px -5px 0px #ccc;

Box-shadow with blur:

box-shadow: 0px 0px 20px black;

Box-shadow with inset keyword:

box-shadow: 0px 0px 20px #999 inset;

Box-shadow with under shadow:

box-shadow: 0px 20px 25px -20px #ccc

Box-shadow with inset style 2:

box-shadow:inset 0px 2px 7px #999;

Box-shadow with 2 shadow properties:

box-shadow: inset 5px 5px 0px #ccc,
8px 8px 8px #ff0000;

Box-shadow with 3 shadow properties:

box-shadow:3px 3px 0px #cccccc,7px 7px 0px #bbbbbb,11px 11px 0px #aaaaaa;

Contoh style CSS3 Text-shadow :

Simple Text-shadow:

text-shadow: 5px 10px 0px #999;

Text-shadow with blur:

text-shadow: 5px 5px 5px #999;

Text-shadow style 2 with blur:

text-shadow: 0px 0px 5px #000000;
color:transparent;

Text-shadow - glow effect:

text-shadow: 0px 0px 10px #009CC2;

Text-shadow – multiple shadows:  text-shadow: 12px 13px 1px #FD9213, -5px 8px 1px #009CC2, 10px -8px 1px #B3C734;

Text multiple shadow

Text-shadow – emboss effect:

text-shadow: -1px -1px #fff,
1px 1px #444;

Text-shadow – emboss effect style 2:

text-shadow: 1px 1px #fff,
-1px -1px #444;

Text-shadow – stroke effect:

text-shadow: 1px 1px 0px #444,
-1px -1px 0px #444;

Text-shadow – 3D effect:

text-shadow: 1px 1px 0px #444,
2px 2px 0px #444,
3px 3px 0px #444,
4px 4px 0px #444;

 
Anda bisa mengembangkan sendiri sesuai kebutuhan perasaan dan blog anda. Demikian artikel kali ini, saya Bung Frangki mengucapkan terima kasih atas apresiasi anda. Salam blogger..

Read More