> > Karina Style Responsive 2

Karina Style Responsive 2

Unknown

: 23.54 27 comments

Template Responsive memang banyak di cari untuk saat ini ,tapi tak banyak yang menyediakan template responsive sudah dalam keadaan Valid Html5 dan Valid Css3,nah berawal dari itulah Kang Mahfid baru baru ini meluncurkan template Responsive Karina Style Responsive yang sudah valid baik pada bagian Html ataupun juga pada bagian Css3 .Untuk pertemuan kali ini pun Kang Mahfid akan berbagi lagi sebuah template 2 Kolom yang saya beri nama Karina Style Responsive 2 berikut screenshotnya
Template


  1. Nama   : Karina Style Responsive 2
  2. Author  : Mahfid Mayanto
  3. Passed W3C
  4. Valid css3 
  5. Fast Looding
  6. Free Template
PENTING:Pada bagian sidebar paling atas sengaja saya buat khusus untuk Iklan silahkan pasang kode berikut pada bagian sidebar atas
<div style="text-align:center;border:1px solid#ddd;padding:5px"><div id="baner-Iklan">
    <a title="banner ads" target="_blank" href="#"><img alt="ads" src="http://4.bp.blogspot.com/-tXNo1EjlzZY/UidHXcMg_NI/AAAAAAAAAHg/LK9NYoR1FhQ/s1600/125.png"/></a>
    <a title="banner ads" target="_blank" href="#"><img alt="ads" src="http://4.bp.blogspot.com/-tXNo1EjlzZY/UidHXcMg_NI/AAAAAAAAAHg/LK9NYoR1FhQ/s1600/125.png"/></a>
    <a title="banner ads" target="_blank" href="#"><img alt="ads" src="http://4.bp.blogspot.com/-tXNo1EjlzZY/UidHXcMg_NI/AAAAAAAAAHg/LK9NYoR1FhQ/s1600/125.png"/></a>
    <a title="banner ads" target="_blank" href="#"><img alt="ads" src="http://4.bp.blogspot.com/-tXNo1EjlzZY/UidHXcMg_NI/AAAAAAAAAHg/LK9NYoR1FhQ/s1600/125.png"/></a>
       </div></div>
Untuk mengganti foto Profil pada bagian Author box silahkan cari kode ini :
http://doraemon.mangawiki.org/wp-content/uploads/2011/02/Shizuka-thumb.png
Ganti dengan foto sobat sendiri dengan ukuran foto 70 X 70

Judul Artikel :Karina Style Responsive 2
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Karina Style Responsive 2 Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih
Label:

27 komentar

avatar
Balas
Unknown delete 6 September 2013 pukul 06.40

wahhh...templatenya warna warni. loading ringan banget kang

avatar
Balas
Unknown delete 6 September 2013 pukul 13.26

wah tamplate nya bener - bener keren banget B)

avatar
Balas
Z delete 6 September 2013 pukul 13.28

lilis karina udah responsive ya bang,ntar request julia perez responsive juga bang. :)

avatar
Balas
Unknown delete 6 September 2013 pukul 14.53

ha ha ha ha ..Jupe ..Responsive

avatar
Balas
Anonim delete 6 September 2013 pukul 15.44

Nama "karina" pasti ada maksudnya nih, hihihihih peace :haha

avatar
Balas
Unknown delete 6 September 2013 pukul 16.36

Saya bingung :(
Solanya blog saya udah Passed + seo Score 100%
kalo ganti pasti ada error lagi :(
http://upimod.blogspot.com

avatar
Balas
Apriady delete 6 September 2013 pukul 16.52

kang gmana cara buat script galleria zoom heee... tQ
By You-Galaxy.blogspot.com

avatar
Balas
Apriady delete 6 September 2013 pukul 16.57

kang Mahfid back to top ga fungsi

avatar
Balas
Unknown delete 6 September 2013 pukul 17.28

izin comot gan,templatenya keren gan

avatar
Balas
Unknown delete 6 September 2013 pukul 18.43

tinggal maksimalkan Artikel saja jangan terlalu sering ganti template

avatar
Balas
Unknown delete 6 September 2013 pukul 18.47

back to top yang mana sob.. ohya pake browser apa

avatar
Balas
Staff Administrator delete 6 September 2013 pukul 20.28

Udah lama pingin ganti e terutama yg lagi In responsive...cuman masih blm berani utak atik template..kang :)

avatar
Balas
agusbg delete 7 September 2013 pukul 08.29

udah liat demo nya, ringan banget ya mas... jadi ingin ganti...

avatar
Balas
BrayenL delete 7 September 2013 pukul 12.06

Wah jadi tertarik nih buat template juga :D, nice temp mas.

avatar
Balas
Unknown delete 7 September 2013 pukul 15.02

manteb mas. templatenya
ijin download dan ijin share di blog saya ,,

terus berkarya mas ..

avatar
Balas
Imron Fhatoni delete 7 September 2013 pukul 19.53

wachupdate template terus nie adminnya.. jadi iri sekesekkkkkkk :)

avatar
Balas
Djangkaru Bumi delete 8 September 2013 pukul 05.26

warna templatenya lebih adem.

avatar
Balas
Arif Budiharjo delete 8 September 2013 pukul 23.18

ijin nyoba kang

avatar
Balas
Masnady delete 9 September 2013 pukul 00.01

wah boleh juga nih mas buat koleksi template saya hehehe makasih mas.. tak save dulu

avatar
Balas
Panjz mackenzie delete 13 September 2013 pukul 00.20

wah mantap nih :\

avatar
Balas
Unknown delete 13 September 2013 pukul 19.55

Masih setia dengan template kapuk :(

avatar
Balas
Unknown delete 20 September 2013 pukul 21.04

kang membuat floating dropdown menu yang cocok untuk template ini ada gk

avatar
Balas
Unknown delete 6 November 2013 pukul 14.10

mas kalo ada template yang kayak gini tapi premium. Dan Terima kasih bagus banget templatenya.

avatar
Balas
Unknown delete 20 Februari 2014 pukul 18.39

om cara memindahkan posisi tombol selanjutanya dan sebelumnya kebawah standar gmana ya..

avatar
Balas
Unknown delete 20 Februari 2014 pukul 22.29

Cari css kode ini
#blog-pager{position:fixed;bottom:50%;right:10px;width:100%}
#blog-pager-older-link a{color:green;float:right;margin-right:20px}
#blog-pager-newer-link a{color:green;float:left;margin-left:20px}
Kemudian ganti dengan kode ini
#blog-pager{clear:both;text-align:center;margin:10px 5px 0;padding:10px 0 0}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#eee;background:#1a4d86;font:bold 12px Arial;text-transform:none;margin:0 0px;padding:5px 5px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}

avatar
Balas
Unknown delete 20 Februari 2014 pukul 22.39

dan pada html nya cari kode yang kurang lebihnya seperti ini
<div class='blog-pager' id='blog-pager'>
kode ini kira kira ada 2 pilih yang no 2 kodenya kurang lebih seperti ini
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
-----------
--------
bla --bla---
</div>
ganti semua kode di atas dengan kode berikut
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' title='Previous Post'>&#171; Prev Post</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' title='Next Post'>Next Post &#187;</a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>

avatar
Balas
Ayo Berbagi delete 30 Juli 2014 pukul 05.29

trimakasi izin pakai bang

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>

Konversi