Selasa, 1 April 2025 4:34:06 PM

Home CSS Jquery Template Darkforyou Blogger Template

Darkforyou Blogger Template

Mas Andes 27/11/2013 87 comments Print

Setelah sekian lama hanya membagikan tutorial akhirnya kini tercapai juga untuk membagikan template blog. Template dengan desain simple minimalis serta kecepatan loading yang maksimal. Walaupun masih terdapat beberapa kekurangan yang salah satunya tidak Responsive namun setidaknya sudah valid HTML5 dan CSS3 serta score SEO 100% jika cek di Chkme.

Darkforyou Blogger Template

Berikut beberapa fitur dari template Darkforyou

1. Valid HTML5 dan CSS3
2. Score SEO 100% in Chkme.com
3. Auto post slider Carousel
4. Custom error 404 page
5. Fast Loading, dll.
Adapun beberapa lainnya seperti custom pada widget yang tampil di homepage maupun halaman post. Selain itu adapula beberapa kekurangan yang nampak terlihat adalah pada post preview atau apabila akan publish artikel dan melihat preview posting posting terlebih dahulu maka akan terlihat sedikit tidak rapi karena memang tag konditional pada template hanya saya prioritaskan untuk load ke beberapa halaman yang penting saja seperti homepage, page item, dan page statis agar tidak terlalu membebani saat load karena harus mengambil banyak kode. Untuk setting custom widget bisa di lihat pada halaman demo template. Juga saya ucapakan banyak terimakasih untuk beberapa senior blogger yang sudah membagikan kode dan bisa saya terapkan pada Darkforyou Blogger Template.

Credit:
Thanks to Threaded Comment V3 from: http://blog.kangismet.net
Thanks to Tag Pre from: http://www.alexjoen.web.id
Thanks to http://jquery.com

UPDATE 04 DESEMBER 2013 [Perbaikan Layout, dll]

CSS Jquery Template

Berlangganan artikel via email

87 Response to "Darkforyou Blogger Template"

11/27/13, 7:29 PM

Alhamdullilah akhirnya muncul juga artikel yang saya tunggu Mas Andes
Ijin simak sekaligus download dan pastinya akan saya pakai Mas
Terima kasih atas artikel dan template nya Mas Andes.salam hormat

Anonymous

11/27/13, 7:40 PM

Senang rasanya sudah dapat template SEO Friendly valid Html 5
Dan CSS 3 Dapet bonus Pertamax lagi terima kasih pisan Atas
Kebaikan semua ini Mas Andes :)

11/27/13, 7:48 PM

keren abissss!, makasih ya mas! *smile

11/27/13, 8:02 PM

wah mantap ni mas, semoga sukses mas

11/27/13, 8:32 PM

wahh blog ini penuh warna ya
hehe

11/27/13, 9:11 PM

mantap mas andes, akhirnya saya bisa mencicipi template buatan mas andes :)

11/27/13, 9:44 PM

wah..udah mulai bikin template ya mas. Sayang dark..tpi overal saya lihat demonya bagus.

Staff Administrator

11/27/13, 9:55 PM

Keren mas Andes kreasi template buatannya...
Gratis lagi...hehe :)

Staff Administrator

11/27/13, 9:56 PM

Keren mas Andes kreasi template buatannya...
Gratis lagi...hehe :)

11/27/13, 10:42 PM

keren mas andes desain template nya bagus dan loading template nya juga ringan ..

11/27/13, 10:42 PM

Gara-gara makan Buah Kiwi 2 X Semangat Mas Budi bergelora
Sampe-sampe sekali komentar di artikel template Mas Andes 2 X
Semangat terus Mas Budiiii semangat 45. Mas Andes terima kasih :)

11/27/13, 11:46 PM

wah mas Karys dapet template keren plus pertamax, selamat mas :)

11/27/13, 11:47 PM

wah saking senengnya mas Budi komennya sampai double hehe...

Anonymous

11/27/13, 11:49 PM

jadi selama beberapa hari ternyata mas Andes lagi design template keren seperti darkforyou ini, keren banget mas ijin download yah :)

