Tampilkan postingan dengan label ads ready. Tampilkan semua postingan
Tampilkan postingan dengan label ads ready. Tampilkan semua postingan

Download Template SEO Ali Adsense Ready

Template SEO Ali is a blog that was designed for a variety of needs in a personal blog or a blog using adsense. This Blog consists of 2 columns with base color white and black.

Template SEO Ali

template-blogspot-full-seo

Template Name : Template SEO Ali
Author : Ali Madura
Designer : Ali Madura
Url Designer : www.alimadura.com

Features Template SEO Ali Adsense Ready

  • Fast loading blogger template
  • Equipped with a SEO Friendly
  • Equipped with Dynamic Headings
  • Equipped with Share Button
  • Equipped with Breadcrumb
  • Auto related links
  • Preferred Auto without script
  • Adsense ready
  • Drop down Navigation Menu
  • It looks a simple
  • Etc!

Download Template SEO Ali

Demo - Download Here

Happy downloading Template SEO Ali Adsense Ready
Template SEO Ali is a blog that was designed for a variety of needs in a personal blog or a blog using adsense. This Blog consists of 2 columns with base color white and black.

Template SEO Ali

template-blogspot-full-seo

Template Name : Template SEO Ali
Author : Ali Madura
Designer : Ali Madura
Url Designer : www.alimadura.com

Features Template SEO Ali Adsense Ready

  • Fast loading blogger template
  • Equipped with a SEO Friendly
  • Equipped with Dynamic Headings
  • Equipped with Share Button
  • Equipped with Breadcrumb
  • Auto related links
  • Preferred Auto without script
  • Adsense ready
  • Drop down Navigation Menu
  • It looks a simple
  • Etc!

Download Template SEO Ali

Demo - Download Here

Happy downloading Template SEO Ali Adsense Ready

Template SEO Friendly Simple Faster

Template SEO Friendly Simple Faster - Kali ini saya akan memberikan Template SEO Friendly kepada sobat-sobat untuk dapat mengoptimalkan blognya supaya lebih menarik dan profesional pastinya. Bisa juga sobat melihat template SEO yang sudah di share sebelumnya Template SEO Friendy Milk Blue

Template SEO Friendly Simple Faster

 

Fitur-fitur yang terdapat pada Template SEO Friendly Simple Faster : 

  • Tag heading yang dinamis
  • Breadcrumbs navigation disertai Rich Snippet
  • Auto readmore
  • Related Post dengan gambar
  • Navigasi menu halaman disertai angka
  • Tombol ShareThis pada setiap post
  • Banner ukuran 720x90 px di sebelah kanan judul blog
  • Threaded Comment

Download Template SEO Friendly Simple Faster

Template SEO Friendly Simple Faster - Kali ini saya akan memberikan Template SEO Friendly kepada sobat-sobat untuk dapat mengoptimalkan blognya supaya lebih menarik dan profesional pastinya. Bisa juga sobat melihat template SEO yang sudah di share sebelumnya Template SEO Friendy Milk Blue

Template SEO Friendly Simple Faster

 

Fitur-fitur yang terdapat pada Template SEO Friendly Simple Faster : 

  • Tag heading yang dinamis
  • Breadcrumbs navigation disertai Rich Snippet
  • Auto readmore
  • Related Post dengan gambar
  • Navigasi menu halaman disertai angka
  • Tombol ShareThis pada setiap post
  • Banner ukuran 720x90 px di sebelah kanan judul blog
  • Threaded Comment

Download Template SEO Friendly Simple Faster

Wire Magazine Template

WireMagazine






TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/

premiumbloggertemplates.com
Designer
fthemes.com

Descriptions

Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Elegant,
Featured Section, Fixed width, Grey, Header Banner, Left Sidebar, Magazine,
Premium, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White
WireMagazine






TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/

premiumbloggertemplates.com
Designer
fthemes.com

Descriptions

Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Elegant,
Featured Section, Fixed width, Grey, Header Banner, Left Sidebar, Magazine,
Premium, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White

SEO Friendly Template



SEO Blogger Template






TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author
Zoomtemplate.com
Designer
Blogger Tutorials | Blogger Templates Free

Descriptions

SEO Blogger Templates with Elegant Style and the concept of SEO Friendly. In
design with the simple style and page loading speed has a spectacular. By
default this template is only 20% use the image, the rest is designed to use
the game through koding color.



SEO Blogger Template






TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author
Zoomtemplate.com
Designer
Blogger Tutorials | Blogger Templates Free

Descriptions

SEO Blogger Templates with Elegant Style and the concept of SEO Friendly. In
design with the simple style and page loading speed has a spectacular. By
default this template is only 20% use the image, the rest is designed to use
the game through koding color.

Toda's News Template








 Platform Type Blogger
 Template Name
Todays News
 Author Agus Ramadhani
 URL Author
Blogger header templates |
Indonesia Blogger

 Designer

Fthemes.com

 Description


Todays News is a Cool Wordpress Theme Convert to Blogger Template special for
you from Zoomtemplate.com. This a free premium blogger theme with featured
content option and options page. Supports post thumbnails. Suitable for any
niche, especially for news or magazine sites.
Features:

  • Options Page
  • Post Thumbnails
  • Featured Content
  • 125�125 banners ready (easy editable from admin options)
  • 468�60 Header Banner ready (easy editable from admin options)
  • Three columns
  • Gravatar on Comments
  • Compatible with latest WordPress versions
  • Widgets Ready
  • SEO Optimized
  • Fixed width
  • Tested and compatible with all major browsers: IE, FF, Safari

Set For SEO:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<title><data:blog.pageName/>
| (example:
ZoomTemplate)
</title>

<b:else/>

<title><data:blog.pageTitle/> |
(example:
ZoomTemplate)
</title>

</b:if>

<meta content='your description here' name='description'/>

<meta content='keyowrd1, keyowrd1, etc..' name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>


Set For Image SlideShow:

<ul id='s3sliderContent'>

<li class='s3sliderImage'>

<a href='
yourblogname.com'>

<img src='
your link Image show here'/>

<span>
Description here...</span></a></li>

<div class='clear s3sliderImage'/>


......................etc

</ul>


Set For Nav Menu:

For Set link Nav Menu, link Top Menu and link Banner, your just find a code
like this href='#' and change symbol
# with link what you want.









 Platform Type Blogger
 Template Name
Todays News
 Author Agus Ramadhani
 URL Author
Blogger header templates |
Indonesia Blogger

 Designer

Fthemes.com

 Description


Todays News is a Cool Wordpress Theme Convert to Blogger Template special for
you from Zoomtemplate.com. This a free premium blogger theme with featured
content option and options page. Supports post thumbnails. Suitable for any
niche, especially for news or magazine sites.
Features:

  • Options Page
  • Post Thumbnails
  • Featured Content
  • 125�125 banners ready (easy editable from admin options)
  • 468�60 Header Banner ready (easy editable from admin options)
  • Three columns
  • Gravatar on Comments
  • Compatible with latest WordPress versions
  • Widgets Ready
  • SEO Optimized
  • Fixed width
  • Tested and compatible with all major browsers: IE, FF, Safari

