Cara Setup Mag Day Template Blogger

Mag Day adalah template blogger gaya majalah yang hebat dan responsif dengan semua fitur yang Anda harapkan di template template premium unggulan. Mag Day dilengkapi dengan berbagai widget yang akan membantu Anda mempublikasikan blog Anda secara lebih profesional.

Mad Day tersedia dalam versi free template, tetapi tentunya ada keterbatasan dimana Anda tidak dapat memodifikasi secara keseluruhan template.  Untuk melihat demo dan mengunduh template, Anda bisa melihat di Mag Day Blogger Template

Top Menu Widget

Akses Theme blog Anda> klik Edit Html> dan kemudian cari pengkodean berikut.

 <ul class='nav nav-pills navbar-left'>
          <li>
            <a href='/'>
              Home
            </a>
          </li>
          <li>
            <a href='#'>
              About
            </a>
          </li>
          <li>
            <a href='#'>
              Contact
            </a>
          </li>

        </ul>

Ubah detail di atas dengan url Anda sendiri.
Catatan: - # adalah untuk link.

Social Widget

Akses Theme blog Anda> klik Edit Html> dan kemudian cari pengkodean berikut.

<ul class='nav nav-pills navbar-right'>
          <li>
            <a class='fb-nav' href='#'>
              <i class='fa fa-facebook'>
              </i>
            </a>
          </li>
          <li>
            <a class='t-nav' href='#'>
              <i class='fa fa-twitter'>
              </i>
            </a>
          </li>
          <li>
            <a class='plus-nav' href='#'>
              <i class='fa fa-google-plus'>
              </i>
            </a>
          </li>
          <li>
            <a class='pin-nav' href='#'>
              <i class='fa fa-pinterest'>
              </i>
            </a>
          </li>
          <li>
            <a class='instagram-nav' href='#'>
              <i class='fa fa-instagram'>
              </i>
            </a>
          </li>
          <li>
            <a class='tumblr-nav' href='#'>
              <i class='fa fa-tumblr'>
              </i>
            </a>
          </li>
          <li>
            <a class='linkedin-nav' href='#'>
              <i class='fa fa-linkedin'>
              </i>
            </a>
          </li>

        </ul>

Ubah detail di atas dengan url Anda sendiri.
Catatan: - # adalah untuk link.

Main Menu/Dropdown/Multi Dropdown

Di Blogger Dashbord Klik Template
Klik Edit HTML

(Menu) Scroll ke bawah dan Temukan Kode ini:

<ul class='nav navbar-nav'>
            <li>
              <a href='#'>
                About
              </a>
            </li>
            <li>
              <a href='#'>
                Contact US
              </a>
            </li>
           
            <li class='dropdown'>
              <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
                Drop down 
                <span class='caret'>
                </span>
              </a>
              <ul class='dropdown-menu'>
                <li>
                  <a href='#'>
                    Action
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Another action
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Something else here
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Separated link
                  </a>
                </li>
                <li class='dropdown-submenu'>
                  <a href='#' tabindex='-1'>
                    Hover me for more options
                  </a>
                  <ul class='dropdown-menu'>
                    <li>
                      <a href='#' tabindex='-1'>
                        Second level
                      </a>
                    </li>
                    <li class='dropdown-submenu'>
                      <a href='#'>
                        Even More..
                      </a>
                      <ul class='dropdown-menu'>
                        <li>
                          <a href='#'>
                            3rd level
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            3rd level
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Second level
                      </a>
                    </li>
                    <li>
                      <a href='#'>
                        Second level
                      </a>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li>
              <a href='#'>
                Download This Template
              </a>
            </li>
          </ul>

Ubah detail di atas dengan url Anda sendiri.
Catatan: - # adalah untuk link.

Newsticker Widget

Akses Layout/Tata Letak blog Anda> klik Edit link. Tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div class="magazine_news_ticker"><script>widgetrc( '','6','shownewsticker');</script></div>

Ganti angka 6 dengan angka yang anda inginkan.

Main featured widget

Akses Layout/Tata Letak blog Anda> klik Edit link. Tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div class="magazine_slider_flex"><script>widgetrc( 'Slider','16','showsimpleslides');</script></div>

Ganti Slider dengan label yang Anda inginkan.

First featured widget

Akses Layout/Tata Letak blog Anda> klik Edit link. Tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div class="magazine_wrapper_box"><script>widgetfc( 'Featured Posts','dolor','5','featuredfirst');</script></div>

Ganti dolor dengan label yang Anda inginkan.

Second featured widget

Akses Layout/Tata Letak blog Anda> klik Edit link. Tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div class="magazine_wrapper_box"><script>widgetfc( 'Sports','Sports','6','simplepost2column');</script></div>

Ganti Sports dengan label yang Anda inginkan.

Left column featured widget

Akses Layout/Tata Letak blog Anda> klik Edit link. Tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div class="magazine_wrapper_box"><script>widgetfc( 'Fantasy Girls','Fantasy Girls','3','singlecolumnimg');</script></div>

Ganti Fantasy Girls dengan label yang Anda inginkan.

Right column featured widget

Akses Layout/Tata Letak blog Anda> klik Edit link. Tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div class="magazine_wrapper_box"><script>widgetfc( 'Sports 2012','Sports','5','singlecolumnnoimg');</script></div>

Ganti Sports dengan label yang Anda inginkan.

Recent post widget

Akses Layout/Tata Letak blog Anda> klik Edit link. Tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div class="small-recent-posts"><script>widgetrc( '','4','singlecolumnsmallthumb');</script></div>

Ganti angka 4 dengan angka yang anda inginkan.

Label Post widget

Akses Layout/Tata Letak blog Anda> klik Edit link. Tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div class="small-recent-posts"><script>widgetrc( 'Sports','3','singlecolumnsmallthumb');</script></div>

Ganti Sports dengan label yang Anda inginkan.

Pagination Result

Akses Theme blog Anda> klik Edit Html> dan kemudian cari pengkodean berikut.

var pageCount = 8;

Ubah nilainya dengan jumlah posting Anda.



Selamat berkarya, dan sekali lagi untuk melihat demo dan mengunduh template, Anda bisa melihat di Mag Day Template 

,