11/28/13, 2:21 AM

Wah, bagus mas andes , ijin download :)

Anonymous

11/28/13, 4:49 AM

keren kang tp saya lebih sukawarna putih kang.hehe

Anonymous

11/28/13, 5:04 AM

Sambil download template nya Mas Andes sing keren pisan
Sambil ngopi serrr seger selamat Pagi Mas Andes dan sobat semua

11/28/13, 10:47 AM

mas saya udah ijin pake ya templatenya, minimalis dan nuansa merah hitam gitu saya suka. mau nanya nih mas menunya ngeditnya darimana? di page kok gak ada ya. trus dropdownnya itu di saya gak beranimasi kalo turun
coba dibantu kang, ini blog saya http://kiriokkananok.blogspot.com/

Anonymous

11/28/13, 10:55 AM

Komentar ini tidak ditampilkan karena menyertakan link aktif yang tidak diperlukan oleh para pembaca yang lain. Berikut ini merupakan salinan dari komentarnya :

Terimakasih atas partisipasinya.

11/28/13, 10:58 AM

mungkin suka yang cerah ya mba :D

11/28/13, 12:26 PM

Assalamu’alaikum,apa kabar mas Andes,,, lama tak berkunjung kesini,semoga dalam keadaan sehat wal afiyat semuanya,,,,salam blogers and salam persahabatan,,,,,,,,,,,,,,,,,

11/28/13, 4:44 PM

Wah udah merambah ke design template nih mas..keren, dark adalah warna kesukaan saya...loadingnya juga cepet banget, lanjutkan

11/28/13, 5:04 PM

wow...keren mas Andes templatenya. ijin download nggih mas. thanks b 4

Wahyu Eka Prasetiyarini

11/28/13, 6:22 PM

wah ternyata lama nggak muncul ternyata sedang membuat template nich. Luar biasa mas template nya keren banget. Tapi kok warna nya gelap sih mas. Saya sebenere suka warna putih soalnya cerah hehehe :D

Anonymous

11/28/13, 9:36 PM

keren template nya terus berkarya sob, saya yakin template ini berguna dan yang sedang banyak di cari valid html5 dan scor seo nya 100%, kalo boleh saya request tutorial cara buat widged slide show valid html5 seperti di template drakforyou.
thanks mas andes

11/28/13, 11:44 PM

saya ga bisa akses ke blog sampean mas, di redirect ke http://akk.li/pics/anne.jpg terus

11/29/13, 2:39 AM

tinggal pake pemutih mbak pasti nanti jadi putih hehe...

11/29/13, 2:44 AM

pasti banyak yang pake nih mas templatenya, keren soalnya :)

Anonymous

11/29/13, 6:54 AM

wah telat nih mas :D
blog saya baru aja ganti baju

11/29/13, 11:02 AM

widih keren mas .. izin pake read morenya ah hehe

11/29/13, 11:25 AM

Kang izin share ya...templatenya bagus buat koleksi haha...

11/29/13, 1:53 PM

siapa dulu dong adminya,mas Andes geetolloh haha

11/29/13, 1:54 PM

mas Budi kalau sama yang namanya gratis pasti langsung sikat hahaha ( sory mas Bercanda ) hehe

11/29/13, 1:56 PM

maklum mas Anthonie soalnya Mas Budi habis ngeronda tadi malam jadine ngantuk kalee hihi

Wahyu Eka Prasetiyarini

11/29/13, 6:00 PM

Kalau hanya pakai template saja, mudah sekali ya mas. Tapi yang sulit adalah membuat nya. Hmmm salut sama mas andes sudah bisa membuat template sendiri dan template nya keren lagi :)

Good job :)

11/29/13, 6:17 PM

Jangan lupa download juga ya ..heheheh

11/29/13, 8:37 PM

Keren banget Mas templatenya. jadi pengen ganti.
Kalo boleh saya izin share :)

11/29/13, 11:04 PM

sama2 kang semoga bermanfaat

11/29/13, 11:08 PM

sama2 semoga bermanfaat mas

11/29/13, 11:09 PM

amin.. hehe

11/29/13, 11:12 PM

mirip kolor ijo hehe

11/29/13, 11:15 PM

hehe masih belum total maksimal tapi mas

11/29/13, 11:17 PM

hehe.. mungkin selanjutnya bikin lagi light version mbak

11/29/13, 11:18 PM

masih tahap belajar mas.. coba2 gitu :) hehe

11/29/13, 11:23 PM

kalo jual mah ga laku mas.. hahaha

11/29/13, 11:25 PM

masih tergolong agak berat mas, lebih ringan lagi jika font external di ilangin

11/29/13, 11:27 PM

sama2 lagi kang.. hehe

11/29/13, 11:28 PM

hehe.. coba2 mas

11/29/13, 11:29 PM

silahkan mas :)

11/29/13, 11:30 PM

hehe yang putih lebih kinclong ya..

11/29/13, 11:33 PM

sruput lagi kang kopinya..

11/29/13, 11:44 PM

kabar baik kang dede.. hehe sipp salam balik

11/29/13, 11:46 PM

hehe.. masih tahap coba2 mas

11/29/13, 11:48 PM

silahkan mbak, tapi ini templatenya masih amatir.. hehe

11/29/13, 11:54 PM

coba2 aja nih mbak.. biar amatir yang penting share aja deh :) hehehe

11/29/13, 11:56 PM

iya mas nanti saya share tutorialnya, terimakasih supportnya

11/29/13, 11:57 PM

hehe telat dikit gapapa mas yang penting ga kena strap

11/29/13, 11:58 PM

hehe silahkan kang, simple ga pake js

11/29/13, 11:59 PM

silahkan kang semoga bermanfaat

11/30/13, 12:00 AM

hehe masih kalah ama yang di pake mas Heri.
silahkan mas semoga bermanfat

Anonymous

11/30/13, 12:06 AM

templatenya hitam dan menggoda hehe...sungguh keren mas :)
ditambah lagi SEO 100%, mantap sangat pastinya

11/30/13, 3:00 AM

seneng juga yah mas kalau bisa bikin template sendiri, bikin design sesuai dengan yang kita mau, sip deh mas... lanjutken :)

11/30/13, 6:15 AM

Terimakasih Mas semoga sukses dengan templatenya.

Anonymous

11/30/13, 7:53 AM

ya mas thanks juga atas templatenya... kalo warna nya bukan hitam semuanya juga keren mas, mgkin mas bisa buat versi warna seperti blog dumy saya http://folloow.blogspot.com atau warna lain membuat template semakin mantap

Anonymous

11/30/13, 7:18 PM

ini yang gua suka dari mas andes, setiap postingan pasti ada foto cwek cantiknya #eh hehe

11/30/13, 8:11 PM

ijin redesign mas andes =D

11/30/13, 9:22 PM

Wah wah... sudah ebralih nih kreasinya... bikin template sekarang... keren Mas...

12/1/13, 1:45 AM

Kalu sama2 berarti skornya imbang dong mas....wkwkwk

12/1/13, 6:48 AM

Kalau gratis pasti banyak yang pake mas selain itu besar pahalanya hehe...

12/3/13, 8:57 PM

bagus kok mas templatenya, tapi baru menikmati yang darkforyou skrng muncul lg yg bluesforyou...jd bingung hehehe. tapi sy lebih sreg yg bluesfortou. oya ya mas Andes maaf nggih templatenya beberapa sy modif..gpp kan? cek aja mas di http://sanggarsenitari.blogspot.com/ hehehe.. thank U

12/4/13, 1:36 AM

oh gpp mbak, oh iya itu templatenya udah saya udpdate lagi
ada perbaikan kode pada layout (tata letak) dll

12/4/13, 11:22 AM

thank's mas Andes updatenya...oya mau nanya...biar slider Carousel nya bisa tampil dihalaman yg lain cara gimana mas? dah sy coba2 tapi belum berhasil. makasih

12/5/13, 5:09 AM

cari kode ini mbak

#featured-wrap{border-top: 1px solid #000;border-bottom: 1px solid #000;background:#111;position:relative;height:175px;margin:5px auto;box-shadow:0 1px 0px 0px rgba(51, 51, 51, 1)inset,0 1px 0px 0px rgba(51, 51, 51, 1)}
#featured{border: 2px solid #444;outline: 1px solid #000;position:relative;width:88%;height:150px;overflow:hidden;margin:0 auto;top:10px}
#featured ul{width:9999px}
#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}
#featured li{width:150px;display:inline-block;float:left;height:150px;background:#222;border-left:1px solid #111;border-right:1px solid #333;}
.thumb-featured{width:140px;height:100px;margin:5px auto;overflow:hidden;border:1px solid #000}
.thumb-featured img{display:block;width:134px;height:94px;border:3px solid #444;}
.title-thumb-featured{text-align:center;position:relative;margin-top:-20px}
.title-thumb-featured h4{font-size:90%;max-height:45px;overflow:hidden}
.arrow{position:absolute;display:block;background:#222 url(https://lh5.googleusercontent.com/-fgJF4xfwZiI/Uo9o8L5lRLI/AAAAAAAAGnw/YItb5JVccVM/h120/icon-sprite.png)no-repeat;background-position:0 50%;width:35px;height:60px;top:50px;text-indent:-9999px;border:1px solid #000;box-shadow:2px 2px 0px 0px rgba(51, 51, 51, 1)inset,-2px -2px 0px 0px rgba(51, 51, 51, 1)inset;}
.arrow.back{background-position:0 50%;left:10px}
.arrow.forward{background-position:100% 50%;right:10px}
span.slideloading{background-image:url(https://lh5.googleusercontent.com/-lMCTbMrvSCM/Uo-ClIXhv4I/AAAAAAAAGoY/5JDUhG_-HYA/h42/loading.gif);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;display:block;width:360px;height:42px;margin:50px auto}

pindahkan tepat di atas kode </style> yang pertama.

kemudian cari lagi kode ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>Loading...</span>
</div>
</div>
</b:if>

hapus kode bagian atas dan bawah, sehingga menjadi seperti ini

<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>Loading...</span>
</div>
</div>

oh iya kode itu letaknya diatas <article id='main-wrapper'> biar mudah mencarinya

12/5/13, 7:40 AM

makasih mas Andes...sudah berhasil...saya tunggu lg updatenya ya hehehe

1/27/14, 9:03 AM

Izin download buat blog saya ini
http://anonymous-1997.blogspot.com

Erna Ayuning Nareswari

2/3/14, 12:03 PM

pretty cool template..
but saat di pasang di blog saya, seo nya 70%,
menurut masnya gmna? atau konten saya yg kurang optimal?

Anonymous

2/4/14, 4:20 PM

mas, template nya keren bgt :) sama modified lagi ya mas :)

Anonymous

2/18/14, 3:57 AM

mas andes,boleh saya minta template mas andes,link nya di kirim ke email saya neymarjrardy@gmail.com

thank's ya

3/12/14, 3:51 PM

keren abis templatenya mas
ijin download

Anonymous

3/20/14, 9:26 PM

mas, kalo mau hapus slidernya gimana ini mas ? tolong penjelasannya !
dan sukses selalu :D

3/21/14, 7:23 PM

hapus kode ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>Loading...</span>
</div>
</div>
</b:if>

Anonymous

3/30/14, 10:50 PM

nah ini yang ane cari izin pake ya mas template nya,,kerenn,,aturnuhun

Surveyor Drafting

9/20/14, 8:33 AM

mantap mas templatenya keren lah pokoknya

10/12/14, 12:50 PM

Mas.. Izin ya.. Semoga makin sukses

5/11/15, 8:33 PM

Makasih Mas temanya

8/3/15, 7:08 PM

mas gmna cara meng hilangkan undefined... pada akhir bagian posting ??. Makasih

2/16/17, 12:40 PM

Assalamualaikum mas link downloadnya gak aktif lagi mas

Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
Apabila artikel yang berjudul "Darkforyou Blogger Template" ini bermanfaat, share ke jejaring sosial.