Headlines News :

Latest Post

Tampilkan postingan dengan label Template Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Template Blog. Tampilkan semua postingan

Mas Paper - Template Seperti Blog Cyber4rt

Written By Akbaromadhon on Selasa, 17 Juli 2012 | 21.30

 Mas Paper - Template Seperti Blog Cyber4rt ~ Salam X-WaHz All About Info :) Template ini mungkin adalah template yang di gunakan blog.cyber4rt.com saat ini, siapa yang tidak tau Cyber4rt :D
Template ini saya share karena ada beberapa teman yang ingin memakai template Mas Paper ini. Daripada saya kirim scriptnya satu persatu lewat email mending dijadikan postingan aja biar semua bisa memakai. Saya bingung mau dikasih nama apa template ini, terserah anda lah mau dikasih nama apa, kalau saya kasih nama Mas Paper nggak boleh ada yang protes ya.

mas paper template

Fitur yang terdapat pada template ini antara lain :
  1. Banner atas (diatas header)
    Letaknya di bawah kode <head> pada template, silahkan diganti dengan banner anda atau hapus aja kalau tidak suka.
  2. Headlines News
    Untuk mengganti dengan headline berita dari blog Anda, Anda tinggal ganti  URL nya, karena google API key sepertinya sekarang sudah ditutup, atau selengkapnya baca disini.
  3. Slider Otomatis.
    Untuk mengganti slider anda cari kode ini :
    numposts1 = 5;
    label1 = "misteri";
    Keterangan :
    Angka 5 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. misteri adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan selengkapnya bisa dibaca disini.
  4. Sidebar tengah atas
    Cara memasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini : 
  5. Keterangan : Warna biru : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan. Warna merah : Ganti URL dengan URL blog anda.
  6. Banner iklan di bawah sidebar
    Ada dua banner iklan yang pertama terdapat di bawah content, dan satunya lagi di bawah 3 deret sidebar pada baris kedua. Silahkan diisi dengan iklan anda, dan juga twitter image bisa diganti dengan twitter dari Anda sendiri.
  7. Untuk 2 sidebar diatas footer cara pemasangannya seperti pada tutorial Widget Template Johny Magazine. Bagi yang lupa silahkan dibaca lagi
  8. Untuk tab view menu yang ada di sidebar kanan, bagian atas anda tinggal membuat 4 widget dan otomatis akan menjadi tab view menu. Untuk lebih lengkapnya baca tutorial disini.
  9. Jika Anda ingin menambahkan Mashable widget, letakkan kode berikut pada kotak HTML/javascript :
Apa lagi ini yang belum ya, sepertinya sudah semua, seperti juga pada template Johny Simple Magazine 2, template ini tidak ada fitur static page (halaman statis) karena script summary and thumb saya hilangkan agar tidak memperberat loading blog. Di bawah ini link untuk melihat demonya dan link download bagi anda yang berminat untuk mencoba memakai template ini. Selamat mencoba dan semoga bermanfaat.

Upates :
Karena tempat penyimpanan google code sedang bermasalah tabber menu pada sidebar tidak jalan, untuk mengatasinya anda cari dan ganti kode berikut ini pada posisi edit HTML :
<script src='http://creatingwebsite.googlecode.com/files/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
var starttab=0;
var endtab=3;
var sidebarname=&quot;sidebar&quot;;
</script>
<script src='http://creatingwebsite.googlecode.com/files/tabber.js' type='text/javascript'/>
Ganti dengan kode di bawah ini :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
var starttab=0;
var endtab=3;
var sidebarname=&quot;sidebar&quot;;
</script>
<script src='http://johnytemplate.googlecode.com/files/tabber.js' type='text/javascript'/>
Dan jika headline news juga tidak bisa berjalan, untuk mengatasinya Anda harus mengganti kode berikut ini pada posisi edit HTML, kemudian cari kode di bawah ini :
<script src='http://maskolis.googlecode.com/files/ticker.js' type='text/javascript'/>
dan Anda ganti dengan kode berikut :
<script src='http://johnytemplate.googlecode.com/files/newsticker.js' type='text/javascript'/>

