GtBlogger style Magazine v2 GtBlogger style Magazine v2 - Blog Manado - Tutorial Web Design

GtBlogger style Magazine v2

GtBlogger style Magazine v2
Share
Name template :
GtBlogger style Magazine v2

Template author :
Blogs Manado

URL :
http://blogsmanado.blogspot.com/

Description :
GtBlogger style Magazine v2 adalah template blogger gratis dengan 3 kolom, tampilan slide dan sederhana. dan template ini adalah perubahan dari template sebelumnya yaitu GtBlogger style magazine v1
download template GtBlogger style Magazine v2
Demo  |  Download

Instructions and Feature this blog:

  1. submenu horizontal dengan kotak
  2. membuat permalink blog untuk seo on page
  3. Auto read more
  4. Terpasang breadcrumb
  5. Tidak ada masalah pada halaman statis yang terpasang Auto readmore
Untuk mengatur fitur slide show , beriukut instruksinya ;
  • Pada Edit HTML sobat cari kode <div id='featured'>

            <div id='featured'>
               <ul class='ui-tabs-nav'>
                   <li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-3'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkrhJl2Bhetshwnqj-EUsMaVs_RetJBO32CRXe8qAdBqppu41stneXrdichyphenhyphenA8q6XEzwLHRJ-P-YOU-thFfAEgsheC4xA01x1jgNlZOaoRUC3ACpdTS4FNVy2rq6JOMoj8GYiMT8undf-2/s0/cdcdcd%252526text%25253Dpost%25252Bthumbnail%25252B420%25252Bx%25252B290.gif' width='80'/><span>Post title 1</span></a></li>
                   <li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-4'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkrhJl2Bhetshwnqj-EUsMaVs_RetJBO32CRXe8qAdBqppu41stneXrdichyphenhyphenA8q6XEzwLHRJ-P-YOU-thFfAEgsheC4xA01x1jgNlZOaoRUC3ACpdTS4FNVy2rq6JOMoj8GYiMT8undf-2/s0/cdcdcd%252526text%25253Dpost%25252Bthumbnail%25252B420%25252Bx%25252B290.gif' width='80'/><span>Post title 2</span></a></li>
                   <li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-2'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkrhJl2Bhetshwnqj-EUsMaVs_RetJBO32CRXe8qAdBqppu41stneXrdichyphenhyphenA8q6XEzwLHRJ-P-YOU-thFfAEgsheC4xA01x1jgNlZOaoRUC3ACpdTS4FNVy2rq6JOMoj8GYiMT8undf-2/s0/cdcdcd%252526text%25253Dpost%25252Bthumbnail%25252B420%25252Bx%25252B290.gif' width='80'/><span>Post title 3</span></a></li>
                   <li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-1'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkrhJl2Bhetshwnqj-EUsMaVs_RetJBO32CRXe8qAdBqppu41stneXrdichyphenhyphenA8q6XEzwLHRJ-P-YOU-thFfAEgsheC4xA01x1jgNlZOaoRUC3ACpdTS4FNVy2rq6JOMoj8GYiMT8undf-2/s0/cdcdcd%252526text%25253Dpost%25252Bthumbnail%25252B420%25252Bx%25252B290.gif' width='80'/><span>Post title 4</span></a></li>
               </ul>

               <!-- First Content -->
                <div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='testing' height='290' src='http://i1247.photobucket.com/albums/gg623/blogsmanado/bondan_zps57ff24db.png' width='420'/>
                   <div class='info'>
                       <h3><a href='#'>Post title 1</a></h3>
                           <p>Bondan Prakoso lebih dulu dikenal sebagai penyanyi cilik lewat lagu &quot;Lumba-Lumba&quot; yang populer ...<a href='http://blogsmanado.blogspot.com/2012/08/blog-ini-untuk-eksperimen-template.html'>More</a></p>
                   </div>
                </div>

               <!-- Second Content -->
                <div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
                    <img alt='testing' height='290' src='http://i1247.photobucket.com/albums/gg623/blogsmanado/bondanprakoso.jpg' width='420'/>
                    <div class='info'>
                       <h3><a href='#'>Post title 2</a></h3>
                           <p>Pada tahun 2004 Bondan berniat membuat proyek musik yang menggabungkan berbagai jenis,...<a href='http://blogsmanado.blogspot.com/2012/08/membuat-menu-serta-sub-menu-tanpa-jquery.html'>More</a></p>
                    </div>
                </div>

                <!-- Third Content -->
               <div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
                   <img alt='testing' height='290' src='http://i1247.photobucket.com/albums/gg623/blogsmanado/Fotobondanprakosofade2black.jpg' width='420'/>
                   <div class='info'>
                      <h3><a href='#'>Post title 3</a></h3>
                          <p>Proses ini hanya berlangsung 4 bulan, dan pada bulan Agustus 2005 album perdana mereka yang bertajuk RESPECT resmi dirilis di bawah...<a href='#'>More</a></p>
                   </div>
                </div>

                <!-- Fourth Content -->
               <div class='ui-tabs-panel' id='fragment-1' style=''>
                   <img alt='testing' height='290' src='http://i1247.photobucket.com/albums/gg623/Gaptek32/respector12.jpg' width='420'/>
                   <div class='info'>
                       <h3><a href='#'>Post title 4</a></h3>
                          <p>Dengan album bermaterikan 12 lagu itu, Bondan Prakoso And Fade 2 Black pun menuai beragam prestasi, diantaranya adalah Best Rap Album...<a href='#'>More</a></p>
                   </div>
               </div>
            </div>

Note :
  1. Warna hijau adalah URL gambar. Sobat dapat mengganti dengan URL gambar milik sobat sendiri
  2. Warna biru adalah deskripsi gambar. sobat dapat merubah deskripsi semau sobat
  3. Warna merah adalah URL (link anchor)  sobat dapat menggantinya dengan URL bebas.
  4. Nah untuk yang berwarna orange dan kuning adalah bagi sobat yang tidak ingin menggunakan fitur slide show, silahkan hapus yang berwarna orange dan kuning (seluruh kode yang ada di atas).
  • Jika sudah silahkan pratinjau / review
  • jika sukses simpan

0 Response

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel