Tampilkan postingan dengan label white. Tampilkan semua postingan
Tampilkan postingan dengan label white. 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

Zoom Magazine 2 V.2 Template



Zoom Magazine 2 V2






TEMPLATE FEATURES

Instructions URL
How to
install Blogger Template
Template Author

Herdiansyah Hamzah  / http://www.herdiansyah.org
Designer
Herdiansyah Hamzah

Descriptions
Simple magazine blogger template with adsense ready, easy loading, SEO
ready, auto readmore, multi column and more.sildeshow Otomatis


Zoom Magazine 2 V2






TEMPLATE FEATURES

Instructions URL
How to
install Blogger Template
Template Author

Herdiansyah Hamzah  / http://www.herdiansyah.org
Designer
Herdiansyah Hamzah

Descriptions
Simple magazine blogger template with adsense ready, easy loading, SEO
ready, auto readmore, multi column and more.sildeshow Otomatis

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.

Iphone And Android Template



Iphone And Android Blogger Templates






TEMPLATE FEATURES
 Platform Type Blogger / Blogspot
 Template Name
Iphone And Android Blogger Templates

 Instructions URL
Template Settings
 /
How to
install Blogger Template
 Template Author

Lasindu Nadishan Tharuka /

http://www.slbloggs.com
 Designer
Lasindu Nadishan Tharuka
  Descriptions
Iphone And Android Blogger Template Is A Best Mobile Site Blogger Template, Its
Premium Style And Look Is a Like Wordpress Site, It have 2 Colman And Top menu
Links, If You Wont seo Your Site, This Template Is Good For IT



Iphone And Android Blogger Templates






TEMPLATE FEATURES
 Platform Type Blogger / Blogspot
 Template Name
Iphone And Android Blogger Templates

 Instructions URL
Template Settings
 /
How to
install Blogger Template
 Template Author

Lasindu Nadishan Tharuka /

http://www.slbloggs.com
 Designer
Lasindu Nadishan Tharuka
  Descriptions
Iphone And Android Blogger Template Is A Best Mobile Site Blogger Template, Its
Premium Style And Look Is a Like Wordpress Site, It have 2 Colman And Top menu
Links, If You Wont seo Your Site, This Template Is Good For IT

Tech News Template



Apple Tech Blogger Template






TEMPLATE FEATURES
 Platform Type Blogger / Blogspot
 Template Name
Apple Tech Blogger Templates

 Instructions URL
How to
install Blogger Template
 Template Author

Lasindu Nadishan /

http://www.coolbthemes.com
 Designer
Lasindu Nadishan
  Descriptions
Free Tech News Blogger Template Blogger Template Is a Premium And Simple Style
Blogger Template, Its Good For Your Tech Blog, Its Gray, Blue and Dark Colors, 2
Colman And 1 Right Sidebar With 3 Colman Footer Is Get Premium Wordpress Blogger
Template Style



Apple Tech Blogger Template






TEMPLATE FEATURES
 Platform Type Blogger / Blogspot
 Template Name
Apple Tech Blogger Templates

 Instructions URL
How to
install Blogger Template
 Template Author

Lasindu Nadishan /

http://www.coolbthemes.com
 Designer
Lasindu Nadishan
  Descriptions
Free Tech News Blogger Template Blogger Template Is a Premium And Simple Style
Blogger Template, Its Good For Your Tech Blog, Its Gray, Blue and Dark Colors, 2
Colman And 1 Right Sidebar With 3 Colman Footer Is Get Premium Wordpress Blogger
Template Style

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 kolom tutorial


TEMPLATE FEATURES
Pass tiny : sandydoank12.blogspot.com


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

template kolom tutorial


TEMPLATE FEATURES
Pass tiny : sandydoank12.blogspot.com


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

Black n White 4.0

Black N White 4.0










TEMPLATE FEATURES

Instructions URL
How to
install Blogger Template
Template Author
Roxx /

roxx-share.blogspot.com
Designer
Rox

Descriptions
Simple Magazine Template

Cool Black N White Design

Cool Cursor Black N White

Navbar Hider

Fix Bug and Cool Design

Has 3 main Columns and 3 Bottom Column

960px Width

Post with Thumbnail Related Post

With Avatar and Support Cool Cat Icon on Comments Box

Post with Read More & Thumbnail + Cool Information Layout

Post with Best Social Bookmarking and Sharing + Related Image Post

Has 2 Simple CSS Menu Navigation

Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )


Black N White 4.0










TEMPLATE FEATURES

Instructions URL
How to
install Blogger Template
Template Author
Roxx /

