Home / All Post

Ramadan Blogger Template Untuk Blog Khusus Sehubungan Ramadhan

Ramadan Blogger Template untuk Blog Khusus sehubungan Ramadhan bulan ampunan Blogger Template untuk Blog Khusus sehubungan Ramadhan
Ramadan Blogger Template untuk Blog Khusus sehubungan Ramadhan atau Blog Islam.

 BULAN Ramadhan segera tiba. Jika Anda berniat baik membuat blog khusus sehubungan Ramadhan, maka Ramadan Blogger Template ini layak dipertimbangkan.

Template ini simple dan indah. Jika Anda ingin mengubah warna, menjadi hijau misalnya, ya... tinggal ubah aja warna dominannya menjadi hijau dengan Kode Warna HTML.

Blog khusus sehubungan Ramadhan melibutkan panduan puasa ramadhan dan amalan-amalan Islami lainnya selama bulan suci umat Islam itu, termasuk syarat dan rukun puasa, batal puasa, agenda imsakiyah, dan berita-berita atau artikel keislaman lainnya.

Berikut ini beberapa template khusus Ramadhan atau blog Islam. Bisa juga gunakan template lain yang responsive dan diedit dengan nuansa Ramadhan atau nuansa Islami, menyerupai Ramadhan Risalah Islam.

Ramadan Blogger Template


Ramadan Blogger Template untuk Blog Khusus sehubungan Ramadhan bulan ampunan Blogger Template untuk Blog Khusus sehubungan Ramadhan


DEMO. DOWNLOAD

Ramadan Blogger Template 2


Ramadan Blogger Template untuk Blog Khusus sehubungan Ramadhan bulan ampunan Blogger Template untuk Blog Khusus sehubungan Ramadhan

DOWNLOAD

Ramadan Blogger Template 3


Ramadan Blogger Template untuk Blog Khusus sehubungan Ramadhan bulan ampunan Blogger Template untuk Blog Khusus sehubungan Ramadhan

DOWNLOAD

Insya Allah Blogger Template



DOWNLOAD

Blog khusus Ramadhan atau blog Islam is GREAT IDEA bagi umat Islam yang wajib berpuasa di bulan suci itu. 

Koleksi template Islami untuk blog ramadhan atau blog sehubungan Islam lainnya sanggup diintip di posting Top 5 Islamic blogger tempate atau di laman Fly Template.

Bisa sambil ngabuburit, ngeblog khusus Ramadhan, sanggup pahala berlipat ganda (kata ustadz gua). Good Luck! Barokallohu Lii Walakum....! Amin...! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

Fakta Menarik Seputar Blog Yang Wajib Diketahui Blogger

Fakta Menarik Seputar Blog yang Wajib Diketahui Blogger Fakta Menarik Seputar Blog yang Wajib Diketahui Blogger
Fakta Menarik Seputar Blog yang Wajib Diketahui Blogger. The Power of Blogging

 UNTUK motivasi, mungkin juga jadi inspirasi, berikut ini beberapa Video yang menawarkan fakta menarik dan unik tentang blog atau blogging.

Menurut CB, fakta paling menarik dan unik ialah ternyata lebih dari 70% pengguna internet menemukan, membaca, atau membuka blog dikala mereka mencari informasi.

Bahkan, banyak user yang tidak sadar, bahwa yang sedang mereka buka atau baca ialah sebuah blog.

Fakta ini dapat kita cek kebenarannya. Saat kita mencari informasi tips, trik, cara, atau teknik, maka kebanyakan yang muncul di halaman hasil pencarian ialah link posting blog, bukan situs isu (news site, news portal).

Bahkan, kini banyak sekali situs isu berbasis blog, baik blogger maupun WordPress dan CMS lainnya --Joomla, Drupal, dll.

Dalam konteks kepemilikan dan konten, blog juga masuk kategori media umum yang sangat powerful kini ini.

Fakta bahwa lebih banyak didominasi pengguna internet membuka blog ialah peluang bagi para blogger untuk membuatkan ilmu, wawasan, tips, ide, inspirasi, info penting, atau apa saja, termasuk banyak sekali foto, video, juga membangun jaringan.

Fakta tersebut juga menjadi peluang bagi bisnis online, terutama Google AdSense, Affiliate Marketing, dan Toko Online (Online Store/Online Shop).

Berikut ini sejumlah video yang menawarkan Fakta Menarik Seputar Blog yang Wajib Diketahui Blogger, plus dasar-dasar blogging bagi pemula.

Video Fakta Menarik Seputar Blog yang Wajib Diketahui Blogger

Video pertama menjelaskan secara ringkas pengertian blog. Video kedua menjelaskan laba blogging. Tiga video berikutnya tentang fakta menarik dan unik yang menawarkan kekuatan dan keutamaan ngeblog.

VIDEO: What is a Blog?

VIDEO: What is Blogging and its Benefits

VIDEO: Facts About Blogging

VIDEO: Interesting Facts About Blogging

VIDEO: Blogging - Cool Facts

Demikian beberapa video tentang Fakta Menarik Seputar Blog yang Wajib Diketahui Blogger. Anda yang belum punya blog dan termotivasi menciptakannya setelah menonton video tersebut, silakan pribadi saja ke TKP: Cara dan metode Membuat Blog.

Good Luck and Happy Blogging! (www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Teknik Mengucapkan Seo Dan Wifi Yang Benar

Cara dan metode Mengucapkan SEO dan WiFi yang Benar cara Dan Teknik Mengucapkan SEO dan WiFi yang Benar
BAGAIMANA Anda mengucapkan kata atau istilsh SEO dan WiFi?

Kalau secara tulisan, setiap hari dengan gampang kita (para blogger) mengetik kata SEO dan kepanijannya --Search Engine Optimization alias Pengoptimalan mesin mencari atau mesin telusur.

Demikian pula menulis kata WiFi atau Wifi. Namun, secara lisan, sudahkah kita mengucapkan kata SEO dan Wifi dengan benar?


Cara dan metode Mengucapkan SEO yang Benar

Karena SEO ialah istilah atau kata dalam bahasa Inggris, maka pengucapannya ialah ES-I-OW menyerupai yang video berikut ini:

Cara dan metode Mengucapkan WiFi yang Benar

Bagaimana cara mengucapkan Wifi? Yang benar ialah WAI-FAI, bukan WAI-FI, menyerupai yang dalam video berikut ini:


Itu ia sekadar catatan Cara dan metode Mengucapkan SEO dan WiFi yang benar.

BONUS: Cara dan metode Mengucapkan Kata HOAX
Ini juga terkenal nih. Bagaimana cara mengucapkan kata Hoax alias gosip palsu atau kabar bohong? Ucapkan: Howks. Ini videonya:


Semoga selama ini kita mengucapkan ketiga kata terkenal di dunia blogging dan internet itu dengan benar. Amin... :) (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

5 Cara Dan Metode Meningkatkan Trafik Pengunjung Blog Toko Online

Meningkatkan Trafik Pengunjung Blog Toko Online 5 cara Dan Teknik dan metode Meningkatkan Trafik Pengunjung Blog Toko Online
Top Tips 5 cara Dan Teknik Meningkatkan Trafik Pengunjung Blog Toko Online (Online Store).

 MENINGKATKAN trafik pengunjung blog toko online ialah hal fundamental dan terpenting bagi sukses blog online store (online shop) semoga jualan laku manis.

Banyak penjung ialah kunci sukses toko online. Itu jelas. Bagaimana orang mau beli kalo toko online kita tidak ada pengunjung?

"If nobody knows your online store exists, you won't have much traffic," tulis Chrone dalam How to Increase Traffic Online Store yang menjadi pandangan gres posting ini.

"Jika orang tidak tahu keberadaan toko online Anda, maka Anda tidak akan punya banyak trafik".

5 cara Dan Teknik Meningkatkan Trafik Pengunjung Blog Toko Online

Berikut ini tips sederhana dan ringkas semoga blog toko online banyak pengunjung sehingga jualan atau produk laku cantik diserbu konsumen.

1. Terapkan Teknik SEO

Langkah pertama ialah maksimalkan standar SEO Blogger yang ada di dashboard, terutama Search Description > Meta Tags sebagai "tanda pengenal" blog toko online Anda kepada mesin pencari dan pengguna (pengunjung).

Langkah kedua ialah Gunakan Template Blog Toko Online SEO & Responsive agar ramah mesin telusur sekaligus ramah pengguna (user friendly).

Langkah dasar berikutnya antara lain:

  • Daftarkan Blog ke Mesin Pencari: Submit URL to Google dan Submit to Bing.
  • Daftarkan juga Sitemap ke kedua mesin telusur terpopuler tersebut --ikuti langkah berikutnya sehabis dan sudah blog didaftarkan.
  • Isi blog dengan konten berkualitas, yakni review produk/jasa yang lengkap, disertai gambar dan video seo friendly. (Baca: Tips SEO).


2. Komentar Berkualitas

Banyak blogger toko online yang blogwalking dengan menulis "komentar asal" dan terkesan Istimewa untuk basa-basi, menyerupai "terima kasih artikelnya" atau "great post", kemudian "nyepam".

Baca deh: 



3. Tulis Tips

Jangan Istimewa untuk posting produk. Perkaya kulitas blog toko online dengan posting sehubungan tips, trik, dan jikalau perlu info konkret yang sekiranya dicari banyak orang.

Misalnya, toko online tips-trik merawat burung kenari, gosip lomba, bursa, pakan, dan sebagainya.

Misalnya lagi, Misalnya, toko online HP/SmartPhone, maka lengkapi dengan posting sehubungan tips seputar HP, pulsa, dan sebagainya. Itu semoga blog Anda dikunjung banyak orang yang ialah pelanggan potensial.

4. Media Sosial

Ini sudah tidak absurd lagi dan tidak diragukan lagi efektivitasnya menaikkan trafik. SEO terbaru juga menekankan pentingnya Social Signal alias sinyal popularitas di media sosial, terutama Facebook dan Twitter.

Buatlah Fanspage dan update status-status unik dan menarik, menyerupai kata inspirasi, tips, gambar dan video lucu dan unik. Tulis update status produk dua kali seminggu saja, jan cubo cubo keseringan, harus lebih sering status non-iklan. Istilahnya: Share, Share, Give, baru.. Promosi!

5. Offline SEO (Off-Page SEO)

Jangan Istimewa untuk mengandalkan seo dan promosi online. Lakukan pula promisi offline, menyerupai sebar striker unik dan menarik, jikalau perlu bikin spanduk, sponsori acara, dsb.

Extra Tips Meningkatkan Trafik Pengunjung Blog Toko Online

  • Biar lebih "kredibel" dan berkesan profesional, sebaiknya gunakan nama domain sendiri (Custom Domain). Beli Domain Sekarang!
  • Hindari pemanfaatan nama "shop" atau "olshop" dalam nama domain alasannya ialah umumnya user sudah "alergi duluan" dengan nama-nama tersebut. 
  • Gunakan Nama Asli atau Nama Orang (BUKAN Nama Produk) di akun Google Plus, Facebook, ataupun Twitter Anda. 
  • Gunakan nama produk atau nama toko spesial untuk di website, blog toko online, atau di Fanspage --ini biar lebih "human" dan "personal" alasannya ialah media umum hakikatnya media persahabatan.
Demikian tips 5 cara Dan Teknik Meningkatkan Trafik Pengunjung Blog Toko Online. Tentu, masih banyak cara lainnya yang dapat ditemukan di Google. Good Luck & Happy Blogging! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Teknik Daftar Dan Diterima Google Adsense - Panduan Lengkap

cara Dan Teknik Daftar Blog dan Tips Agar Diterima Google AdSense - Menghasilkan Uang dari Blogging

 GOOGLE Adsense ialah aktivitas bisnis online Google yang masih menjadi dambaan para blogger. Bahkan perusahaan media yang mengelola situs-situs informasi pun menyebabkan Iklan Google sebagai andalan penghasilan.

"Google AdSense menyediakan cara bagi pemilik situs web untuk mendapatkan uang dari konten online mereka. AdSense bekerja dengan mencocokkan iklan teks dan iklan bergambar dengan situs Anda menurut konten dan pengunjung," kata Google.

Pengertian Google AdSense

cara Dan Teknik Daftar Blog dan Tips Agar Diterima Google AdSense cara Dan Teknik Daftar dan Diterima Google AdSense - Panduan Lengkap
Google AdSense adalah aktivitas iklan Google. Ringkasnya begini: Google mendapatkan pemasangan iklan.

Iklan itu kemudian disebarkan atau dipublikasikan Google di situs-situs milik Google dan situs-situs atau blog yang diterima mengikuti aktivitas GA.

Jika blog kita diterima sebagai publisher GA, maka kita akan mendapatkan komisi dari Google.

Uangnya berupa dolar dikirimkan ke alamat kita melalui Cek atau Western Union.

CB memakai WU. Tiap bulan, CB mendapatkan bukti kirim uang dari Google di akun GA. Tinggal catat nomor transfer dan jumlah kiriman, kemudian "isikan" ke form penarikan uang WU di Kantor Pos.

Panduan Ringkas Ikut GA

Untuk sanggup diterima menjadi publisher Google AdSense, blog kita harus ramai pengunjung. Untuk ramai pengunjung, konten blog harus berkualitas.

Kualitas konten blog antara lain ditentukan oleh keaslian (orisinalitas), bukan copas apalagi plagiat. Jika kita memuat goresan pena copas, maka akun GA akan di-banned. Iklan tidak akan muncul di blog yang melibutkan goresan pena copas itu.

Blog judi dan pornografi juga tidak sanggup diterima GA. Demikian pula blog yang banyak melibutkan "tugas kuliah" (makalah).

Google tidak menyembutkan jumlah pengunjung minimal biar diterima GA. Namun, menurut pengalaman, pageviews 250 per hari sudah sanggup dipertimbangkan Google diterima GA.

Baca: Jumlah Pengunjung Blog Agar Diterima Google AdSense

Selain konten berkualitas, desain blog kita juga harus bagus, minimal standar template bawaan blogger. Tampilan blog jan cubo cubo "kumuh" biar terkesan profesional. Tampilan blog yang anggun juga sanggup mengundang "iklan lokal".

Jangan Langsung Daftar

Begitu membuat blog, jan cubo cubo dulu bergairah daftar GA. Tahan dulu. Isi dulu blog dengan posting yang unik dan menarik, unik, orisinil goresan pena sendiri, bermanfaat.

Isi dulu blog minimal 20 posting berkualitas. Terapkan seo standar biar blog kita seo friendly, gampang dan cepat terindeks Google, sehingga nanti banyak pengunjung.

Salah satu tanda blog kita sudah sanggup daftar GA atau dipertimbangkan diterima GA ialah munculnya hidangan "Penghasilan" (Earning) di sidebar dashboard blogger kita.

cara Dan Teknik Daftar Blog dan Tips Agar Diterima Google AdSense cara Dan Teknik Daftar dan Diterima Google AdSense - Panduan Lengkap
Menu Earning AdSense Blogger.*

Blogger gres tidak akan ada hidangan itu. Sabar saja. Keep blogging!

Bahkan, ada nasihat, niatkan ngeblog bukan untuk nyari duit, tapi niatkan menyebarkan (sharing) --sedekah ilmu, menyebarkan wawasan, memmemberi sumbangan orang, menyebarkan informasi bermanfaat.

"Don’t just start a blog because you want to make money. There are no shortcuts to success," kata Blogging for Beginners: 17 Tips Before You Start Your Blog.
Jika blog banyak pengunjung, penghasilan dari GA ialah bonus alias berkahnya kita sedekah ilmu.

cara Dan Teknik Daftar ke Google AdSense

cara Dan Teknik mendaftarkankan blog ke GA dipandu pribadi oleh Google:

"Jika sudah siap mulai memakai AdSense, Anda sanggup mengajukan permohonan dan dukungan di sini. Kami akan meninjau permohonan dan dukungan dan menghubungi Anda melalui email kurang lebih seminggu."

Panduan Selengkapnya sehubungan cara Dan Teknik Mendaftar dan Diterima Google AdSense sanggup disimak dengan seksama di Pusat sumbangan dan dukungan AdSense.

Simak pula Video Make Money on Blogger with Google AdSense berikut ini:




Good Luck & Happy Blogging! (www.contohblog.com).*
Sumber http://www.contohblog.com/

Trend Seo 2018: Konten Video Mengambil Alih Konten Tulisan

Konten Video Mengambil Alih Konten Tulisan Trend SEO 2018: Konten Video Mengambil Alih Konten Tulisan
TREND SEO 2018 sudah CB ulas di posting Tips SEO Blog Terbaru 2018. Tren seo blog terbaru pertama yaitu konten video akan mendominasi atau mengambil alih konten teks.

Disebutkan di Forbes, konten video akan mengambil alig konten goresan pena dalam ROI for B2C Industries and Brands.

Sekarang ini konten berupa goresan pena (teks) dinilai "standar", tidak aneh, alias sudah biasa. Pengunjung dan mesin pencari lebih suka konten yang bervariasi, termasuk video.

Video Content Will Overtake Written Content in ROI for B2C Industries and Brands. Today, written content is considered the “standard,” even by the vast majority of us who continuously insist that including many different formats of content is a good idea. (Forbes)

Masih ada enam musim seo 2018 lainnya, termasuk mobile friendly content dan link. Kali ini kita fokus ke konten video yang menjadi musim seo ketika ini.

Tidak heran, jikalau ketika ini situs-situs berita, sebut saja Kompas, Tribun, dan lainnya, banyak menyertakan video dalam beritanya, baik video dari Youtube maupun produksi sendiri (Kompas TV).

Video memang salah satu konten paling digemari dan dicari di internet. Kabarnya, Youtube sudah menjadi mesin pencari nomor dua setelah Google.

Sejumlah aplikasi Android terbaru juga banyak yang fokus ke video. Facebook dan WhatsApp sudah menyediakan fitur video. Media sosial juga banyak fokus ke video, menyerupai Vine, Periscope, dan yang sedang booming --Smule.

Kita para blogger mestinya juga berinovasi soal konten ini. Kita lengkapi posting blog dengan Video semoga lebih seo friendly dan sesuai dengan musim seo terbaru ini.

Cara dan metodenya dapat membuat video sendiri atau gunakan saja instruksi tempel (embeded) Youtube. CB juga mulai coba nih melengkapi posting dengan video semoga sesuai dengan tips seo terbaru 2018.

VIDEO: SEO Trends for 2018



Demikian tips SEO blog terbaru yang harus kita perhatikan dan terapkan. Good Luck! (www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Metode Menciptakan Navigasi Hidangan Responsive Multilevel Di Blog

cara Dan Teknik Membuat Navigasi Menu Responsive Multilevel di Blog

 MELENGKAPI koleksi membuat navigasi sajian responsive yang sudah dishare sebelumnya, berikut ini CB share lagi instruksi sajian responsive dropdown dengan icon awesome font guna mempercantik tampilan blog Anda.

Ini penampakannya di layar komputer desktop:

cara Dan Teknik Membuat Navigasi Menu Responsive Multilevel di Blog cara Dan Teknik dan metode Membuat Navigasi Menu Responsive Multilevel di Blog


Ada tiga instruksi untuk memasang sajian responsive blogger ini, yaitu Javascript, CSS, dan HTML. Lakukan atau pasang kode-kode berikut ini dengan teliti semoga tampil sesuai dengan demo.

 KODE JAVASCRIPT
Pasang di atas instruksi </head> atau </body>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
 var touch  = $('#resp-menu');
 var sajian  = $('.menu');

 $(touch).on('click', function(e) {
  e.preventDefault();
  menu.slideToggle();
 });

 $(window).resize(function(){
  var w = $(window).width();
  if(w > 767 && menu.is(':hidden')) {
   menu.removeAttr('style');
  }
 });

});
//]]>

