Connect with us

Blogging

Cara Mendongkrak Popularitas Blog dengan Artikel SEO

Avatar

Published

on

Dunia perblogingan semakin tahun semakin berkembang, perkembangan tersebut ditandai dengan makin banyaknya orang orang baru yang terjun di dunia perbloggingan. Bagi seorang pemula (sama seperti saya) pasti akan dibingungkan dengan yang namanya mengembangkan sebuah blog, ada yang bilang blog akan cepat berkembang jika diisi dengan artikel yang menerapkan kaidah SEO (kita sebut saja artikel SEO). Dilain pihak, ada yang mengatakan, kalau baru terjun ke dunia perblogingan hal terbaik dalam mengembangkan blog adalah dengan mengisi blog tersebut dengan artikel-artikel yang berkualitas.


Baik artikel SEO maupun artikel berkualitas sama sama dapat mendongkrak popularitas sebuah blog. Perbedaan kedua pendapat tersebut hanya pada cara pandang masing-masing. Dan tentu ada kelemahan dan kelebihan masing masing, tergantung pada siapa yang melakukannya. Namun pada artikel kali ini saya akan membahas artikel SEO dulu, untuk Artikel Berkualitas di postingan berikutnya.

Mendongkrak Popularitas Blog dengan Artikel SEO

Image by Tumisu from Pixabay

Apa sih artikel SEO itu?, kita pasti sering mendengar atau membaca kalimat tersebut (bukan kalimat sih, frasa mungkin). Artikel SEO terdiri dari dua kata yang memiliki arti masing masing, yakni “artikel” dan “SEO”.


Artikel sendiri berarti sebuah tulisan yang mengandung informasi tertentu, dengan minimal jumlah kata 300 dan maximal kata 2000. Artikel bisa kita temukan di media media sosial, kita bisa membaca artikel di facebook, di twitter, atau di website baik website yang bersifat personal (blog) dan website berita.


Banyaknya website website lain yang menampilkan artikel dengan informasi yang sama, maka pemilik website harus melakukan sesuatu agar artikel yang dipublishnya bisa terlihat oleh pencari lewat mesin pencari google.  Selain melakukan optimasi pada website mereka, juga harus melakukan optimasi pada artikel yang akan dipublishnya. Nah, alat atau bentuk dari optimasi tersebut adalah dengan menerapkan sistem “SEO”. Apa itu SEO?


SEO merupakan kependekan dari Search Engine Optimization yaitu sebuah upaya untuk mengoptimasi website demi mendapatkan peringkat teratas dihasil pencarian. Dengan mendapatkan rank yang baik pada mesin pencari google potensi trafik blog atau website pun meningkat. Jadi kemungkinan orang membaca artikelmu lewat mesin pencari akan meningkat.


SEO  sendiri terbagi dalam dua macam yaitu SEO On Page dan SEO off page.

SEO On Page

SEO on page adalah langkah optimasi sebuah website yang berpacu pada internal website itu sendiri. Optimasi tersebut meliputi; permalink, judul konten, struktur konten, penggunaan heading, kecepatan website, internal linking, hingga template website yang responsif.

Maka optimasi artikel merupakan salah satu bentuk dari SEO On Page, dimana kiat membangun sebuah konten dengan artikel yang mengandung optimasi SEO On Page. Jadi kamu perlu memperhatikan permalink artikel kamu, judul artikel kamu, struktur artikel kamu dan penggunaan heading pada artikel.

SEO Of Page

Jika SEO On Page berpusat pada internal blog itu sendiri, maka SEO Off Page adalah langkah optimasi website yang dilakukan diluar website itu sendiri. Jika kamu merasa cukup dengan melakukan optimasi on page saja, maka jangan heran jika di lain hari ternyata website atau blog kamu tergeser oleh blog lain. Karena pemilik blog lain tentu melakukan optimasi yang lebih untuk menaklukan blog saingannya.


Optimasi SEO Off Page yang paling banyak dilakukan adalah dengan menanam backlink. Backlink atau external link yang menuju website kamu menjadi indikator bahwa konten kamu menjadi rujukan website lain. Semakin banyak website yang merujuk ke website kamu (apalagi jika website tersebut merupakan website yang berkualitas). Maka google akan menilai website kamu sebagai website yang kredibel dan peluang rank kamu bisa meningkat.

Bagaimana SEO itu bekerja pada sebuah artikel?

Image by Photo Mix from Pixabay