Set For SEO:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<title><data:blog.pageName/>
| (example:
ZoomTemplate)
</title>

<b:else/>

<title><data:blog.pageTitle/> |
(example:
ZoomTemplate)
</title>

</b:if>

<meta content='your description here' name='description'/>

<meta content='keyowrd1, keyowrd1, etc..' name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>


Set For Image SlideShow:

<ul id='s3sliderContent'>

<li class='s3sliderImage'>

<a href='
yourblogname.com'>

<img src='
your link Image show here'/>

<span>
Description here...</span></a></li>

<div class='clear s3sliderImage'/>


......................etc

</ul>


Set For Nav Menu:

For Set link Nav Menu, link Top Menu and link Banner, your just find a code
like this href='#' and change symbol
# with link what you want.


Robusta Wordpress Theme



Robusta







TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/ 

premiumbloggertemplates.com
Designer
newwpthemes.com

Descriptions

Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Featured
Section, Fixed width, Header Banner, Left Sidebar, Magazine, Orange, Right
Sidebar, Slider, Top Navigation Bar, Web 2.0, White




Robusta







TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/ 

premiumbloggertemplates.com
Designer
newwpthemes.com

Descriptions

Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Featured
Section, Fixed width, Header Banner, Left Sidebar, Magazine, Orange, Right
Sidebar, Slider, Top Navigation Bar, Web 2.0, White


Theme Wordpress Revita



Revita






TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/

premiumbloggertemplates.com
Designer
fthemes.com

Descriptions

Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from Wordpress,
Brown, Elegant, Featured Section, Fixed width, Header Banner, Magazine,
Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0,
White


Revita






TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/

premiumbloggertemplates.com
Designer
fthemes.com

Descriptions

Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from Wordpress,
Brown, Elegant, Featured Section, Fixed width, Header Banner, Magazine,
Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0,
White

Kolom Tutorial Template



TEMPLATE FEATURES
Pass tiny : sandydoank12.blogspot.com


OK. Sampai disini dulu tentang template kolom tutorial gratisnya. semoga bermanfaat dan selamat mendownload


TEMPLATE FEATURES
Pass tiny : sandydoank12.blogspot.com


OK. Sampai disini dulu tentang template kolom tutorial gratisnya. semoga bermanfaat dan selamat mendownload

Johny Simplemag Template Blog

Template ini modifikasi dari Johny Magazine 2 yang masih memakai slider Yahoo yang manual, Johny Simplemag saya buat sedemikian rupa sehingga semua widget yang ada lebih dinamis dan otomatis dengan masih memasang slider Yahoo. Slider Yahoo disini saya buat lebih sederhana, karena hanya 4 post yang bisa ditampilkan pada slider tapi secara tampilan masih sama.

johny simplemag


Sekarang langsung saja pada pemasangannya :
Slider

slider yahoo

Di dashboard masuk ke layout
Kemudian pilih featured today yang ada di layout


Setelah itu masukkan atau ketik label yang ingin ditampilkan pada slider contohnya seperti gambar di bawah ini :


Keterangan :
Ganti sport dengan label yang Anda inginkan (ingat besar kecil huruf harus sama dengan label yang sudah anda buat)
Demikian juga untuk judul widget, anda bisa menggantinya sesuaikan dengan label.
Label 1 - Label 6


Untuk memasang Label 1 sampai dengan Label 6 caranya sama seperti diatas, Anda tinggal mengetikkan label yang ingin ditampilkan pada widget tersebut. Lihat gambar dibawah ini :


Keterangan :
Ganti news dengan label Anda, dan ganti judul widget (label 1) dengan judul yang sesuai dengan label.

Penting :

Karena dari template yang kemarin masih ada yang error dalam penataan widget, isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan.
Template ini modifikasi dari Johny Magazine 2 yang masih memakai slider Yahoo yang manual, Johny Simplemag saya buat sedemikian rupa sehingga semua widget yang ada lebih dinamis dan otomatis dengan masih memasang slider Yahoo. Slider Yahoo disini saya buat lebih sederhana, karena hanya 4 post yang bisa ditampilkan pada slider tapi secara tampilan masih sama.

johny simplemag


Sekarang langsung saja pada pemasangannya :
Slider

slider yahoo

Di dashboard masuk ke layout
Kemudian pilih featured today yang ada di layout


Setelah itu masukkan atau ketik label yang ingin ditampilkan pada slider contohnya seperti gambar di bawah ini :


Keterangan :
Ganti sport dengan label yang Anda inginkan (ingat besar kecil huruf harus sama dengan label yang sudah anda buat)
Demikian juga untuk judul widget, anda bisa menggantinya sesuaikan dengan label.
Label 1 - Label 6


Untuk memasang Label 1 sampai dengan Label 6 caranya sama seperti diatas, Anda tinggal mengetikkan label yang ingin ditampilkan pada widget tersebut. Lihat gambar dibawah ini :


Keterangan :
Ganti news dengan label Anda, dan ganti judul widget (label 1) dengan judul yang sesuai dengan label.

Penting :

Karena dari template yang kemarin masih ada yang error dalam penataan widget, isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan.

New Johny Darkgamer Template Blog

new johny darkgamer


Slider


Masuk ke Layout kemudian pilih kotak slider


Caranya seperti pemasangan slider pada template Johny Simplemag diatas, anda tinggal ketikkan label yang ingin anda tampilkan dalam slider carousel ini, seperti gambar dibawah :


Demikian juga dengan Label 1 dan Label 2 yang ada di layout template ini, masukkan labelnya kemudian save/simpan.

Itu tadi dua template gratis yang saya bagikan kepada teman-teman blogger kali ini,  selamat mencoba dan semoga bermanfaat.

Pesan dari bang Johny :

Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template
new johny darkgamer


Slider


Masuk ke Layout kemudian pilih kotak slider


Caranya seperti pemasangan slider pada template Johny Simplemag diatas, anda tinggal ketikkan label yang ingin anda tampilkan dalam slider carousel ini, seperti gambar dibawah :


Demikian juga dengan Label 1 dan Label 2 yang ada di layout template ini, masukkan labelnya kemudian save/simpan.

Itu tadi dua template gratis yang saya bagikan kepada teman-teman blogger kali ini,  selamat mencoba dan semoga bermanfaat.

Pesan dari bang Johny :

Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template

Johny Storage, Template Magazine untuk Blog Berita

Karena ini malem Minggu saya singkat saja artikel kali ini. Template ini sekilas tampak seperti Mas Paper versi 1, hanya pada template kali ini warna didominasi putih dan hitam. Template ini sangat cocok untuk blog berita, ya memang saya untuk saat ini akan fokus dulu dalam membuat template blogger untuk blog berita, karena untuk template yang lain saya belum mahir apalagi yang bentuknya blogazine (pernah seorang teman blogger meminta saya membuat template blogazine via email), disamping keterbatasan kemampuan saya dalam pemahaman jQuery, dalam membuat template seperti blogazine dibutuhkan kemampuan dalam mengolah gambar dengan menggunakan software tertentu, sehingga bisa lebih cantik dan menarik.

johny storage

Seperti pada template Mas Paper 2 dan Johny Simplemag, template kali ini juga semuanya serba otomatis. Anda tinggal memasukkan label dan kode script ke dalam kotak HTML/Javascript maka fitur-fitur yang ada pada template ini akan muncul secara otomatis. Langsung saja saya akan jelaskan satu persatu untuk penggunaan template ini :
  1. Saya mulai dari atas, News Ticker atau headline news yang ada 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) :
    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
    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 :

layout johny storage
  1. Untuk menampilkan slider, masuk ke layout kemudian klik edit pada kotak HTML/Javascript. Masukkan kode berikut ini ke dalamnya :
    <div id='featuredContent'>
    <div class='sliderwrapper' id='featured-slider'>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
    </script>
    </div>
    <div id='paginate-featured-slider'>
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </ul>
    <div class='clear'></div>
    </div>
    <script type='text/javascript'>
    featuredcontentslider.init({
    id: "featured-slider", //id of main slider DIV
    contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
    revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
    enablefade: [true, 0.4], //[true/false, fadedegree]
    autorotate: [true, 5000], //[true/false, pausetime]
    onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
    </script>
    </div>
    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 6 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.
Apa lagi ya, sepertinya hanya itu yang perlu saya jelaskan untuk penggunaan dan pemasangan widget yang terdapat pada template Johny Storage ini. Karena waktu sudah menunjukkan pukul 8 malam lebih, sudah waktunya untuk berkeliaran cari mangsa... hehehehe. Bagi yang masih bingung dan butuh penjelasan silahkan tinggalkan komentar di bawah, selamat mencoba dan happy weekend

Karena ini malem Minggu saya singkat saja artikel kali ini. Template ini sekilas tampak seperti Mas Paper versi 1, hanya pada template kali ini warna didominasi putih dan hitam. Template ini sangat cocok untuk blog berita, ya memang saya untuk saat ini akan fokus dulu dalam membuat template blogger untuk blog berita, karena untuk template yang lain saya belum mahir apalagi yang bentuknya blogazine (pernah seorang teman blogger meminta saya membuat template blogazine via email), disamping keterbatasan kemampuan saya dalam pemahaman jQuery, dalam membuat template seperti blogazine dibutuhkan kemampuan dalam mengolah gambar dengan menggunakan software tertentu, sehingga bisa lebih cantik dan menarik.

johny storage

Seperti pada template Mas Paper 2 dan Johny Simplemag, template kali ini juga semuanya serba otomatis. Anda tinggal memasukkan label dan kode script ke dalam kotak HTML/Javascript maka fitur-fitur yang ada pada template ini akan muncul secara otomatis. Langsung saja saya akan jelaskan satu persatu untuk penggunaan template ini :
  1. Saya mulai dari atas, News Ticker atau headline news yang ada 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) :
    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
    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 :

layout johny storage
  1. Untuk menampilkan slider, masuk ke layout kemudian klik edit pada kotak HTML/Javascript. Masukkan kode berikut ini ke dalamnya :
    <div id='featuredContent'>
    <div class='sliderwrapper' id='featured-slider'>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
    </script>
    </div>
    <div id='paginate-featured-slider'>
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </ul>
    <div class='clear'></div>
    </div>
    <script type='text/javascript'>
    featuredcontentslider.init({
    id: "featured-slider", //id of main slider DIV
    contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
    revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
    enablefade: [true, 0.4], //[true/false, fadedegree]
    autorotate: [true, 5000], //[true/false, pausetime]
    onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
    </script>
    </div>
    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 6 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.
Apa lagi ya, sepertinya hanya itu yang perlu saya jelaskan untuk penggunaan dan pemasangan widget yang terdapat pada template Johny Storage ini. Karena waktu sudah menunjukkan pukul 8 malam lebih, sudah waktunya untuk berkeliaran cari mangsa... hehehehe. Bagi yang masih bingung dan butuh penjelasan silahkan tinggalkan komentar di bawah, selamat mencoba dan happy weekend

Johny Darkfire Template

This template names Johny Darkfire because the basic black and a little extra yellow light like a flame to the look. The features on this template similar to the template Johny Darkgamer only slider I replace the automatic carousel slider that allows you to display the post on the slider.

johny darkfire

TEMPLATE FEATURES

Johny Darkfire is a free blogger template with elegant black style blogger template for any content blog with auto recent per category. This template design with an automatic image slider feature, 4 column blogger template with right sidebar, 3 column footer, elegant style blogspot template, featured content slider, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. This template designed for any content just as like you wanted blog with daily updates

Template Name : Johny Darkfire
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

This template names Johny Darkfire because the basic black and a little extra yellow light like a flame to the look. The features on this template similar to the template Johny Darkgamer only slider I replace the automatic carousel slider that allows you to display the post on the slider.

johny darkfire

TEMPLATE FEATURES

Johny Darkfire is a free blogger template with elegant black style blogger template for any content blog with auto recent per category. This template design with an automatic image slider feature, 4 column blogger template with right sidebar, 3 column footer, elegant style blogspot template, featured content slider, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. This template designed for any content just as like you wanted blog with daily updates

Template Name : Johny Darkfire
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Mas Paper Template

mas paper template

TEMPLATE FEATURES

Mas Paper is a free blogger template with magazine style blogger template for portal news blog with auto recent per category. This template comes with an automatic image slider feature, 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, tabber sidebar ready, ads ready, pagination for blogger ready, dropdown menu, newsticker ready, clean design template, and more. This template designed for portal news blog with daily updates

Template Name : Mas Paper
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com
mas paper template

TEMPLATE FEATURES

Mas Paper is a free blogger template with magazine style blogger template for portal news blog with auto recent per category. This template comes with an automatic image slider feature, 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, tabber sidebar ready, ads ready, pagination for blogger ready, dropdown menu, newsticker ready, clean design template, and more. This template designed for portal news blog with daily updates

Template Name : Mas Paper
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Johny Portal 2

johny portal 2

TEMPLATE FEATURES

Free Johny Portal 2 blogger template is another version of Johny Portal blogger template for portal news blog with auto recent per category. It's a 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, ads ready, pagination for blogger ready, dropdown menu, and more. This template designed for portal news blog with daily updates

Template Name : Johny Portal 2
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

johny portal 2

TEMPLATE FEATURES

Free Johny Portal 2 blogger template is another version of Johny Portal blogger template for portal news blog with auto recent per category. It's a 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, ads ready, pagination for blogger ready, dropdown menu, and more. This template designed for portal news blog with daily updates

Template Name : Johny Portal 2
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Johny Simple Magazine 2 Template

This template design in magazine style, names Johny Simple Magazine 2 because the header view similar to the first series. On the homepage there are 5 widgets to put the sidebar as you want and there's a sidebar for ad size 650 x 80 which is located under the main wrapper. On the right sidebar I added a accordion sidebar from dezinerfolio.com, for more details please see the demo. In the postpage, you have no longer need to add codes related posts that usually put in the bottom of the posts, this template is to provide such features and columns for size 300 x 250 ad next to (see demo).

johny simple magazine 2

Features :
  • Image content slider
  • News ticker
  • Page navigation
  • Ads ready
  • 2/3 columss widget
  • 3 columns footer
  • Accordion sidebar
  • Widget subscription ready
  • Category with thumbnail
  • This template work with no static page
  • and more
For more detail please visit this link

This template design in magazine style, names Johny Simple Magazine 2 because the header view similar to the first series. On the homepage there are 5 widgets to put the sidebar as you want and there's a sidebar for ad size 650 x 80 which is located under the main wrapper. On the right sidebar I added a accordion sidebar from dezinerfolio.com, for more details please see the demo. In the postpage, you have no longer need to add codes related posts that usually put in the bottom of the posts, this template is to provide such features and columns for size 300 x 250 ad next to (see demo).

johny simple magazine 2

Features :
  • Image content slider
  • News ticker
  • Page navigation
  • Ads ready
  • 2/3 columss widget
  • 3 columns footer
  • Accordion sidebar
  • Widget subscription ready
  • Category with thumbnail
  • This template work with no static page
  • and more
For more detail please visit this link

Trilogi Template Johny, Tiga Template Gratis Sekaligus

Hari ini saya akan berbagai template kepada teman-teman blogger semua tiga template sekaligus, dengan tiga model konten yang berbeda-beda tapi masih dalam satu kompisisi warna yang sama, yaitu putih dan biru. Sengaja saya buat tiga untuk memenuhi permintaan teman-teman blogger via email dan semoga berkenan. Ketiga template ini di bagian header dan footer hampir sama. dengan kombinasi warna biru dan putih dengan sedikit tambahan warna abu-abu untuk memperindah tampilan. Baiklah langsung saja berikut ini ketiga template tersebut :

Johny Papers Magazine

johny papers magazine


Template pertama ini saya desain terutama untuk untuk blog yang memiliki konten berita, dan seperti template magazine saya yang lain tidak ada fitur static page atau halaman statis. Cara pemasangan widget-widget yang ada  pada template ini adalah :
  1. Latest Post
    Letaknya di sebelah kiri, fitur ini otomatis, maksudnya jika anda membuat postingan terbaru maka artikel itu akan muncul otomatis pada latest post. Cara setting agar seperti dalam demo template sebagai berikut (blogger new interface) :
    Di dashboard pilih setting kemudian klik formatting and language kemudian pada timestamp format pilih hanya jam saja, karena lebar pada timestamp di latest post saya setting untuk tampilan jam (lihat demo). Untuk mengatur jumlah post yang akan ditampilkan masih pada setting, pilih post and comment >> show at most pilih berapa post yang akan ditampilkan pada kolom latest post.
  2. Slider
    Untuk mengganti image pada slider, cari kode berikut :
    numposts1 = 7;
    label1 = "kesehatan";
    Keterangan :
    Angka 7 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. kesehatan adalah label atau kategori yang ditampilkan pada slider, silahkan Anda ganti dengan label yang ingin ditampilkan pada slider (Ingat hurufnya harus sama dengan label yang sudah Anda buat).
  3. Label 1, label 2 dan label 3
    Letaknya di bawah banner 468 x 69 dan twitter follow. Untuk menampilkannya pada widget masukkan kode berikut pada layout >> add gadget pilih HTML/Javasxript  :
    <script type='text/javascript'>var numposts = 1;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&alt=json-in-script&callback=labelthumbs"></script>

    <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://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna biru : adalah label atau kategori yang ditampikan pada widget. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.
  4. Label 4 dan label 5
    Masukkan kode di bawah ini :
    <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 = 100;
    </script>
    <script src="/feeds/posts/default/-/serba serbi?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
    </script>
    <a href="http://test-maskolis.blogspot.com/search/label/serba serbi" style="float:right;font:normal 10px Arial;padding:5px 0;">More on this category</a>
    Warna merah : adalah label atau kategori yang ditampikan pada widget. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna biru : Ganti URL dengan URL blog anda.
  5. Tab view menu
    Letaknya pada sidebar sebelah kanan atas, Anda tinggal membuat 4 widget yang ingin dipasang otomatis akan menjadi tabber sidebar, saya sarankan untuk diberi judul pada widget tersebut.
  6. Twitter Widget
    Untuk membuat twitter widget seperti pada demo masukkan kode di bawah ini pada kotak HTML/Javascript :
    <div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrhQ0cWEokXx24gbeuKA_3NNp6L5fdZyr8s5aDp9vDD4FJCl2ZAF4rlP7RdPGTKM6TD3IQSvOGGGZ22Wfd5SakgywWaLOA93vVTYZLeFFPKoYTu7FW_ikBmYQoJr5Ro688n2iNAAPlhrlF/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
    <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 10,
    interval: 3000,
    width: 285,
    height: 123,
    theme: {
    shell: {
    background: 'transparent',
    color: '#000000'
    },
    tweets: {
    background: 'transparent',
    color: '#000000',
    links: '#135a9e'
    }
    },
    features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
    }
    }).render().setUser('maskolis').start();
    </script>
    </div>
    Ganti maskolis dengan twitter username anda.
  7. Untuk mengganti iklan atau adsense yang ada di bawah postingan disamping related articles pada Edit HTML (centang expand widget templates) cari kode berikut :
    <div id="banner-ads">
    <script type='text/javascript'><!--
    google_ad_client = "ca-pub-9608487840337104";
    google_ad_host = "pub-1556223355139109";
    /* johny samping */
    google_ad_slot = "1127342458";
    google_ad_width = 300;
    google_ad_height = 250;
    //-->
    </script>
    <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
    </script>
    Ganti kode warna biru diatas dengan kode script iklan Anda.
Gallery Johny

gallery johny template


Template kedua dari trilogi template Johny ini saya beri nama Gallery Johny, sesuai dengan namanya template ini khusus untuk blog yang berisi gallery template maupun theme. Template ini juga tidak ada fitur static page (halaman statis), tidak ada fitur khusus yang terdapat pada template ini yang perlu diperhatikan adalah cara dalam membuat postingan agar seperti terlihat pada blog demo. 
  1. Untuk membuat postingan pastikan Anda dalam posisi HTML (bukan compose). Di bawah ini adalah contoh dalam membuat postingan pada template Gallery Johny ini :
    <div align="center">
    </div>
    <div class="badge sblogger">
    </div>
    <img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYgXAYGdfzq3dwh6hmvQ4QWkZVK65YQ4CuF_eSiq6uvB_-6VwxXmLw2tg-uwWelj7KXZTRm0ZJxgvxHw10UWjewShgXlDcZTkI85SKeqf8a7AtFie8FW9JNRspGA2yn58nRgRqdGSojmo/s1600/Johny+Darkmovie.jpg" width="310" />
    <div class="fullpost">
    <ul class="postbuttons">
    <li><a class="livedemo" href="http://johny-darkmovie.blogspot.com/" rel="nofollow" target="_blank">Live Demo</a> </li>
    <li><a class="download" href="http://www.box.com/s/qjhv758fzmne8lt3xpa8" rel="nofollow" target="_blank">Download Theme</a></li>
    </ul>
    </div>
    <b>TEMPLATE FEATURES</b>
    Silahkan diisi deskripsi template atau terserah anda.........
    Perhatikan kode script yang saya beri warna diatas :
    Warna hijau : adalah URL gambar yang harus anda ganti. Setalah gambar anda upload masukkan URL gambar pada kode yang berwana hijau.
    Warna biru : adalah URL blog demo
    Warna merah : URL untuk download
  2. Untuk menenampilkan widget share dan subscribe yang ada pada sidebar kanan atas, masukkan kode berikut pada kotak HTML/Javascript :
    <style type="text/css">.maskolis{width:288px;float:left;margin:0 0 2px;padding:0 5px;}
    .maskolis .count{margin:0px;padding:10px 0px 0px 0;}
    .maskolis .subicons{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6AXqUKMUswQOZa794r9r3tVri8yTU0Wqo936re09LlvmgoKq9czBl4yGqu5T_gRMOHax9o6Kj6-Wt0U-p_gHNdIVv9uGNlt7iODvquh-xyxkAr68eYpSwz_UEqQhsBeZXFzkEGGu4xmeu/s1600/batas.png) repeat-x scroll bottom;margin:0px 0 0px 0;float:left;width:288px;font-family:Helvetica, Arial;font-size:12px;}.maskolis .subicons a{text-decoration:none;color:#333333;}.maskolis .subicons a:hover{text-decoration:underline;color:#333333;}.maskolis .subicons .rssicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .googleicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .fbicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 7px 0px 28px;margin:0 0 0 5px;}.maskolis .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.maskolis .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 20px 0px 50px;margin:0 5px;width:288px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.maskolis .emailsub .emailupdatesform{margin:15px 5px 5px 5px;width:288px;float:left;}.maskolis .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #afafaf;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.maskolis .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#b4c5fa,0),color-stop(#0f46fa,1));background:-webkit-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-moz-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-o-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-webkit-gradient(linear,left top,left bottom,from(#567dfc),to(#0f46fa));border:1px solid #1143a8;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}</style><div class="maskolis"><div class="subicons"><div class="rssicon">&nbsp;<a rel="nofollow" href="http://feeds.feedburner.com/Maskolis" target="_blank">  RSS</a></div><div class="googleicon">&nbsp;<a href="https://plus.google.com/u/0/ID GOOGLE +" rel="author" target="_blank"> G+</a></div><div class="fbicon"> &nbsp;<a href="https://www.facebook.com/URL Facebook" target="_blank" rel="nofollow">FB</a></div><div class="twittericon">&nbsp;<a href="https://www.twitter.com/TWITTER USERNAME" target="_blank" rel="nofollow">Twitter</a></div></div><div class="emailsub"><div class="emailicon"><p style=" width:250px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial;  padding-right:5px; margin:0;">If you enjoyed this article subscribe to receive more great content from us</p></div><div class="emailupdatesform"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="Maskolis" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form><div class="count"><a rel="nofollow" href="http://feeds.feedburner.com/Maskolis"><img style="border:0" alt="" src="http://feeds.feedburner.com/%7Efc/Maskolis?bg=aeaeae&amp;fg=000&amp;anim=1" height="26" width="88" /></a></div></div></div> </div>
    Keterangan :
    Tulisan yang saya cetak dengan huruf tebal silahkan Anda ganti dengan ID dan username Anda.
    Tulisan warna merah (Maskolis) adalah ID feedburner blog demo, ganti dengan ID feedburner anda.
  3. Untuk membuat popular post seperti pada demo, masuk ke layout >> add gadget kemudian pilih popular posts. Disini yang harus Anda centang hanya thumbnail, biarkan snippet kosong.
Johny Soulmater

johny soulmater


Template ketiga ini sangat sederhana, yang ada pada sidebar kanan hampir sama dengan Johny Papers Magazine. Pada tabber sidebar Anda tinggal memasukkan 4 widget pada sidebar. Untuk twitter widget cara pemasangannya sama dengan template Johny Papers Magazine diatas. Sedangkan untuk mengganti feedburner yang terdapat di bawah postingan, cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small>
</form>
</div>
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Warna merah : ganti dengan URL anda.

Itu tadi tiga template yang saya share hari ini, jika ada yang kurang jelas dalam pemasangan widget silahkan tinggalkan pesan Anda pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat, maaf kalau template-template itu kurang berkenan karena kemampuan saya dalam membuat template masih segitu beda sama master-master blogger lain yang udah jagoan.... hehehehehehe

Sebagai referensi tambahan untuk sahabat blogger semua dalam kegiatan ngeblog bisa dibaca pada dua artikel di bawah ini :
Hari ini saya akan berbagai template kepada teman-teman blogger semua tiga template sekaligus, dengan tiga model konten yang berbeda-beda tapi masih dalam satu kompisisi warna yang sama, yaitu putih dan biru. Sengaja saya buat tiga untuk memenuhi permintaan teman-teman blogger via email dan semoga berkenan. Ketiga template ini di bagian header dan footer hampir sama. dengan kombinasi warna biru dan putih dengan sedikit tambahan warna abu-abu untuk memperindah tampilan. Baiklah langsung saja berikut ini ketiga template tersebut :

Johny Papers Magazine

johny papers magazine


Template pertama ini saya desain terutama untuk untuk blog yang memiliki konten berita, dan seperti template magazine saya yang lain tidak ada fitur static page atau halaman statis. Cara pemasangan widget-widget yang ada  pada template ini adalah :
  1. Latest Post
    Letaknya di sebelah kiri, fitur ini otomatis, maksudnya jika anda membuat postingan terbaru maka artikel itu akan muncul otomatis pada latest post. Cara setting agar seperti dalam demo template sebagai berikut (blogger new interface) :
    Di dashboard pilih setting kemudian klik formatting and language kemudian pada timestamp format pilih hanya jam saja, karena lebar pada timestamp di latest post saya setting untuk tampilan jam (lihat demo). Untuk mengatur jumlah post yang akan ditampilkan masih pada setting, pilih post and comment >> show at most pilih berapa post yang akan ditampilkan pada kolom latest post.
  2. Slider
    Untuk mengganti image pada slider, cari kode berikut :
    numposts1 = 7;
    label1 = "kesehatan";
    Keterangan :
    Angka 7 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. kesehatan adalah label atau kategori yang ditampilkan pada slider, silahkan Anda ganti dengan label yang ingin ditampilkan pada slider (Ingat hurufnya harus sama dengan label yang sudah Anda buat).
  3. Label 1, label 2 dan label 3
    Letaknya di bawah banner 468 x 69 dan twitter follow. Untuk menampilkannya pada widget masukkan kode berikut pada layout >> add gadget pilih HTML/Javasxript  :
    <script type='text/javascript'>var numposts = 1;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&alt=json-in-script&callback=labelthumbs"></script>

    <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://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna biru : adalah label atau kategori yang ditampikan pada widget. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.
  4. Label 4 dan label 5
    Masukkan kode di bawah ini :
    <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 = 100;
    </script>
    <script src="/feeds/posts/default/-/serba serbi?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
    </script>
    <a href="http://test-maskolis.blogspot.com/search/label/serba serbi" style="float:right;font:normal 10px Arial;padding:5px 0;">More on this category</a>
    Warna merah : adalah label atau kategori yang ditampikan pada widget. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna biru : Ganti URL dengan URL blog anda.
  5. Tab view menu
    Letaknya pada sidebar sebelah kanan atas, Anda tinggal membuat 4 widget yang ingin dipasang otomatis akan menjadi tabber sidebar, saya sarankan untuk diberi judul pada widget tersebut.
  6. Twitter Widget
    Untuk membuat twitter widget seperti pada demo masukkan kode di bawah ini pada kotak HTML/Javascript :
    <div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrhQ0cWEokXx24gbeuKA_3NNp6L5fdZyr8s5aDp9vDD4FJCl2ZAF4rlP7RdPGTKM6TD3IQSvOGGGZ22Wfd5SakgywWaLOA93vVTYZLeFFPKoYTu7FW_ikBmYQoJr5Ro688n2iNAAPlhrlF/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
    <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 10,
    interval: 3000,
    width: 285,
    height: 123,
    theme: {
    shell: {
    background: 'transparent',
    color: '#000000'
    },
    tweets: {
    background: 'transparent',
    color: '#000000',
    links: '#135a9e'
    }
    },
    features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
    }
    }).render().setUser('maskolis').start();
    </script>
    </div>
    Ganti maskolis dengan twitter username anda.
  7. Untuk mengganti iklan atau adsense yang ada di bawah postingan disamping related articles pada Edit HTML (centang expand widget templates) cari kode berikut :
    <div id="banner-ads">
    <script type='text/javascript'><!--
    google_ad_client = "ca-pub-9608487840337104";
    google_ad_host = "pub-1556223355139109";
    /* johny samping */
    google_ad_slot = "1127342458";
    google_ad_width = 300;
    google_ad_height = 250;
    //-->
    </script>
    <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
    </script>
    Ganti kode warna biru diatas dengan kode script iklan Anda.
