Johny Darkgamer, Template Untuk Gamer Mania

Bagi teman-teman yang suka dengan game, kali ini saya menyediakan satu lagi template untuk para gamer mania. Template ini saya beri nama Johny Darkgamer, sesuai dengan warnanya yang hitam dan hanya sedikit warna kuning orange sekedar memperindah tampilan. Fitur template ini sangat sederhana, di bawah header saya meletakkan slider carousel dan di sidebar terdapat tabber yang tinggal memasang empat widget yang ingin ditampilkan disana.

Berikut ini screenshot tampilan dari template Johny Darkgamer (klik untuk memperbesar gambar) :
Home Page

johny darkgamer

Postpage

johny darkgamer

Fitur yang terdapat pada template ini  :
  1. Slider Carousel, untuk mengganti dengan gambar dan URL anda tinggal cari kode di bawah ini :
    <a href="http://creatingwebsite-maskolis.blogspot.com/" title="God of War: Ghost of Sparta Review"><img alt="God of War: Ghost of Sparta Review" height="98" src="http://4.bp.blogspot.com/-RTH9thxUW10/TyXwXeU8QdI/AAAAAAAAE3U/vR1ycNSMQqw/s1600/index8.jpg" width="143" /></a>
    <h2 class="titleg"><a href="http://creatingwebsite-maskolis.blogspot.com/" rel="bookmark" title="Permanent Link to God of War: Ghost of Sparta Review">God of War: Ghost of Sparta Review</a></h2>
    Keterangan :
    -  Warna merah : URL post
    -  Warna kuning : URL gambar
    -  Warna biru : Keterangan dan judul gambar
  2. SEO friendly, Anda tinggal memasukkan meta tag yang sudah saya sediakan di bawah kode<head>
  3. Tabber sidebar, Anda tinggal memasukkan empat widget yang otomatis akan menjadi tabber sidebar
  4. Menu navigasi dropdown dengan sub menu transparan
  5. Breadcrumb ready
  6. Sharing artikel via FB, twitter dan Google+ yang juga sudah ada di bawah tiap postingan
  7. Twitter follower count di bawah navigasi kedua
  8. Dan tentunya kolom untuk pemasangan iklan bagi Anda yang ingin memonetisasi blog
Template ini tidak hanya untuk kontent game saja, tetapi juga dapat Anda isi dengan kontent lainnya, seperti berita, tutorial, atupun untuk toko online juga bisa terserah Anda mau diisi apa. Di bawah ini sudah saya siapkan link demo bagi yang ingin melihat secara langsung, juga tidak lupa link download bagi Anda yang mau mencobanya. Jika masih ada yang mau ditanyakan, isi kotak komentar yang ada di bawah, sekian dan semoga bermanfaat. Happy blogging...... untuk membuat slider otomatis baca Membuat Image Slider Berdasarkan Kategori Tertentu

Baca juga :

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

48 comments:

Hehehehe....... Mau lihat komentar yang masuk:
VampiFres said...

Esta plantilla esta de lujo.

Creo que la tomare prestada :P

maskolis said...

@VampiFres:
Thanks bro...

Admin said...

hello, please tell me where i can download this blogger template from the site: http://johnytemplate.blogspot.com/ ???
PLEASEE.. Thanks :X

kowandy said...

lagi lagi template nya keren..emang penuh kreasi ya..
saya slalu mengunjungi blog anda..pengen dapat template keren jg kang.. numpang share templatenya ya..

maskolis said...

@Admin:
Send me an email, I'll send you a script template

@Kowandy:
Makasih mas Wandy, silahkan

VENOMIA said...

keren templatenya ..^^

Admin said...

@:maskolis please send me the script template at dcosti.info@gmail.com . Thanks a lot. Sincerely

Mr. Zoelm said...

suprise lagi... Amankan dulu....
----------------------------------

Mau tanya Mas.. kalau mau merubah size tumbnail gambar postingan gimana kk???

Rozaq D' Acewell™ said...

5kacih templates.na bagus...
tp Q Px troubel postingan saya kog tambanh gag karuan...
mohon bantuaan.na yeah...

maskolis said...

@Mr. Zoelm:
Coba cari kode ini di template mas Andi
img_thumb_width = 150;
img_thumb_height = 130;

nah itu tinggal ngerubah aja berapa lebar dan tinggi yg diinginkan

@Rozaq D' Acewell™:
Coba di download ulang dari sini, dan kalo bisa buat postingan yang pake gambar ya, soalnya ini memang khusus di setting buat postingan pake gambar

www.mubarocqbarocq-blogspot.blogspot.com said...

keren abis semua tamplate buatan mas
...