Salah satu optimasi SEO pada artikel yang pernah eksis adalah Keayword Stuffing. Keayword Stuffing adalah praktik memasukkan keayword yang diincar sebanyak-banyaknya pada sebuah artikel. Tehnik ini dulunya sangat efektif sekali, namun sekarng sudah tak berlaku lagi karena google telah mengupdate algoritma mesin pencari mereka. Dan menganggap teknik ini merupakan sebuah spam karena memang pada kenyataannya banyak sekali yang memasukkan kata kunci terlalu banyak pada sebuah artikel berbanding terbalik dengan kualitas artikel yang diberikan.


Maka dari itu kamu harus mengupdate pula optimasi SEO artikel kamu. Pasa update algoritma terbaru ini, google lebih memperhatikan artikel yang berisi informasi yang padat dan jelas. Untuk mendapatkan artikel yang padat dan jelas kita bisa melakukan beberapa optimasi SEO yang harus diperhatikan anatara lain:

Topik Konten

Google akan menampilkan sebuah blog yang relevan dengan kata kunci atau jenis artikel yang dicari. Jika seseorang mencari berita tentang bola, maka google hanya menampilkan blog yang mempunyai tema bola, google dapat mengetahui teman sebuah blog berdasarkan topik konten pada blog tersebut, kita mengenal itu dengan niche blog.


Yang harus kamu perhatikan adalah, kamu harus memiliki beberapa topik utama yang saling berhubungan untuk membangun struktur blog yang baik. Jadi kamu harus menentukan beberapa topik saja yang akan kamu bahas. Jangan terlalu banyak mengampil topik, karena google tidak akan memperhatikan blog tersebut.


Maka langkah terbaik yang bisa dilakukan adalah paling tidak kamu memiliki 10 artikel yang saling berkaitan, semakin banyak artikel yang berkaitan maka posisi salah satu atau bahkan semua artikel tersebut untuk tampil di halaman utama google sangat besar.

Struktur Konten

Seperti yang saya sebutkan diatas, optimasi artikel merupakan bentuk optimasi SEO On Page, dan salah satu bentuk optimasi SEO pada artikel adalah dengan memperhatikan struktur pada konten kamu, struktur pada artikel kamu.

Perhatikan permalink

google akan memperhatikan sebuah artikel dengan permalink yang jelas. Permalink yang jelas yaitu mengandung salah satu keayword apada judul artikel dan termuat dengan jelas.  Contoh : https://blog.kamu/contoh-artikel-seo.  Contoh artikel seo merupakan keayword yang kamu incar dan termuat dengan jelas pada permalink. Contoh yang tidak termuat dengan jelas: https://blog.kamu/artikel-seo-yang . Artikel seo yang merupakan kata yang tidak jelas, karena tidak tahu yang apa yang dimaksud. Hal ini dapat membuat konten kamu kalah bersaing dengan konten lainnya.

Perhatikan Judul Artikel

Judul artikel mencerminkan isi sebuah artikel, apa yang dibahas oleh artikel tersebut. Judul yang tidak relevan dengan isi yang ada akan dianggap spam oleh google, atau dianggap sebuah konten yang tidak berkualitas. Selain judul yang relevan dengan isi artikel, yang harus diperhatikan adalah judul tersebut setidaknya mengandung sebuah kata kunci yang kamu bidik. Kata kunci tersebut adalah sebuah kata yang biasa orang ketikkan ketikan mencari sesuatu di mesin pencari.

Perhatikan Struktur Artikel

Jika kamu pengguna blogger, pastinya kamu tidak asing dengan struktur ini, karena blogger sudah memberikan templatenya ketika kita menulis sebuah artikel. Coba kamu perhatikan sisi atas samping jenis font, ada istilah heading sub heading dll, itulah yang menjadi dasar struktur artikel.


Secara umum sebuah artikel mengandung heading atau judul, subheading dan seterusnya. Headig adalah judul, tidak disebut artiel jika tidak memiliki judul. Seubheading adalah sub judul yang kamu bahas. Setelah itu adalagai subminor heading yaitu yaitu sub dari sub judul yang kamu bahas. Perhatikan contoh dabawah ini;


Manfaat Buah Jambu (judul/heading)

Isi artikel . . . . .

Manfaat untuk ibu hamil (subheading)

Isi artikel . . . .

Jus jambu (subminor heading)

Isi artikel . . .