Gallery Johny

gallery johny template


Template kedua dari trilogi template Johny ini saya beri nama Gallery Johny, sesuai dengan namanya template ini khusus untuk blog yang berisi gallery template maupun theme. Template ini juga tidak ada fitur static page (halaman statis), tidak ada fitur khusus yang terdapat pada template ini yang perlu diperhatikan adalah cara dalam membuat postingan agar seperti terlihat pada blog demo. 
  1. Untuk membuat postingan pastikan Anda dalam posisi HTML (bukan compose). Di bawah ini adalah contoh dalam membuat postingan pada template Gallery Johny ini :
    <div align="center">
    </div>
    <div class="badge sblogger">
    </div>
    <img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYgXAYGdfzq3dwh6hmvQ4QWkZVK65YQ4CuF_eSiq6uvB_-6VwxXmLw2tg-uwWelj7KXZTRm0ZJxgvxHw10UWjewShgXlDcZTkI85SKeqf8a7AtFie8FW9JNRspGA2yn58nRgRqdGSojmo/s1600/Johny+Darkmovie.jpg" width="310" />
    <div class="fullpost">
    <ul class="postbuttons">
    <li><a class="livedemo" href="http://johny-darkmovie.blogspot.com/" rel="nofollow" target="_blank">Live Demo</a> </li>
    <li><a class="download" href="http://www.box.com/s/qjhv758fzmne8lt3xpa8" rel="nofollow" target="_blank">Download Theme</a></li>
    </ul>
    </div>
    <b>TEMPLATE FEATURES</b>
    Silahkan diisi deskripsi template atau terserah anda.........
    Perhatikan kode script yang saya beri warna diatas :
    Warna hijau : adalah URL gambar yang harus anda ganti. Setalah gambar anda upload masukkan URL gambar pada kode yang berwana hijau.
    Warna biru : adalah URL blog demo
    Warna merah : URL untuk download
  2. Untuk menenampilkan widget share dan subscribe yang ada pada sidebar kanan atas, masukkan kode berikut pada kotak HTML/Javascript :
    <style type="text/css">.maskolis{width:288px;float:left;margin:0 0 2px;padding:0 5px;}
    .maskolis .count{margin:0px;padding:10px 0px 0px 0;}
    .maskolis .subicons{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6AXqUKMUswQOZa794r9r3tVri8yTU0Wqo936re09LlvmgoKq9czBl4yGqu5T_gRMOHax9o6Kj6-Wt0U-p_gHNdIVv9uGNlt7iODvquh-xyxkAr68eYpSwz_UEqQhsBeZXFzkEGGu4xmeu/s1600/batas.png) repeat-x scroll bottom;margin:0px 0 0px 0;float:left;width:288px;font-family:Helvetica, Arial;font-size:12px;}.maskolis .subicons a{text-decoration:none;color:#333333;}.maskolis .subicons a:hover{text-decoration:underline;color:#333333;}.maskolis .subicons .rssicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .googleicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .fbicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 7px 0px 28px;margin:0 0 0 5px;}.maskolis .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.maskolis .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 20px 0px 50px;margin:0 5px;width:288px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.maskolis .emailsub .emailupdatesform{margin:15px 5px 5px 5px;width:288px;float:left;}.maskolis .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #afafaf;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.maskolis .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#b4c5fa,0),color-stop(#0f46fa,1));background:-webkit-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-moz-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-o-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-webkit-gradient(linear,left top,left bottom,from(#567dfc),to(#0f46fa));border:1px solid #1143a8;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}</style><div class="maskolis"><div class="subicons"><div class="rssicon">&nbsp;<a rel="nofollow" href="http://feeds.feedburner.com/Maskolis" target="_blank">  RSS</a></div><div class="googleicon">&nbsp;<a href="https://plus.google.com/u/0/ID GOOGLE +" rel="author" target="_blank"> G+</a></div><div class="fbicon"> &nbsp;<a href="https://www.facebook.com/URL Facebook" target="_blank" rel="nofollow">FB</a></div><div class="twittericon">&nbsp;<a href="https://www.twitter.com/TWITTER USERNAME" target="_blank" rel="nofollow">Twitter</a></div></div><div class="emailsub"><div class="emailicon"><p style=" width:250px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial;  padding-right:5px; margin:0;">If you enjoyed this article subscribe to receive more great content from us</p></div><div class="emailupdatesform"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="Maskolis" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form><div class="count"><a rel="nofollow" href="http://feeds.feedburner.com/Maskolis"><img style="border:0" alt="" src="http://feeds.feedburner.com/%7Efc/Maskolis?bg=aeaeae&amp;fg=000&amp;anim=1" height="26" width="88" /></a></div></div></div> </div>
    Keterangan :
    Tulisan yang saya cetak dengan huruf tebal silahkan Anda ganti dengan ID dan username Anda.
    Tulisan warna merah (Maskolis) adalah ID feedburner blog demo, ganti dengan ID feedburner anda.
  3. Untuk membuat popular post seperti pada demo, masuk ke layout >> add gadget kemudian pilih popular posts. Disini yang harus Anda centang hanya thumbnail, biarkan snippet kosong.
Johny Soulmater

johny soulmater


Template ketiga ini sangat sederhana, yang ada pada sidebar kanan hampir sama dengan Johny Papers Magazine. Pada tabber sidebar Anda tinggal memasukkan 4 widget pada sidebar. Untuk twitter widget cara pemasangannya sama dengan template Johny Papers Magazine diatas. Sedangkan untuk mengganti feedburner yang terdapat di bawah postingan, cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small>
</form>
</div>
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Warna merah : ganti dengan URL anda.

Itu tadi tiga template yang saya share hari ini, jika ada yang kurang jelas dalam pemasangan widget silahkan tinggalkan pesan Anda pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat, maaf kalau template-template itu kurang berkenan karena kemampuan saya dalam membuat template masih segitu beda sama master-master blogger lain yang udah jagoan.... hehehehehehe

Sebagai referensi tambahan untuk sahabat blogger semua dalam kegiatan ngeblog bisa dibaca pada dua artikel di bawah ini :

NewsMojo





NewsMojo
































TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/ 

premiumbloggertemplates.com
Designer
fthemes.com

Descriptions

Template type : 2 Sidebar, 3 Column, 3 Column footer, Adapted from Wordpress,
Elegant, Featured Section, Fixed width, Grey, Header Banner, Left Sidebar,
Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar,
Web 2.0, White, News






NewsMojo
































TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/ 

premiumbloggertemplates.com
Designer
fthemes.com

Descriptions

Template type : 2 Sidebar, 3 Column, 3 Column footer, Adapted from Wordpress,
Elegant, Featured Section, Fixed width, Grey, Header Banner, Left Sidebar,
Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar,
Web 2.0, White, News


Flows





Flows
































TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/ 

premiumbloggertemplates.com
Designer
fthemes.com

Descriptions

Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from Wordpress,
Blue, Elegant, Featured Section, Fixed width, Header Banner, Magazine,
Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0,
White






Flows
































TEMPLATE FEATURES


Instructions URL

How to
install Blogger Template
Template Author

Lasantha Bandara
/ 

premiumbloggertemplates.com
Designer
fthemes.com

Descriptions

Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from Wordpress,
Blue, Elegant, Featured Section, Fixed width, Header Banner, Magazine,
Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0,
White


Johny Magazine 2, Darkmatter Template For Your Site

Karena keterbatasan koneksi internet saya akan persingkat saja artikel kali ini. Bagi yang suka dengan warna gelap terutama hitam, saya menyediakan satu lagi template untuk anda. Template ini saya kasih nama Johny Magazine 2, Darkmatter Template For Your Site. Sesuai dengan namanya template ini lanjutan dari versi pertama Johny Magzine pada versi sebelumnya hanya bagian header dan footer saja yang hitam, tapi yang versi kali ini bagian post body semua hitam (siapa takut....?)

Template ini dibuat terinspirasi dari template Joomla Darkmatter dari RocketTheme, langsung saja di bawah ini screenshotnya, lebih lengkapnya Anda bisa langsung klik Demo yang ada di bagian bawah.

johny magazine 2

Jika Anda tertarik menggunakan template ini, semuanya sudah saya sertakan pada file zip yang akan Anda download, mulai dari slider, sidebar accordion, kotak advertise dan label atau category semua sudah ada. Anda tinggal memasukkan ke dalam widget tapi jangan lupa ganti semua URL-nya dengan URL anda sendiri.

Untuk Flash News yang terdapat pada navigasi atas silahkan membuat sendiri, yaitu masuk ke http://www.rsspump.com/ masukkan URL feed blog anda, setelah itu copy kodenya letakkan di bawah kode ini (letakkan pada titik-titik) :
<div class='toppic'>
<div class='topnav'>
<div style='float:left;padding:9px 0px;'>
...........................................................
...........................................................
Oiya satu lagi hampir lupa, template ini sengaja tidak saya tambahkan kotak pencari. Jadi Anda mesti membuat sendiri terserah mau diletakkan dimana atau bisa juga ambil dari bawaan blogspot, saya kira itu sangat mudah. Dan bagi yang masih sering menggunakan static page template ini sudah saya modifikasi sehingga static page dapat muncul seperti post page (klik sample page yang ada di navigasi).

Lebih lengkapnya silahkan langsung saja lihat demonya. Bagi yang tertarik silahkan download template ini yang sudah saya sertakan kode script yang harus dipasang di sidebar tengah maupun sidebar kanan. Sekian dulu ya, sudah mulai lemot ini jaringan gara-gara anginnya kenceng banget mas/mbak yang baik-baik, selamat mencoba dan semoga bermanfaat.

NB :
Saya sebenernya juga membuat Johny Magazine 2 ini dalam versi light tanpa static page dengan menambahkan slider Yahoo dan sharing social bookmark dari Mashable. Yah ini hanya sekedar sharing template saja ya daripada tidak terpakai, kalau ada yang tertarik silahkan lihat demonya disini dan kalau ada yang mau memakai template ini silahkan download disini. (Jika ada yang ditanyakan khusus untuk Johny Magazine 2 Light tinggalkan email anda, nanti akan saya kirim script lengkap untuk pemasangan widgetnya)

Wah ternyata banyak juga yang berminat dengan template Johny Magazine 2 versi light ini, baiklah daripada saya kirim ke email teman-teman satu per satu berikut ini saya kasih link untuk download langsung script untuk pemasangan widgetnya. Jangan lupa jika anda sudah download ganti URL nya dengan URL Anda sendiri. Ini link downloadnya Script Widget

johny magazine 2 light

Updates :
Karena sesuatu hal, tempat penyimpanan saya di google code tidak bisa dibuka. Oleh karena itu news ticker (Johny Magazine 2 Light) dan sidebar accordion (johny Magazine 2) tidak bisa berjalan seperti semula. Untuk mengatasinya Anda harus mengganti kode berikut ini pada posisi edit HTML :
  1. Sidebar accordion
    Cari kode di bawah ini :
    <script src='http://maskolis.googlecode.com/files/johny-manis.js' type='text/javascript'/>
    Ganti dengan kode berikut :
    <script src='http://johnytemplate.googlecode.com/files/johnysimple.js' type='text/javascript'/>
  2. News ticker
    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'/>
  3. Khusus untuk pengguna Johny Magazine 2 Light jika slider Yahoo tidak bisa jalan anda cari URL javascript berikut ini pada posisi Edit HTML :
    http://maskolis.googlecode.com/files/jquery.min.js
    Dan Anda harus menggantinya dengan URL di bawah ini
    http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
Terakhir save templates

Read this : Johny Darkgamer, Template Gamer Mania

Karena keterbatasan koneksi internet saya akan persingkat saja artikel kali ini. Bagi yang suka dengan warna gelap terutama hitam, saya menyediakan satu lagi template untuk anda. Template ini saya kasih nama Johny Magazine 2, Darkmatter Template For Your Site. Sesuai dengan namanya template ini lanjutan dari versi pertama Johny Magzine pada versi sebelumnya hanya bagian header dan footer saja yang hitam, tapi yang versi kali ini bagian post body semua hitam (siapa takut....?)

Template ini dibuat terinspirasi dari template Joomla Darkmatter dari RocketTheme, langsung saja di bawah ini screenshotnya, lebih lengkapnya Anda bisa langsung klik Demo yang ada di bagian bawah.

johny magazine 2

Jika Anda tertarik menggunakan template ini, semuanya sudah saya sertakan pada file zip yang akan Anda download, mulai dari slider, sidebar accordion, kotak advertise dan label atau category semua sudah ada. Anda tinggal memasukkan ke dalam widget tapi jangan lupa ganti semua URL-nya dengan URL anda sendiri.

Untuk Flash News yang terdapat pada navigasi atas silahkan membuat sendiri, yaitu masuk ke http://www.rsspump.com/ masukkan URL feed blog anda, setelah itu copy kodenya letakkan di bawah kode ini (letakkan pada titik-titik) :
<div class='toppic'>
<div class='topnav'>
<div style='float:left;padding:9px 0px;'>
...........................................................
...........................................................
Oiya satu lagi hampir lupa, template ini sengaja tidak saya tambahkan kotak pencari. Jadi Anda mesti membuat sendiri terserah mau diletakkan dimana atau bisa juga ambil dari bawaan blogspot, saya kira itu sangat mudah. Dan bagi yang masih sering menggunakan static page template ini sudah saya modifikasi sehingga static page dapat muncul seperti post page (klik sample page yang ada di navigasi).

Lebih lengkapnya silahkan langsung saja lihat demonya. Bagi yang tertarik silahkan download template ini yang sudah saya sertakan kode script yang harus dipasang di sidebar tengah maupun sidebar kanan. Sekian dulu ya, sudah mulai lemot ini jaringan gara-gara anginnya kenceng banget mas/mbak yang baik-baik, selamat mencoba dan semoga bermanfaat.

NB :
Saya sebenernya juga membuat Johny Magazine 2 ini dalam versi light tanpa static page dengan menambahkan slider Yahoo dan sharing social bookmark dari Mashable. Yah ini hanya sekedar sharing template saja ya daripada tidak terpakai, kalau ada yang tertarik silahkan lihat demonya disini dan kalau ada yang mau memakai template ini silahkan download disini. (Jika ada yang ditanyakan khusus untuk Johny Magazine 2 Light tinggalkan email anda, nanti akan saya kirim script lengkap untuk pemasangan widgetnya)

Wah ternyata banyak juga yang berminat dengan template Johny Magazine 2 versi light ini, baiklah daripada saya kirim ke email teman-teman satu per satu berikut ini saya kasih link untuk download langsung script untuk pemasangan widgetnya. Jangan lupa jika anda sudah download ganti URL nya dengan URL Anda sendiri. Ini link downloadnya Script Widget

johny magazine 2 light

Updates :
Karena sesuatu hal, tempat penyimpanan saya di google code tidak bisa dibuka. Oleh karena itu news ticker (Johny Magazine 2 Light) dan sidebar accordion (johny Magazine 2) tidak bisa berjalan seperti semula. Untuk mengatasinya Anda harus mengganti kode berikut ini pada posisi edit HTML :
  1. Sidebar accordion
    Cari kode di bawah ini :
    <script src='http://maskolis.googlecode.com/files/johny-manis.js' type='text/javascript'/>
    Ganti dengan kode berikut :
    <script src='http://johnytemplate.googlecode.com/files/johnysimple.js' type='text/javascript'/>
  2. News ticker
    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'/>
  3. Khusus untuk pengguna Johny Magazine 2 Light jika slider Yahoo tidak bisa jalan anda cari URL javascript berikut ini pada posisi Edit HTML :
    http://maskolis.googlecode.com/files/jquery.min.js
    Dan Anda harus menggantinya dengan URL di bawah ini
    http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
Terakhir save templates

Read this : Johny Darkgamer, Template Gamer Mania

Speed Hosting





Speed Hosting

































TEMPLATE FEATURES


 Instructions URL

How to
install Blogger Template
 Template Author

Lasindu Nadishan
/ 

http://www.coolbthemes.com
Designer
Lasindu Nadishan
Description
free Speed Hosting Blogger Template is a premium web hosting related blogger
template. its 2 columns, top menu, Slideshow, web 2.0, 1 Right Sidebar, 3
Column footer, ads ready, Adsense ready, social bookmarking, read more, SEO
Ready and more






Speed Hosting

































TEMPLATE FEATURES


 Instructions URL

How to
install Blogger Template
 Template Author

Lasindu Nadishan
/ 

http://www.coolbthemes.com
Designer
Lasindu Nadishan
Description
free Speed Hosting Blogger Template is a premium web hosting related blogger
template. its 2 columns, top menu, Slideshow, web 2.0, 1 Right Sidebar, 3
Column footer, ads ready, Adsense ready, social bookmarking, read more, SEO
Ready and more