Danilo Mamedes said...

muito legal este tema simplesmente perfeito

I´am Brazilian

maskolis said...

@Danilo Mamedes:
Hi Danilo Mamedes
Thanks I hope this template can be usefull for everyone

jajang said...

selain bagus tampilannya jga ringan saat di akses kren mas.. btw klo blh berbagi cara pya template ringan gtu tipsnya gmn? coz sya gi blajar bikin tmplate sndiri tapi hsilnya brat bgt.. makasih..

drieant said...

keren gan templatenya, mantep bener dah. ane pernah make yang begituan tapi bingung sama yang di atas itu apa namanya? yang bisa bergeser geser. bingung nyeting ulangnya supaya bisa di blog saya gan. maklum gan, masih newbie nie drieant

maskolis said...

@Jajang:
1. Usahakan jangan terlalu banyak menggunakan image atau gambar, sebisa mungkin ganti dengan warna
2. Jika terdapat kode jquery ato javascript yang terlalu panjang sebaiknya diringkas dan disimpan pada hosting sendiri (google code)
3. Kompres file css dengan css compressor

maskolis said...

@drieant:
Itu namanya slider carousel, anda bisa baca tutorialnya disini http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-slider-gambar-ala-drakon.html

Ruslan Fikri said...

Terimakasih untuk semua templatenya. Saya salut dengan kreasi, terutama pada anda. Anda blogger terbaik yg pernah saya kenal.. Semua template anda gratis! Bravo..!! Semoga amal ibadah anda diterima Yang Maha Pintar dan Cerdas, amiiin...

maskolis said...

@Ruslan Fikri:
aminnn....
Sama-sama mas semoga bermanfaat

Wandhy said...

MAS, BAGAIMANA CARA MEMBUAT TAMPILAN GALLERY PADA POST HALAMAN DEPAN DI TEMPLATE 'JOHNY DARKGAMER'
TOLONG YA, SEHARIAN SAYA UTAK-ATIK UNTUK TEMPLATE JOHNY DARKGAMER SUPAYA TAMPILAN POST NYA SEPERTI MAS-TEMPLATE.BLOGSPOT.COM
KIRIM VIA EMAIL YA KE wandhyfals@yahoo.com atau kalau sempat bikin tutorialnya donk, saya menanti-nanti tutorial itu.
sekali lagi tolong ya............

maskolis said...

@Wandhy:
mas Wandhy bisa gabungkan headernya pake darkgamer postnya pake template gallery di situs2 penyedia template gratis banyak tuh. Tingal dicari aja kalo udah ketemu tampilan readmore ganti.
Mas Template itu masih belum jadi, tapi nanti itu buat galery template saya, nunggu bikin yang baru dulu nanti saya share juga... sabar ya

Wandhy said...

@: Saya lihat di blog mas template dan melihat pada slider nomor 7 disitu ada mas template dan ada link demo sama downloadnya, tapi kenapa ketika saya klik link download nya tidak bisa???

maskolis said...

@Wandhy:
Makanya saya bilang template itu belum jadi, slider yang nomer 7 itu cuma buat sampel aja. Kalo udah jadi yang nomer tujuh pasti saya ganti sama template yang bisa di download.
Itu juga baru bikin tadi siang, dan belum ada isinya semua sama tulisanya coba di cek lagi. Rencananya nanti saya juga mau bikin gallery template kek master2 blogger itu, tapi untuk saat ini masih dalam tahap pembenahan.

Maaf ya

Wandhy said...

@: Aka SELALU saya tunggu mas, soalnya saya tiap hari online.
Dan supaya bisa mendapatkan update terbaru dari creating website, saya ikhlas follow blog ini agar tidak ketinggalan informasi...
Sebelumnya saya ucapkan terima kasih untuk semua template Gratis nya, semoga amalnya diterima yang maha esa !!!

Wandhy said...

@: Aka SELALU saya tunggu mas, soalnya saya tiap hari online.
Dan supaya bisa mendapatkan update terbaru dari creating website, saya ikhlas follow blog ini agar tidak ketinggalan informasi...
Sebelumnya saya ucapkan terima kasih untuk semua template Gratis nya, semoga amalnya diterima yang maha esa !!!

maskolis said...

@Wandhy:
Amiiiinnnn....
Sip mas Wandhy makasih ya, nanti saya coba bikin template gallery yang lebih bagus dari mas template

khawer Khan said...

your template is great and it is the best template from all other gaming templates i love this template. Sir there is a request i want this template for online games please change only the content wrapper width to 800 or 850. Because 635 width is very less for online games i really need this template.

maskolis said...