Mengincar posisi teratas pada halaman hasil pencarian adalah hal yang wajib bagi seorang conten keraor website atau blog. Karena dengan itulah konten atau artikel buatan kita dapat dibaca oleh orang banyak. Mungkin segini dulu apa yang dapat saya sampaikan, semoga bermanfaat sampai jumpa di artikel berikutnya . . .
Continue Reading
Advertisement
7 Comments

7 Comments

  1. Avatar

    Wali Computer

    Oktober 22, 2019 at 12:52 am

    Makasih tips sangat bermanfaat bagi kita sebagai pemula ..

  2. Avatar

    albabbarrosa

    Oktober 22, 2019 at 1:42 am

    sama sama gan,,, semoga bisa membantu.

  3. Avatar

    Admin Gubuk Hijau

    Oktober 27, 2019 at 4:12 am

    Saya coba praktekan bbang.

  4. Avatar

    Albab

    Oktober 28, 2019 at 2:38 am

    silahkan bang,,, semoga berhasil.

  5. Avatar

    Qotrun Azis

    Oktober 28, 2019 at 11:39 am

    Artikelnya sangat membantu mas buat saya. Saya masih pemula.

  6. Avatar

    Albab

    November 6, 2019 at 5:51 am

    sip mas… silahkan dicoba tipsnya. semangat ngeblog..

  7. Avatar

    Anonymous

    Desember 31, 2019 at 12:55 pm

    Makasih mas tipsnya, sangat berguna bagi saya dan semua orang, setelah membaca post ini otak kecil saya jadi mengerti tentang seo

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Blogging

Apakah Trafik Dari Fb Ads Aman? Berikut Pendapat Expert Blogger

Avatar

Published

on

Trafik Fb Ads

Trafik dari fb ads saat ini menjadi perbincangan hangat di group blogger – Mendapatkan trafik adalah sebuah keharusan bagi seorang blogger. Karena dengan begitu artikel yang mereka buat bisa dibaca oleh penguna internet. Trafik blog sendiri merupakan lalu lintas yang terjadi di sebuah blog. Trafik tersebut bisa berasal dari berbagai macam.

3 macam Sumber Trafik Blog

Secara umum trafik yang menuju ke sebuah blog dibagi menjadi 3 macam, antara lain :

Trafik dari Organic Search. Trafik dari organic search berarti sumber lalu lintas yang berasal dari search engine. Search engine atau mesin pencari sendiri ada berbagai macam, antara lain : Google, Yahoo, Bing, yandex, Duckduckgo, dan beberapa mesin telusur lainnya yang mungkin jarang digunakan di indonesia.

Trafik dari organic search dianggap lebih berkualitas oleh google. Apalagi bagi blog yang memasang iklan adsense. namun, untuk mendapatkan trafik dari organic search ternyata tidak mudah, karena kita bersaing dengan blog lainnya untuk mendapatkan posisi di mesin pencari.

Trafik Dari Redirect. Redirect adalah pengalihan dari sebuah url ke url tertentu. Yang berarti sebelum sampai ke url tujuan, pengunjung harus mengklik url pengalihan yang sudah disiapkan.

Contoh dari trafik redirect antara lain : Trafik dari shortlink,safelink, trafik yang diarahkan dari fb, twitter dan media sosial lainnya. Trafik tersebut tidak melanggar kebijakan adsense (bagi yang menayangkan iklan adsense)

Trafik dari Referal. Bagi kalian yang sudah menghubungkan blog ke google analityc tentu tidak asing dengan istilah ini. Referal traffic adalah sebuah kunjungan yang berasal dari yang dari luar search engine. Trafik tersebut bisa berasal dari backlink, hyperlink, dan link anchor yang mengarah ke blog kamu.

lalu lintas tersebut terbilang bagus, bahkan dapat menaikkan trusted dari domain blog kita, asalkan link referal ditaruh ditempat atau situs yang tidak melanggar kebijakan google, atau kebijakan internet international.

Apa Itu Trafik fb Ads

fb Ads atau Facebook Advertising adalah sebuah layanan yang diberikan facebook bagi penggunanya untuk mengiklankan produk mereka. Produk tersebut bisa berupa : Barang dagang, Fanspage, dan Situs web. Kita bisa melakukan transaksi berdasarkan iklan yang mau kita tayangkan. Harga yang paling rendah untuk mengiklan di facebook adalah 36.000.

Trafik yang dijanjikan oleh facebook ketika beriklan pun lumyan tinggi. dengan membayar 36.000 untuk satu hari kita bisa mendapatkan trafik antara 1-2k perhari yang mengarah ke situs web kita. Bagi blogger yang memasang iklan diblognya, tentu traffik tersebut lumayan tinggi karena sudah mendapatkan keuntungan.

Strategi fb ads to adsense atau to site sudah lama digunakan oleh beberapa blogger yang mengandalkan pemasukan dari google adsense. Dengan trafik 2K sehari setidaknya dia sudah mendapatkan lebih dari 50rb perhari dari google adsense. Setidaknya mereka masih mendapatkan 14rb perhari

Apakah Trafik Fb Ads Aman?

pembahasan tentang fb ads to adsense pun sudah seringkali di bahas di group atau forum blogger. Di salah satu forum blogger, ada yang menyangakan tentang permasalahan tersebut.

” sekarangkan lagi banyak yang melakukan fb ads to blog adsense, apakah strategi model seperti itu aman? Kalau buat online shop memang bagus sih, tapi kalau untuk blog adsense gimana ya?” tanya salah satu anggota forum diskusi blogger. Berikut jawaban yang diberikan oleh beberapa blogger.

Expert di adsense forum mengatakn bahwa trafik dari fb ads merupakan salah satu sumber invalid klik. dan banyak akun adsense yang terkena banned karena invalid klik. Atau mungkin ada cara untuk mengakali hal tersebut?

Jawab seorang anggota forum. Invalid klik saat ini sedang kerap-kerapnya menimpa publisher adsense. Baca : Penyebab dan cara mengatasi pembatasan iklan adsense.

Kalau mau trafik dari facebook share artikel di group atau di fabspage biar lebih aman. Kalau dari fb ads ada kemungkinan terkena invalid trafik dan invalid klik.

Sementara anggota forum lainnya memberikan jawaban yang cukup lengkap.

Mengiklan di Facebook untuk apadulu mas? kalau diarahkan ke blog adsense, saya sudah dua kali kena invalid karena memsanag fb ads to adsense blog. dan 3 kali share ke fanspage dan group facebook masih aman-aman saja. Mungkin mastah lainnya punya metode tersendiri agar tidak terkena invalid kil. Google sendiri juga kurang spesifik dalam memberikan informasi tentang permasalahan tersebut.

Sementara anggota yang pro dengan fb ads mengatakan,” hal tersebut aman, teman saya sendiri pay Out sebesar 30juta perbulan dari satu acount hanya dengan fb ads 80%.”

Bukannya invalid klik itu terjadi karena pengunjung mengklik iklan tapi tidak ada action, atau hanya sebentar membuka iklan terus menutupnya?

Seperti itulah pembahasan mengenai fb ads to blog adsense. Pro dan kontra pasti selalu ada, tinggal bagaimana kita mengambillangkah yang lebih baik dan aman tentunya.

Setiap usaha pasti ada resikonya bukan? semakin besar usahamu semakin besar pula resiko yang ada. Jadi kita harus bisa bersikap ketika kita mendapatkan resiko tersebut. terimakasih sudah membaca, sampai jumpa di artikel berikutnya. – albabbarrosa

Sumber Gambar : Image by William Iven from Pixabay

Continue Reading

Blogging

3 Cara Membuat Daftar Isi Atau Table of Content

Avatar

Published

on

cara membuat table of content
Cara Membuat Daftar Isi / Table Of Content – Albabbarrosa.com

 SEO Off Page menjadi salah satu langkah seorang blogger agar blog atau website mereka bisa bersaing di halaman pertaman google, salah satu dari SEO Off Page adalah dengan membuat artikel berkualitas. Artikel berkualitas secara tidak langsung akan membantu menaikkan peringkat blog atau website di mesin pencari dalam jangka panjang. Bagaimana ciri-ciri artikel berkualitas? Secara lengkap kamu bisa membaca di artikel saya tentang Artikel Berkualitas.

 
Secara umum artikel berkualitas adalah artikel yang dibuat dengan terstruktur. Terdapat point-point utama pembahasan dan ditulis secara rapi. Agar pembaca mudah melihat point utama yang ada, maka kamu perlu menambahkan Daftar Isi di sebuah artikel. Yang bertujuan agar pembaca bisa melihat daftar isi dari point utama pembahasan.
 