</script>


KODE CSS
Simpan di atas instruksi ]]></b:skin> atau </style>

nav {
    display: block;
    background: #374147;
}

.menu {
    display: block;
}

.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.menu li:first-child {
    margin-left: 0;
}

.menu li a {
    font-weight: 600;
    text-decoration: none;
    padding: 20px 15px;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,.menu li:hover>a {
    color: #fff;
    background: #F70000;
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    left: 0px;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all 0.2s ease-out;
}

.menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}

.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}

.menu ul li a {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #797979;
    background: #fff;
}

.menu ul li a:hover,.menu ul li:hover>a {
    background: #F70000;
    color: #fff;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.menu ul ul {
    left: 149px;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px,20px);
    transition: all 0.2s ease-out;
}

.menu ul ul:after {
    left: -6px;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px;
}

.menu li>ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.responsive-menu {
    display: none;
    width: 100%;
    padding: 20px 15px;
    background: #374147;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.responsive-menu:hover {
    background: #374147;
    color: #fff;
    text-decoration: none;
}

a.homer {
    background: #F70000;
}

@media (min-width: 768px) and (max-width: 979px) {
    .mainWrap {
        width: 768px;
    }

    .menu ul {
        top: 37px;
    }

    .menu li a {
        font-size: 12px;
    }

    a.homer {
        background: #374147;
    }
}

@media (max-width: 767px) {
    .mainWrap {
        width: auto;
        padding: 50px 20px;
    }

    .menu {
        display: none;
    }

    .responsive-menu {
        display: block;
    }

    nav {
        margin: 0;
        background: none;
    }

    .menu li {
        display: block;
        margin: 0;
    }

    .menu li a {
        background: #fff;
        color: #797979;
    }

    .menu li a:hover,.menu li:hover>a {
        background: #F70000;
        color: #fff;
    }

    .menu ul {
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: initial;
    }

    .menu li:hover>ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: initial;
    }

    .menu ul ul {
        left: 0;
        transform: initial;
    }

    .menu li>ul ul:hover {
        transform: initial;
    }
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
}


KODE HTML
Simpan di atas kode </header>

<nav>
<a class="responsive-menu" href="#" id="resp-menu"><i class="fa fa-reorder"></i> Menu</a>    
   <ul class="menu">
<li><a class="homer" href="/"><i class="fa fa-home"></i> HOME</a>
   <ul class="sub-menu">
<li><a href="#">Sub-Menu 1</a></li>
<li><a href="#">Sub-Menu 2</a></li>
<li><a href="#">Sub-Menu 3</a></li>
<li><a href="#">Sub-Menu 4</a></li>
<li><a href="#">Sub-Menu 5</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-user"></i> ABOUT</a></li>
<li><a href="#"><i class="fa fa-camera"></i> PORTFOLIO</a>
  <ul class="sub-menu">