@khawer Khan:
Hi khawer Khan
it means there's no sidebar am I right? Or you can show me an example site used online games. That's maybe usefull

Haz Issac said...

mas, gimana caranya kalau mahu tambah satu lagi collum add a gadget.. saya mau buat ruang seperti slider di atas itu tapi mahu letak di bawah page navigation.. sebabnya template ini saya gunakan untuk download blog n movie online :) ruang add a gadget itu saya mahu masukkan script marquee.. seperti gambar dan link bergerak di bawah itu..

maskolis said...

@:
Bisa dibaca tuorialnya
disini dan yang ini untuk dua kolom

Haz Issac said...

terima kasih.. saya cuba dulu..

Haz Issac said...

@:mas, untuk code pertama di Sini tak jumpa di edit templatenya..

maskolis said...

@Haz Isaac:
Kalo di template johny darkgamer #content-wrapper, saya off dulu ya udah ngantuk banget ini... heheheh

Haz Issac said...

haha oklah, see u tomorrow.. i will come back esoknya.. nite mas.. hehe

KOMUD said...

Saya gk sabar lagi menantikan postingan tamplate terbarunya mas hahaha.. :D

Hafid said...

Salamun'alaik...mas template johny darkgamer ini saya pasang di http://downloadmovie01.blogspot.com/ tapi koq set up mygallery2 nya error ya mas..mohon pencerahannya emailku indonesianmoviesonline@gmail.com. makasih mas...

Hafid said...

Salamun'alaik...mas saya coba pasng template darkgamer di http://downloadmovie01.blogspot.com/ tapi koq setup gallery2 nya error...mohon pencerahannya...makasih sebelumnya...

maskolis said...

@Hafid:
Wa'alaikum salam
Coba di upload ulang mas, sepertinya ada kode yg hilang.
Simpan widgetnya dulu biar nanti gak bikin lagi

Haz Issac said...

mas, di mana twitter widgetya ya? tak nampak la pula.. lepas itu bagaimana mahu tukar recommend+send button fb atas setiap post? di mana mahu editnya untuk tukar? boleh tgk di blog sy..

Haz Issac said...

owh ya mas, lagi satu.. gimana mahu tukar review dan games di sebelah label dan popular tu.. mau masukkan apa ya di review dan games?

maskolis said...

@Haz Isaac:
Saya sudah tengok blog Haz Isaac untuk mengganti FB recomended anda harus masuk ke social facebook plugin dulu kemudian buat dengan memasukkan URL blog anda. kemudian ganti kode script FB yang ada di bawah <body>

Untuk memasukkan preview, games masukkan kode ini :
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://johny-darkgamer.blogspot.com/feeds/posts/summary/-/hot games?max-results=8&alt=json-in-script&callback=recentpostslist"></script>

<a href="http://johny-darkgamer.blogspot.com/search/label/hot games" style="float:right;font:normal 10px Arial;padding:5px 0;">More Post &#187;</a>

Ganti hot games dgn label anda, dan URL nya juga diganti

maskolis said...

@ Haz Isaac :
Sebenernya saya udah siapkan template khusus untuk review film disini http://johny-darkmovie.blogspot.com/ sebentar lagi mau saya publish

Haz Issac said...

tq mas pasal tutorialnya.. tapi mengenai facebook recommend dan send button still sama walaupun dah dibuat dan masukkan link site saya ke developers fb itu.. macam ada tertinggal code saja.. yakni semuanya kalau saya test link masuk ke johny-darkgamer.. gimana ya?

maskolis said...

@Haz Isaac:
Maaf bro ada yang terlewat, cari kode ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;width:100%;padding:0;margin:5px 0'>
<div class='fb-like' data-action='recommend' data-colorscheme='dark' data-href='http://johny-darkgamer.blogspot.com/' data-send='true' data-show-faces='false' data-width='450'/>
</div>
</b:if>

Ganti URL diatas dengan URL blog anda, atau ganti baru dengan FB like yang sudah Haz buat

indo gamers said...

ajib cocok untuk blog game great

indo gamers said...

maskolis gimana edit slider nya koq gak ada Mohon pencerahanya.!

indo gamers said...

mas tolong ya buat tutornya slidernya koq gax bisa diubah
malah udah ane cari koq gak ada

maskolis said...

@indo gamers:
Ikuti pentunjuk pada nomer 1 diatas, Anda mesti masuk ke edit HTML jgn lupa centang expand wisget templates kemudian cari kode nomer satu dst ganti dengan keterangan dan URL nya mas, soalny slidernya tidak bekerja otomatis mestu memasukkannya satu per satu


Reply

Post a Comment