Membuat daftar isi di sebuah artikel tidaklah sulit, kamu hanya perlu membuat sebuah daftar pembahasan, dan menaruh link agar menuju ke Sub pembahasan. Misalnya kamu membuat artikel dengan Sub Pembahasan :
 
Cara Membuat Jus Jambu
Manfaat Jus jambu
 
Maka kamu tinggal membuat daftar isi yang mengarahkan ke sub pembahasan tersebut (cara membuat jus jambu dan manfaat jus jambu).
 
Bagi kalian yang masih bingung dengan cara membuat daftar isi di artikel. Berikut saya berikan 3 cara membuat daftar isi atau table of content di artikel.

Cara Pertama Membuat Daftar Isi atau Table Of Content

Ini merupakan cara termudah dalam membuat daftar isi atau table of content. Sebelumnya, pastikan bahwa artikelmu terdapat beberapa sub pembahasan atau sub heading. Kalau tidak ada sub menunya daftar isi apa yang akan kamu sajikan.
  • Masuk ke setting > Edit Html
  • Cari kode ]]></b:skin>
  • Pastekan kode dibawah sebelum kode atau tepat di atas kode  ]]></b:skin>
 .dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}
  • Stelah itu, simpan template.
  • Selanjutnya, Edit artikel yang ingin ditambahkan daftar isi
  • Edit artikel > Ubah tampilan compose menjadi Html
  • Pastekan kode dibawah dibagian paling atas artikel kamu, atau dimanapun, tapi yang terbaik adalah dibagian paling atas artikel.
 Kode
<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>
  • Ganti Link1, Link2, link 3 dan seterusnya dengan Sub Pembahasan artikel kamu. Ganti juga # dengan #subhead1 dan seterusnya. Jika di artikel terdapat lebih dari 3 sub pembahasan, tinggal tambahkan kode    <a href=”#”>Link 4</a>  dan seterusnya.
  • Masih di tampilan html. Cari Sub Pembahasan kamu atau Subheading kamu. Dan tambahkan kode id=”subhead1”setelah kode <span dan seterusnya pada setiap sub pembahasan kamu.
  • Klik pratinjau, setelah oke, baru klik perbarui.
DEMO

Cara Kedua Membuat Daftar Isi atau Table Of Content

Cara yang kedua ini dibilang hampir sama dengan cara yang pertama, hanya saja memiliki tampilan yang lebih bagu dan lebih variatif.
  • Pertama, Masuk ke Setelan Html Blogger Kamu > Pilih edit Html
  • Pastekan kode berikut sebelum kode </head> atau Sebelum kode ]]></b:skin>
 /* Versi Kedua */
.daftarisi {
    width:100%;
    border:1px solid #d3d3d3;
}
.daftarisi div {
    width:100%;
}
.daftarisi .daftar {
    background-color:#d3d3d3;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}
.daftarisi .content {
    display: none;
    padding : 5px;
}
    • Kemudian Pastekan kode berikut sebelum kode </body>
 <script>
$(".daftar").click(function () {

    $header = $(this);
    //getting the next element
    $content = $header.next();
    //open up the content needed - toggle the slide- if visible, slide up, if not slidedown.
    $content.slideToggle(500, function () {
        //execute this after slideToggle is done
        //change text of header based on visibility of content div
        $header.text(function () {
            //change text based on condition
            return $content.is(":visible") ? "Tutup" : "Daftar Isi";
        });
    });

});
</script>
  • Klik Simpan Template.
  • Selanjutnya, edit artikel yang ingin dikasih Tombol Daftar Isi
  • Ubah tampilan Compose menjadi html
  • Pastekan kode berikut dibagian paling atas artikelmu
 <div class="daftarisi">
    <div class="daftar"><span>Daftar Isi</span>

    </div>
    <div class="content">
        <ul>
            <li><a href="#subhead1">This is just some random content.</a></li>
            <li><a href="#subhead2">This is just some random content.</a></li>
        </ul>
    </div>
</div>
  • Jangan Lupa, ganti “This is random content” dengan Daftar pembahasan kamu
  • Masih di tampilan html. Cari Sub Pembahasan kamu atau Subheading kamu. Dan tambahkan kodeid=”subhead1” setelah kode <span dan seterusnya pada setiap sub pembahasan kamu.
  • Klik pratinjau, setelah oke, baru klik perbarui.

DEMO

Continue Reading

Blogging

Cara Membuat Menu Scroll Ke Samping Simpel di Blog

Avatar

Published

on

cara membuat menu scroll ke samping

Cara Membuat Menu Scroll Ke Samping – albabbarrosa.com

Halo sobat blogger semua, ketemu lagi dengan albabbarrosa. Kali ini saya akan memberikan tutorial lagi yah, lagi hobi banget bikin tutorial. Kemarin kemarin saya sudah memberikan tutorial tentang Sticky Nav sama Meni navigasi Sidebar. Kali ini saya akan memberikan tutorial tentang menu lagi, yaitu cara membuat menu scroll ke samping atau horizontal’s Scroll Menu.
 
Menu dengan tampilan scroll ke samping banyak kita temui di website website toko online. Selain itu google juga menggunakan menu scroll ke samping loh, ga percaya? Cek aja sendiri. Untuk web berita banyak juga yang menggunakan menu dengan gaya seperti itu, salah satunya adalah website liputan6.
 
Nah, kebetulan saya memiliki script menu scroll kesamping yang saya dapatkan dari template textrim buatan Igniel. Saya tertarik untuk menempatkan menu tersebut disalah satu blog saya, dan ternyata bagus juga tampilannya. Bagi kamu yang ga mau repot repot edit script di template textrim, berikut saya buatkan tutorial pemasangan menu scroll ke samping di blog, dan caranya sangat simpel sekali.
 
Pertama masuk ke Pengaturan > Tema > Edit Html.
 
Pastekan kode berikutdi bagian paling bawah rentetan kode html header, tepatnya di bawah kode </div>. sebenarnya bisa ditaruh dimana saja sesuai keinginan kamu.

Rentetan kode html header biasanya di awali dengan <div class=’header-menu’>, atau kode lain yang hampir mirip. Dan ditutup dengan tag </div>.

    <div class=’textrimMenu’>

 

      <div class=’inner’>
        <ul>
          <li><a href=’https://textrim.blogspot.com’ title=’Download Template’>Download Template</a></li>
          <li><a href=’#’ title=’Menu 1′>Menu 1</a></li>
          <li><a href=’#’ title=’Menu 2′>Menu 2</a></li>
          <li><a href=’#’ title=’Menu 3′>Menu 3</a></li>
          <li><a href=’#’ title=’Menu 4′>Menu 4</a></li>
          <li><a href=’#’ title=’Menu 5′>Menu 5</a></li>
        </ul>
      </div>
    </div>

 

 
Kemudian paste kode dibawah tepat di atas kode ]]></b:skin>.
 

 

.textrimMenu{
position:sticky;
position:-webkit-sticky;
top:0px;
z-index:2;
background-color:#fffdf2;
font:$(fontBold);
font-size:12px;
color:#1b1b1b;
}
.textrimMenu .inner{
color:#1b1b1b;
max-width:calc($(width.all) + 40px); /* 40px dari padding (20px x 2) */;
margin:auto;
}
.textrimMenu a{
color:#1b1b1b;
white-space:nowrap;
display:block;
padding:15px 0px;
}
.textrimMenu ul, .textrimMenu li{
list-style:none;
list-style-type:none;
padding:0px;
margin:0px;
}
.textrimMenu ul{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
align-items:center;
overflow-x:auto;
}
.textrimMenu ul li{
padding:0px 20px;
cursor:pointer;
position:relative;
white-space:nowrap;
}
.textrimMenu ul li:hover{
background-color:rgba(0,0,0,.15);
}
.textrimMenu ul li ul{
background-color:#4d95ee;
position:absolute;
display:block;
top:45px;
left:0px;
min-width:100%;
 
 
}

 

 
Save dan coba lihat hasilnya.
 
Cukup itu doang tutorialnya, mudah sekali bukan.
 
 
Menu dengan scroll ke samping biasanya diisi dengan sub label yang ada di blog kamu. Misalnya blog kamu membahas tentang blogging, maka menu scroll ke samping diisi dengan sub label blogging, misalnya : Tutorial Blogging, Tips n Trick, Tips Adsense, dan lain sebagainya.
 
Akan sangat bagus jika blog kamu mempunyai banyak sub label, jadi menunya bisa kelihatan sangat menarik dan tentunya bisa digeser geser, kalau Cuma kamu isi dengan 3 label saja ya tidak bisa digeser menunya.
 
Nah itulah tutorial yang sangat singkat sekali tentang cara membuat menu scroll ke samping di blog. Semoga bermanfaat sampai jumpa di tutorial berikutnya.

 

Continue Reading

Trending