<li><a href="#">Sub-Menu 1</a></li>
<li><a href="#">Sub-Menu 2</a>
    <ul>
<li><a href="#">Sub Sub-Menu 1</a></li>
<li><a href="#">Sub Sub-Menu 2</a></li>
<li><a href="#">Sub Sub-Menu 3</a></li>
<li><a href="#">Sub Sub-Menu 4</a></li>
<li><a href="#">Sub Sub-Menu 5</a></li>
</ul>
</li>
<li><a href="#">Sub-Menu 3</a>
    <ul>
<li><a href="#">Sub Sub-Menu 1</a></li>
<li><a href="#">Sub Sub-Menu 2</a></li>
<li><a href="#">Sub Sub-Menu 3</a></li>
<li><a href="#">Sub Sub-Menu 4</a></li>
<li><a href="#">Sub Sub-Menu 5</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><i class="fa fa-bullhorn"></i> BLOG</a></li>
<li><a href="#"><i class="fa fa-tags"></i> CATEGORIES</a>
  <ul class="sub-menu">
<li><a href="#">Sub-Menu 1</a></li>
<li><a href="#">Sub-Menu 2</a>
    <ul>
<li><a href="#">Sub Sub-Menu 1</a></li>
<li><a href="#">Sub Sub-Menu 2</a></li>
<li><a href="#">Sub Sub-Menu 3</a></li>
<li><a href="#">Sub Sub-Menu 4</a></li>
<li><a href="#">Sub Sub-Menu 5</a></li>
</ul>
</li>
<li><a href="#">Sub-Menu 3</a>
    <ul>
<li><a href="#">Sub Sub-Menu 1</a></li>
<li><a href="#">Sub Sub-Menu 2</a></li>
<li><a href="#">Sub Sub-Menu 3</a></li>
<li><a href="#">Sub Sub-Menu 4</a></li>
<li><a href="#">Sub Sub-Menu 5</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><i class="fa fa-envelope"></i> CONTACT</a></li>
<li><a href="#"><i class="fa fa-sitemap"></i> SITEMAP</a></li>
<li><a href="#"><i class="fa fa-exclamation-triangle"></i> DISCLAIMER </a></li>
</ul>
</nav>

LINK KE FONT AWESOME & jQUERY 
Simpan di atas kode </head>
<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

 Catatan: 
Jika link ke css awesome font dan link ke jQuery tersebut sudah ada di template blog Anda, tidak usah dipasang lagi.

Save Template!

Sumber http://www.contohblog.com/
Langganan: Postingan (Atom)