roxx-share.blogspot.com
Designer
Rox

Descriptions
Simple Magazine Template

Cool Black N White Design

Cool Cursor Black N White

Navbar Hider

Fix Bug and Cool Design

Has 3 main Columns and 3 Bottom Column

960px Width

Post with Thumbnail Related Post

With Avatar and Support Cool Cat Icon on Comments Box

Post with Read More & Thumbnail + Cool Information Layout

Post with Best Social Bookmarking and Sharing + Related Image Post

Has 2 Simple CSS Menu Navigation

Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )


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.

Johny Backup Template Blog

johny backup


Template ini seperti dijelaskan diatas, tampilannya hampir sama dengan template Joomla Sportapolis, tapi lebih sederhana karena banyak fitur yang saya kurangi karena keterbatasan saya dalam mengolah sebuah template. Untuk pemasangan widgetnya pertama anda harus perhatikan struktur layoutnya seperti gambar berikut :


Perhatikan keempat angka diatas, berikut cara pengisiannya :
  1. Kolom widget nomer 1, adalah slider. Masukkan kode berikut ini ke dalamnya :
    <div id='featured'>
    <ul class="ui-tabs-nav">
    <script>
    document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
    </script>
    </ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </div>
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti dengan label Anda.
  2. Kolom widget nomer 2, adalah label category otomatis di sebelah slider. Anda tinggal memasukkan/ketik label anda pada kotak tersebut, seperti gambar dibawah ini :

    Dari gambar diatas hot games adalah label yang saya masukkan ke dalam widget tersebut, silahkan Anda ganti dengan label Anda.
  3. Widget nomer 3 dan 4, adalah widget category thumbnail biasa yang masih semi otomatis. Saya buat demikian agar tampilannya agak berbeda dan tidak monoton. Untuk menampilkannya masukkan kode dibawah ini pada kotak HTML/Javascript nomer 3 dan 4 :
    <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/-/play station?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 1; i < json.feed.entry.length; i++)
     {
        for (var j = 1; 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-backup.blogspot.com/feeds/posts/summary/-/play station?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johny-backup.blogspot.com/search/label/play station" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna merah : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna biru : Ganti URL dengan URL blog anda.
  4. Untuk mengganti email berlangganan yang ada di bawah navigasi, 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.
  5. Untuk mengganti iklan yang ada di bawah postingan, masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 70px;font-weight:normal;color:#333;margin-top:10px;'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;ca-pub-9608487840337104&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* jamumartin */
    google_ad_slot = &quot;9319314062&quot;;
    google_ad_width = 468;
    google_ad_height = 60;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </div>
    </b:if>
    Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 468 x 60 px.
johny backup


Template ini seperti dijelaskan diatas, tampilannya hampir sama dengan template Joomla Sportapolis, tapi lebih sederhana karena banyak fitur yang saya kurangi karena keterbatasan saya dalam mengolah sebuah template. Untuk pemasangan widgetnya pertama anda harus perhatikan struktur layoutnya seperti gambar berikut :


Perhatikan keempat angka diatas, berikut cara pengisiannya :
  1. Kolom widget nomer 1, adalah slider. Masukkan kode berikut ini ke dalamnya :
    <div id='featured'>
    <ul class="ui-tabs-nav">
    <script>
    document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
    </script>
    </ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </div>
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti dengan label Anda.
  2. Kolom widget nomer 2, adalah label category otomatis di sebelah slider. Anda tinggal memasukkan/ketik label anda pada kotak tersebut, seperti gambar dibawah ini :

    Dari gambar diatas hot games adalah label yang saya masukkan ke dalam widget tersebut, silahkan Anda ganti dengan label Anda.
  3. Widget nomer 3 dan 4, adalah widget category thumbnail biasa yang masih semi otomatis. Saya buat demikian agar tampilannya agak berbeda dan tidak monoton. Untuk menampilkannya masukkan kode dibawah ini pada kotak HTML/Javascript nomer 3 dan 4 :
    <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/-/play station?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 1; i < json.feed.entry.length; i++)
     {
        for (var j = 1; 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-backup.blogspot.com/feeds/posts/summary/-/play station?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johny-backup.blogspot.com/search/label/play station" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna merah : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna biru : Ganti URL dengan URL blog anda.
  4. Untuk mengganti email berlangganan yang ada di bawah navigasi, 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.
  5. Untuk mengganti iklan yang ada di bawah postingan, masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 70px;font-weight:normal;color:#333;margin-top:10px;'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;ca-pub-9608487840337104&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* jamumartin */
    google_ad_slot = &quot;9319314062&quot;;
    google_ad_width = 468;
    google_ad_height = 60;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </div>
    </b:if>
    Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 468 x 60 px.

Johny Bingung Template Blog

johny bingung


Template ini saya desain khususnya untuk konten review film atau game, tapi Anda bisa juga memakainya untuk konten lain. Template sama namanya nggak nyambung blasss..... Namanya juga orang bingung jadi ya terserah mau dikasih nama apa... hehehehehe. Untuk pemasangan widget perhatikan layout template ini seperti gambar di bawah :

  1. Pada template ini hanya ada tiga widget yang perlu diperhatikan, widget nomer satu adalah slider atau di layout namanya Featured content slider. Cara pemasangannya anda tinggal memasukkan atau ketik label yang ingin ditampilkan, seperti pada nomer 2 diatas :

    Label yang saya masukkan disini adalah review, silahkan diganti dengan label anda sendiri.
  2. Untuk widget nomer 2 dan 3, cara pemasangannya sama dengan langkah nomer 3 pada template Johny Backup diatas. Demikian juga untuk mengganti email berlangganan, sama seperti langkah nomer 4 diatas.
  3. Karena template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4900105838884725772&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
    Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :

  4. Untuk mengganti iklan yang ada di bawah postingan (sebelah related post), masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
    Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 300 x 250 px.

Itu tadi dua template asal jadi yang saya bagikan kepada teman-teman blogger pada pagi hari ini, mohon maaf sebelumnya kalau tidak begitu menarik, Jika ada pertanyaan silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.
johny bingung


Template ini saya desain khususnya untuk konten review film atau game, tapi Anda bisa juga memakainya untuk konten lain. Template sama namanya nggak nyambung blasss..... Namanya juga orang bingung jadi ya terserah mau dikasih nama apa... hehehehehe. Untuk pemasangan widget perhatikan layout template ini seperti gambar di bawah :

  1. Pada template ini hanya ada tiga widget yang perlu diperhatikan, widget nomer satu adalah slider atau di layout namanya Featured content slider. Cara pemasangannya anda tinggal memasukkan atau ketik label yang ingin ditampilkan, seperti pada nomer 2 diatas :

    Label yang saya masukkan disini adalah review, silahkan diganti dengan label anda sendiri.
  2. Untuk widget nomer 2 dan 3, cara pemasangannya sama dengan langkah nomer 3 pada template Johny Backup diatas. Demikian juga untuk mengganti email berlangganan, sama seperti langkah nomer 4 diatas.
  3. Karena template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4900105838884725772&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
    Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :

  4. Untuk mengganti iklan yang ada di bawah postingan (sebelah related post), masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
    Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 300 x 250 px.

Itu tadi dua template asal jadi yang saya bagikan kepada teman-teman blogger pada pagi hari ini, mohon maaf sebelumnya kalau tidak begitu menarik, Jika ada pertanyaan silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.

Sporty Magazine 2





Sporty Magazine 2

































TEMPLATE FEATURES

 Instructions URL
How to
install Blogger Template
 Template Author

Borneo Templates  / 

http://www.borneotemplates.com
Designer
Borneo Templates
Description
Sporty Magazine 2 is blogger template with premium looks, professional
design, menu navigation dropdwon, featured slidehow content, news ticker,
twitter widget, 3 column main page, 5 column footer page, social bookmark on
postpage, all image host on blogger, SEO ready, and time script on top.






Sporty Magazine 2

































TEMPLATE FEATURES

 Instructions URL
How to
install Blogger Template
 Template Author

Borneo Templates  / 

http://www.borneotemplates.com
Designer
Borneo Templates
Description
Sporty Magazine 2 is blogger template with premium looks, professional
design, menu navigation dropdwon, featured slidehow content, news ticker,
twitter widget, 3 column main page, 5 column footer page, social bookmark on
postpage, all image host on blogger, SEO ready, and time script on top.


Template Today SEO Friendly

Premium Template Today SEO Friendly

Fitur dari template today SEO Friendly adalah :

Demo | Download Template Magazine SEO Frienly


OK. Sampai disini dulu download premium template today SEO friendly, semoga bermanfaat dan selamat mencoba...
Premium Template Today SEO Friendly

Fitur dari template today SEO Friendly adalah :

Demo | Download Template Magazine SEO Frienly


OK. Sampai disini dulu download premium template today SEO friendly, semoga bermanfaat dan selamat mencoba...

Magazine Template SEO Friendly

Template magazine SEO friendly

Fitur dari template magazine SEO Friendly adalah :

  • Simple magazine style
  • easy loading
  • multi column
  • auto read more
  • share widget
  • SEO ready
  • elegant dan simple menu navigasi
Demo | Download Template Magazine SEO Frienly

OK. Sampai disi dulu postignan tentang Download Template Magazine SEO Friendly ini, semoga bermanfaat dan selamat mendownload ria..
Template magazine SEO friendly

Fitur dari template magazine SEO Friendly adalah :

  • Simple magazine style
  • easy loading
  • multi column
  • auto read more
  • share widget
  • SEO ready
  • elegant dan simple menu navigasi
Demo | Download Template Magazine SEO Frienly

OK. Sampai disi dulu postignan tentang Download Template Magazine SEO Friendly ini, semoga bermanfaat dan selamat mendownload ria..

Blog Juragan Template

Premium template blog juragan

Fitur Template Blog Juragan

  • Simple magazine style
  • loading cepat
  • 1 kolom sidebar
  • auto readmore
  • SEO ready
  • footer
  • simple horizontal navigation
  • tentunya sama persis dengan template milik blog juragan
Demo | Download Premium Template Blog Juragan

OK. Sampai disini dulu tentang download premium template blog juragan gratis. semoga bermanfaat dan selamat mendownload...
Premium template blog juragan

Fitur Template Blog Juragan

  • Simple magazine style
  • loading cepat
  • 1 kolom sidebar
  • auto readmore
  • SEO ready
  • footer
  • simple horizontal navigation
  • tentunya sama persis dengan template milik blog juragan
Demo | Download Premium Template Blog Juragan

OK. Sampai disini dulu tentang download premium template blog juragan gratis. semoga bermanfaat dan selamat mendownload...

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

Mas Paper Magazine 2 Blogger Template



Fitur :
  1. Slider carousel dan featured slider otomatis
  2. Multi level drop down menu.
  3. Automatic widget per category
  4. Pagination ready
  5. Ads ready dan widget twitter
  6. Dan masih banyak lagi
Slider

Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.

Widget Label

Perhatikan layout template diatas, untuk kolom Your label here, Label 1, Label 2, Label 3 sampai dengan Label 6 Anda tinggal masukkan label pada kotak HTML/Javascript seperti contoh gambar di bawah ini :
Untuk contoh dari gambar diatas, label 3 Anda ganti dengan judul widget. entertainment silahkan diganti dengan label Anda sendiri. Perlu diingat besar kecil huruf harus sama dengan label yang sudah Anda buat sebelumnya.

Twitter Widget

Untuk membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhevxrF8fE-ATX7W265PXukpCiu5aIJBTHi8DCw1Q2LbAdZ4UkCiuYRjU39VdScGEjH3iyTSa_jPtNifgy-5LTSP6M_y-tQtmUrRddK0b-NS5zQzeJ7LzE1cuYqLPfOp4hyphenhyphenVd6cMvyivdU/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.

Mohon maaf sebelumnya karena buru-buru soalnya disuruh bos ke bandara jemput tamu penting katanya. jika ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Sementara itu aja dulu, nanti malam disambung lagi.

Penting :

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 lainnya.

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


Fitur :
  1. Slider carousel dan featured slider otomatis
  2. Multi level drop down menu.
  3. Automatic widget per category
  4. Pagination ready
  5. Ads ready dan widget twitter
  6. Dan masih banyak lagi
Slider

Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.

Widget Label

Perhatikan layout template diatas, untuk kolom Your label here, Label 1, Label 2, Label 3 sampai dengan Label 6 Anda tinggal masukkan label pada kotak HTML/Javascript seperti contoh gambar di bawah ini :
Untuk contoh dari gambar diatas, label 3 Anda ganti dengan judul widget. entertainment silahkan diganti dengan label Anda sendiri. Perlu diingat besar kecil huruf harus sama dengan label yang sudah Anda buat sebelumnya.

Twitter Widget

Untuk membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhevxrF8fE-ATX7W265PXukpCiu5aIJBTHi8DCw1Q2LbAdZ4UkCiuYRjU39VdScGEjH3iyTSa_jPtNifgy-5LTSP6M_y-tQtmUrRddK0b-NS5zQzeJ7LzE1cuYqLPfOp4hyphenhyphenVd6cMvyivdU/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.

Mohon maaf sebelumnya karena buru-buru soalnya disuruh bos ke bandara jemput tamu penting katanya. jika ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Sementara itu aja dulu, nanti malam disambung lagi.

Penting :

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 lainnya.

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