Jika slidernya tidak muncul lagi ganti kode ini :
<script src='http://creatingwebsite.googlecode.com/files/contentslider.js'/>
dengan kode berikut :
<script src='http://dl.dropbox.com/u/12924430/contentslider.js'/>
Terakhir save templates, atau kalau Anda nggak mau repot-repot cari kode diatas untuk menggantinya satu persatu di download ulang aja, yang lama sudah saya updates, mohon maaf sebelumnya.

 

Chibi Transparent New Version

Chibi TransParent Versi Baru ~ Salam X-WaHz All About Info :) Siang ini saya mau update lagi . Untuk kalian yang mencari cari template keren , bisa pakai template ini aja :D Kerennn lohh!!

liat Dolo SS nya :D



 
ScreenShot in Mozilla FireFox




 
 ScreenShot in Google Chrome




Semoga Bermanfaat ^_^ 
 
X-WAHZ

Tutorial Penggunaan Template Johny Storage

Johny Storage Dark


johny storage dark


Template ini dominan warna hitam dan biru, cara pemasangan sama persis dengan Johny Storage pada artikel saya sebelumnya. Akan saya ulangi lagi disini
  1. News Ticker atau headline news letaknya diatas header. Untuk mengganti dengan headline dari blog Anda masuk ke Edit HTML (gunakan control + F untuk mempersingkat), cari URL http://johny-storage.blogspot.com. Setelah ketemu ganti dengan URL blog Anda. Demikian juga dengan kotak pencarian atau search box cari URL http://johny-storage.blogspot.com ganti dengan URL blog Anda.
  2. Yang kedua adalah kotak email berlangganan, letaknya persis diatas image slider. Untuk mengganti email berlangganan, cari kode dibawah ini pada Edit HTML (jangan lupa untuk mencentang kotak expand widget templates) :
    Keterangan :
    Warna biru : ganti dengan alamat feed anda.
Pemasangan Widget

Sebelum masuk ke pemasangan widget, coba Anda perhatikan struktur layout yang terdapat pada template Johny Storage di bawah ini (ada penambahan widget yaitu Label 7 dan Label 8 letaknya dibawah blog post) :

layout johny storage
  1. Untuk menampilkan slider, masuk ke layout kemudian klik edit pada kotak HTML/Javascript. Masukkan kode berikut ini ke dalamnya :
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan. Dan warna merah adalah keterangan slider yang berupa kecepatan slider, efek mouseover dan lain-lain, tidak harus dimasukkan. Untuk lebih jelasnya Anda bisa membaca pada tutorial membuat slider tersebut disini.
  2. Sekarang untuk label 1 sampai dengan label 8 seperti pada layout diatas, caranya sangat gampang. Anda tinggal ketik/masukkan label yang diinginkan ke dalam kotak tersebut. Perhatikan gambar dibawah ini :

    Keterangan :
    Ganti news dengan label Anda, dan ganti judul widget (label 1) dengan judul yang sesuai dengan label.
  3. Sekarang kita menuju pada tabber sidebar yang terletak di sebelah kanan. Terdapat tiga tabber disitu, yaitu recent post, popular post dan comment. Untuk kolom recent post letakkan kode berikut ke dalamnya :
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts6\"><\/script>");
    </script>
    </ul>
    Untuk popular post anda tinggal masuk ke layout kemudian pilih widget popular post, silahkan pilih disitu berapa post yang ingin ditampilkan. Dan untuk comment atau recent comment silahkan Anda baca tutorialnya disini. Ketiga tabber sidebar ini boleh Anda rubah sesuai keinginan, letaknya di sidebar kanan baris kedua.
  4. Slider Carousel yang terdapat di atas footer bekerja secara otomatis menampilkan artikel terbaru Anda disitu. Jadi disini Anda tidak perlu merubah atau menambahkan kode script lagi, tapi jika Anda ingin menampilkan per kategori di dalam slider tersebut silahkan baca pada tutorial membuat slider Carousel tersebut disini.
  5. Khusus untuk Johny Storage Dark.  membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
    Ganti maskolis dengan twitter username anda.

Johny Storage Blue

johny storage dark


Johny Storage Red

johny storage red


Itu tadi tiga pilihan warna untuk templte Johny Storage, silahkan dipilih warna mana yang paling cocok. Selamat mencoba dan semoga bermanfaat.

Sumber

Translate

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. WaHz WebBlog - All About Info - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger