IC-507 S3 Blogger Template

IC-507 S3 Blogger Template 10:40




    IC-507 S3


    Tentang Blog


    IC-507 S3 Blogger Template - Hmmmh ,,, apakabar sobat blogger semua ... pasti lagi nunggu kapan IC-507 Clone Series Blogger Template dateng lagi kan ... ??? Hahah pede . Yuhuu dan ternyata , apa yang kalian tunggu tunggu kini telah datang !! Yeeee ... #Plak  .
    Ho oh , sekarang ada lagi nih template baru yang gak kalah keren dari template IC-507 Clone Series yang udah saya bagiin kemaren . Yang ini masih kelanjutan dari "S" Series yakni S3 ! Weh sarjana tuh -_-

    Apa saja fitur yang ada di template hitam nan keren ini ???

    Fixed Header

    Masih seperti seri terdahulunya , Template IC-507 S3 ini masih menggunakan fixed header dengan ukuran yang lebih besar dan segar  .

    IC-507 S3 Slider


    Di template ini ada satu buah Slider dengan 3 konten yang di input secara manual . Anda bisa menggunakan gambar berukuran besar untuk mendapat hasil yang maksimal .
    Slider ini berukuran 980x500px dan saya pikir itu sudah sangat besar .

    DropDown Menu & Slider

    Di seri sebelumnya yakni S2.0 tidak saya berikan dropdown menu karena saya bosan dengan fitur ini , tapi ternyata sepertinya fitur dropdown menu masih jadi kriteria tersendiri untuk template blogger . Jadi versi ini saya hadirkan dengan Dropdown menu dengan efek transisi yang halus .

    Threaded Comment None

    Di template ini tidak ada threaded komentar , melainkan menggunakan komentar konvensional ( mungkin itu namanya :D ) #kebanyakan gaya make bahasanya -_- . 

    IC-507 S3 Custom



    Setting Templates


    Menu


    Cari kode seperti dibawah ini di Edit HTML
    
    <div id='botmenu'>
    <div class='menu-primary-container' id='submenu'>
    <ul class='sfmenu' id='menu-primary'>
    <li class='menu-item menu-item-type-custom menu-item-object-custom' id='menu-item'><a expr:href='data:blog.homepageUrl'><strong>Home</strong><span class='menudescription'>Homepage</span></a></li>
    <li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a href='#Link'><strong>About</strong><span class='menudescription'>About Us page</span></a></li>
    <li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a href='#Link'><strong>Parent Page</strong><span class='menudescription'>A top level page</span></a>
    <ul class='sub-menu'>
    <li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a href='#LInk'>Sub Page</a></li>
    <li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a href='#Link'>Sub Page-2</a></li>
    </ul>
    </li>
    <li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a href='#Link'><strong>Page 1</strong><span class='menudescription'>A sample page</span></a></li>
    <li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a href='#Link'><strong>Page 2</strong><span class='menudescription'>Another page</span></a></li>
    <li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a href='#Link'><strong>Full wide</strong><span class='menudescription'>Page with full width</span></a></li>
    <li class='menu-item menu-item-type-post_type menu-item-object-page' id='menu-item'><a href='#Link'><strong>Blog</strong><span class='menudescription'>The blog page</span></a></li>
    <li class='menu-item menu-item-type-taxonomy menu-item-object-category' id='menu-item'><a href='#Link'><strong>Featured</strong><span class='menudescription'>Featured category</span></a></li>
    </ul></div>  </div>

    Ganti '#Link' dengan URL tujuan .
    Ganti ganti saja deh yang perlu diganti ... heheh .

    Slider


    Temukan kode dibawah ini
    
    <ul class='slides'>
    <li>
    <a href='#Link'><img alt='' class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3vm1HIEw4kHTCPsR9sAqMiuLmuGwgb5oXZ8oHhOgQnS47SGEAyju5rFqSYnJBZRX2Xb4tPr6BXKDqiU_PZHTWW7xVS3X1BWaGYzeyk3UGda-_KKrjlowGR61X1PlTFOXyCV2hIiSzZhOy/s1600/ic-507+clone.PNG' title=''/></a>
    <div class='flex-caption'>
    <p>Etiam tincidunt lobortis massa et tincidunt. Vivamus commodo feugiat turpis, in pulvinar felis elementum vel. Vivamus mollis tempus odio, ac imperdiet enim adipiscing non. Nunc ...</p> </div>
    </li>
    <li>
    <a href='#Link'><img alt='' class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd01cij9eAU4t_Fw38FxTdp6nSSthtUvE85T0LN2vyUxYMjEuUMcuifpzaQ8Ajg66IESgbx8Kxi_CU6sQnM1JPP04H7pBDjaq17IsE1RaxYx3GI44snMAxAxxn-CisR2Icoq5omIjpLG9r/s1600/ic-507+clone+S1.png' title=''/></a>
    <div class='flex-caption'>
    <p>Proin ac leo eget nibh interdum egestas? Aliquam vel dolor vitae dui tempor sollicitudin! Integer sollicitudin, justo non posuere condimentum, mauris libero imperdiet urna, a ...</p> </div>
    </li>
    <li>
    <a href='#Link'><img alt='' class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhisaE1QZHXflcAolBVNGpnUldegT442f6nM_VmMepROyJEBdJ1s2inlpx5wOw0OepUo5yx5DfRuN7N457_2IVj86_3rmYvNmi41fzsz775TIVkEEmw59B72zhZixhfIwxKjUMHrRtdbLwe/s1600/ic-507+clone+S2.png' title=''/></a>
    <div class='flex-caption'>
    <p>Etiam ultrices felis sed ante tincidunt pharetra. Morbi sit amet orci at lorem tincidunt viverra. Donec varius posuere leo et iaculis. Pellentesque ultricies, ante at ...</p></div>
    </li>
    </ul>

    Ganti saja URL gambar nya dengan URl gambar milik anda ...

    Simpen deh templatenya ...

    Homepage


    Maksudnya apa coba selalu saja ada submenu yang bertuliskan "HOMEPAGE" ?
    Haha karena saya suka dengan blog atau biasanya Website yang memiliki tampilan homepage mandiri daripada homepage yang penuh dengan posting . Biasanya template Corporate . Makanya saya selalu menggunakan menu Homepage di posting template untuk menujukkan template yang saya bagikan itu menggunakan Homepage Custom atau tidak .

    Dan yang kali ini saya bagikan yakni IC-507 S3 masih tidak menggunakan Cutom Homepage . Karena saya pikir tampilan Index Page nya saja sudah oke . Kita tinggal mengatur jumlah Post di homepage saja untuk memberikan kesan yang oke .

    Dan ini bagian yang saya suka dari Homepage template seri s3 ini . Itu saat Comment Badge'nya di hover .

    Template Info


    Frame template ini saya ambil dari Boston template dari Best Theme dengan modifikasi total pada seluruh element .
    Jika ada yang ingin mendownload versi aslinya bisa kunjungi btemplate.com dengan pencarian Boston template di Gugel .
    Credit tidak saya copot di bagian keterangan template tapi tidak saya sertakan di link Credit karena template ini saya bagi gratis .
    Jika ada permasalah atau Error pada template ini silahkan hubungi saya melalui Contact atau bisa di form komentar atu bisa juga melelui Facebook .


    Dan terakhir semoga saja IC-507 S3 Blogger Template ini bermanfaat

    Demo † Download

    Share this Article

    Related Posts

    Previous
    Next Post »

    1 comments:

    29 October 2014 at 14:23 delete

    Kalo Slide nya pake artikel terbaru gimana ...?

    avatar

    Arahkan Kursor dibawah ini untuk memberikan komentar.
    No HyperLink dan Komentar Hit&Run akan diacuhkan . Berkomentarlah dengan bahasa yang baik dan benar EmoticonEmoticon