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='http://3.bp.blogspot.com/-oErGC1vx2yg/Un5MpdWTNYI/AAAAAAAABoc/RIi_ZEPOzZg/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='http://4.bp.blogspot.com/-1nG8_DB8YPE/Un5M6jlqXmI/AAAAAAAABow/h5rYr0x6GLQ/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='http://1.bp.blogspot.com/-2AAxANn8EBI/Un5M4SFeSZI/AAAAAAAABoo/xBoPnBkOuwI/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 »

    2 comments

    16 November 2013 at 05:20 delete

    Nice post! comment back! http://diverzer.blogspot.com/2013/11/menggunakan-ikon-font-awesome-versi-40.html

    avatar
    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