Tampilkan postingan dengan label SEO. Tampilkan semua postingan
Tampilkan postingan dengan label SEO. Tampilkan semua postingan

6 Langkah Formula SEO



Agar bisa mencapai tingkatan yang tinggi dalam SEO, tentunya kita harus lah rajin dalam menulis artikel. Dan tentu saja, artikel harus dibuat semenarik mungkin serta bermanfaat untuk orang banyak. Oke disini akan saya beri 6 Formula SEO yang bisa mengubah hidup Anda hahaha. Bukan, tentunya formula ini akan bermanfaat untuk kalian yang ingin berhasil mencapai peringkat teratas di Google. Simak yaa.


1. Artikel atau Kata Kunci Artikel yang Sempurna

Terlalu banyak kata kunci, dapat membunuh sebuah artikel lebih cepat dari pada peluru Langkah pertama sangatlah mudah. Jangan khawatir dengan kepadatan kata kunci dan ingat untuk menulis dengan asli konten yang mengalir bebas. Ok, let it flow~

2. Judul

Optimasi kata kunci masih ada selain dengan langkah yang pertama. Membuat kepadatan kata kunci akan meringankan masalah konten yang tidak asli. Kata kunci adalah cara termudah untuk sebuah mesin pencari untuk menghubungkan lalu lintas ke situs yang mereka cari. Tempatkan kata kunci dalam judul sedekat mungkin dengan kata kunci yang sering dicari orang untuk membantu mesin pencari menemukan website atau blog.


3. Gambar Lebih Bernilai Daripada Ribuan Kata

Server tidak membaca gambar. Tetapi dia membaca deskripsi yang diletakkan di dalam tag. Penempatan kata kunci di dalam tag alt gambar adalah cara lain mesin pencari dapat menemukan konten Ada dan dapat membawa artikel Anda ke dalam traffic mesin pencari yang sempurna atau blog yang layak.

4. Optimalkan h1

Header 1 adalah tempat yang sangat baik untuk menempatkan kata kunci. Hal ini juga mungkin bisa membuat indeks H2 dan H3 menjadi meningkat. Jadi jangan lewatkan kesempatan untuk mendapatkan artikel yang sempurna atau posting blog yang menarik. Menempatkan kata kunci di daerah ini membutuhkan sedikit perencanaan. Pikirkan terlebih dahulu untuk membuat konten yang sempurna, header, dan optimasi kata kunci.


5. Penempatan Kata Kunci

Tempatkan kata kunci di judul, kata kunci di H1 subtitle Anda, kata kunci dalam teks alt artikel Anda atau kalimat di paragraf pertama dan terakhir di blog, dan tentu saja, gambar Anda. Setelah Anda memiliki ini 5 kata kunci di tempat, satu di setiap paragraf atau dalam setiap kalimat lain yang lebih dari cukup dan tidak terlalu banyak. Dan jangan lupa untuk menulis alami.

6. Jawab Pertanyaan Ini

Setelah diformat dan dioptimalkan, tanya kepada diri sendiri.

    Apakah artikelmu menarik?
    Apakah artikelmu informatif?
    Apakah artikelmu menjawab pertanyaan yang sering muncul?
    Apakah ada sesuatu yang berharga untuk pembaca?
    Apakah artikelmu asli?


Jika semua dijawab YA, berarti Anda memang hebat karena sudah menerapkan formula SEO yang sangat luar biasa. Dan sebenarnya masih ada 1 lagi formulanya, untuk membuat artikel yang sempurna, tentu saja harus perbanyak latihan
Cara Meningkatkan Traffic Dengan Search Engine

Cara Meningkatkan Traffic Dengan Search Engine

Bila Anda punya produk yang bagus, mungkin tidak banyak orang yang tahu jika tidak dipromosikan. Baik melalui social media atau SEO.  Anda masih perlu untuk mendapatkan pelanggan ke website Anda – terutama jika Anda menjalankan e -commerce.
Dalam artikel ini,  terdapat beberapa cara untuk menaikkan ranking di google, atau bisa kita sebut cara efektif menaikkan ranking melalui SEO. Berikut tips nya :

1. Fokus pada Long Tail Keyword

Jika Anda membuat situs baru , pastinya sangat sulit untuk mengambil kata kunci populer dengan cepat. Akan lebih baik jika Anda menulis banyak artikel yang kualitas pada kata kunci yang sangat spesifik daripada mengejar keyword berpencarian banyak. Manfaat lain yang  didapat dari tetap fokus dengan long tail keyword adalah biasanya keyword-keyword tersebut dapat memberikan angka konversi lebih baik.

2. Konsisten

Semakin lama situs Anda berada di dalam niche bisnis Anda dan menghasilkan konten online kualitas, semakin besar pula kemungkinan Anda untuk keluar di hasil pencarian untuk semua kata kunci yang terkait. Memulai sebuah blog dan membuat banyak artikel adalah hal yang baik dan bagus, tetapi menjaga kegiatan tersebut selama bertahun-tahun akan berbeda dengan blog yang baru berusia sebulan ( atau seminggu ).

3. Optimalkan Artikel Anda

Ada tiga hal utama pada halaman web Anda yang harus dioptimalkan yaitu  : meta Title , description dan keyword. Ini adalah suatu hal yang sederhana dan dapat dilakukan ketika Anda menerbitkan sebuah konten pada situs Anda. Memang Anda pasti butuh waktu untuk melakukannya setiap mempublish artikel, tetapi manfaatnya besar.

4. Jangan Lupakan Tentang  Link Building ( yang etis )

Link building adalah dasar dari off-page untuk optimasi mesin pencari. Bagian yang terbaik adalah bahwa link bisa bebas Anda tempatkan di mana saja. Cobalah minta vendor, mitra, press, klien, almamater dan sumber lain yang kredibel sehingga Anda bisa menanamkan kata kunci (keyword) dan hyperlink kembali ke situs Anda untuk keyword yang Anda targetkan. Jika sumber Anda memiliki page rank tinggi, Anda akan melihat kenaikan peringkat Anda dalam waktu kurang dari dua bulan.

5. Gunakan Google Keyword Tool (sekarang google keyword planner)

Gunakan tool dari Google untuk mencari long tail keyword yang tidak kompetitif. Jika Anda berada di niche kompetitif, ini adalah cara yang bisa Anda mulai.

6. Berikan Value untuk Pembaca Anda

Jika ingin meningkatkan pencarian organik Anda dari search engine, content marketing  melalui guest posting adalah cara tercepat untuk membangun traffic yang besar. Anda perlu mengetahui bahwa content marketing  adalah tentang kualitas dan bukan kuantitas. Jika Anda memiliki konten yang jelek, orang tidak akan mau meluangkan waktu untuk membaca atau membaginya. Oleh karena itu, ketika menulis konten, cobalah untuk selalu bertanya pada diri sendiri apakah Anda (jika menjadi pembaca) akan meluangkan sepuluh menit untuk membacanya ? Apakah saya mau membaginya dengan orang lain ? Jika Anda pikir konten Anda jelek cobalah untuk mengeditnya kembali.

7. Jangan Coba-coba untuk Mengakali Google

Jika Anda mencoba mengakali Google mungkin itu akan berjalan untuk sementara, tetapi bukan strategi yang baik untuk jangka panjang. Untuk meningkatkan traffic pencarian organik, Anda harus menghasilkan konten papan atas yang relevan dengan apa yang mungkin dicari oleh user Anda. Periksa Google Keyword Tool / Google Keyword planner untuk memastikan Anda menggunakan keyword yang benar.

8. Pikirkan SEO sebagai Kesempatan untuk Menciptakan Value

SEO bukan permainan. Setidaknya itu bukan permainan yang bisa Anda menangkan dalam jangka panjang jika Anda menganggapnya sebagai permainan. Buatlah konten yang memiliki value dan Google akan menganggap artikel Anda layak dicari. Pengunjung lebih cenderung untuk berbagi konten yang mereka nikmati untuk dibaca dan akan berada di situs Anda lebih lama, sedangkan blogger, media dan orang-orang di industri Anda bisa menggunakan situs Anda sebagai referensi, yang berarti lebih banyak link organik.

9. Turunkan Bouncing Rate

Ada satu hal yang tidak disukai mesin pencari, yaitu tingkat bouncing yang tinggi. Periksa kata kunci Anda, dan cobalah mengoptimalkan halaman tersebut untuk mengurangi tingkat bouncing Anda. Search engine akan mencintai Anda untuk hal tersebut.

10. Menghasilkan Konten berkualitas

Search engine akan memberikan reward kepada orang-orang dan perusahaan yang membuat konten berkualitas tinggi dan konsisten dalam melakukannya. Hal-hal seperti author rank di Google+ akan memiliki pengaruh besar pada hasil pencarian organik. Cobalah untuk tidak hanya membuat konten dan mempublikasikannya secara online, tetapi juga untuk dapat memaksimalkan nilai dari konten tersebut sehingga bisa didistribusikan dengan baik di seluruh channel distribusi dan memiliki kesempatan untuk menjadi viral.

11. Membuat Blog Perusahaan untuk Meningkatkan Traffic SEO

SEO adalah raja di lalu lintas pencarian organik. Semakin banyak keyword yang populer dalam niche Anda, semakin banyak juga pencarian organik yang mengarah ke situs Anda. Ini termasuk terlalu banyak teks pada halaman utama situs Anda yang bisa saja dapat membahayakan situs Anda daripada membuatnya menjadi baik. Hal ini juga dapat membuat konsumen kesulitan untuk menemukan informasi yang mereka inginkan. Daripada menghapusnya dari situs Anda, cobalah untuk memulai sebuah blog terpisah sebagai pekerjaan SEO tambahan. Gunakan blog untuk menulis tentang niche Anda, apakah itu konstruksi, kecantikan atau hiburan. Cobalah untuk melakukan penelitian kata kunci untuk mengetahui frasa yang sedang tren dalam industri Anda dan masukkan mereka dalam posting blog.

12. Berkolaborasi dengan industry experts sebagai daya ungkit (leverage)

Semua orang suka opini dari ahli. Anda akan terkejut betapa mudahnya Anda bisa meyakinkan para pemimpin industri untuk berkontribusi dalam membuat guest posting ke blog Anda. Mereka akan memiliki pembaca mereka sendiri, dan orang-orang akan menjadi akrab dengan merek Anda. Para industry expert cenderung menghasilkan konten yang memiliki value yang akan menarik bagi user dan pembaca yang ada.

13 . Buat sebuah Komunitas

Menjawab pertanyaan-pertanyaan dari komunitas Anda sangat penting untuk meningkatkan lalu lintas website Anda dari Google. Anda harus menjadi brand yang terpercaya di niche Anda. Jika komunitas banyak mengajukan pertanyaan, tentunya proses tanya jawab tersebut akan memberikan konten berkualitas tinggi, berharga dan berguna. Google sangat memperhatikan hal ini. Bila Anda memberikan jawaban atas pertanyaan komunitas Anda, Google akan meningkatkan peringkat situs Anda. Anda tentu juga menciptakan loyalitas dalam komunitas Anda dan peringkat yang baik di Google pada waktu yang sama. Itu adalah situasi yang memberikan win- win solution.

Cara Rahasia Meningkatkan SEO di Blog 100% Work

Hai sobat Blog Krizeer, kali ini saya akan berbagi lagi nih, kali ini saya akan menjelaskan Cara Rahasia Meningkatkan SEO, tutorial ini terbukti berhasil, kalo saya SEO nya meningkat tadinya 82% menjadi 86% wah lumayan kan ?, memang memasang widget kebanyakan akan mengurangi nilai SEO sobat, tapi pada widget  ini berbeda dengan widget yang lainnya, widget ini ajaib banget, kenapa ?, karena dapat meningkatkan nilai SEO sobat, hanya dengan memasang widget dibawah ini, langsung saja, berikut tutorialnya :

1. Masuk ke Blogger.com
2. Masuk ke tata letak --> tambah gadget --> pilih HTML/Java Script, lalu masukan kode dibawah ini di dalam HTML :

<!-- Start Backlink Code --><a title="SEO Links Exchanges | Blog Link Building Service" target="_blank" href="http://seo-links-exchanges.blogspot.com/"><img width="80" alt="SEO Links Exchanges, Blog Link Building Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjbSrdQG0Y-TPpijYRB3S7-2he_7FtAlJgR3lfghqKiVfWnNR8U6w2i0rLSJ0Ba9FdyVEAytuVJ-Hziv6cwQ0mnxDIvnvhTm2CzCmA7C8xMOzn__SGIKwkBPCcl7Ad09iwb6lARbF1FBI/s1600/Free+Links+04.png" height="15" /></a><!-- End Backlink Code -->  <!-- Start Backlink Code --><a title="Build Your Links For Free | Links Building Service" target="_blank" href="http://free-links-building.blogspot.com/"><img width="80" alt="Build Your Links For Free, Links Building Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKiBAvON16HE5b3J_nNT2bykZkY5Xr1bhgR20P8RNnKbFwtY1QtqGOqxkc0uKJNUiSE4ltC88olvWvTDwZ9hZYyt4_gHvueGnhlvFcNWBAxx3Akbb3w-VicKz0OG8INDbY2AAd7x9lOy0/s1600/Free+Links+03.png" height="15" /></a><!-- End Backlink Code -->  <!-- Start Backlink Code --><a title="SEO Links Attitude | Free SEO Links Building " target="_blank" href="http://free-links-exchanges.blogspot.com/"><img width="80" alt="SEO Links Attitude | Free SEO Links Building " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Dri5gfi8NnWCwU-fZtfPVrXLO7k8-e7g5OwaIQIwBOyHZbAuaK06aesmewFBSz9Szo9NhfSvkdxdtJEbqeyQEd2aHyJ_-SVaKCEeRe5KXDEq4_UTgmaWZ2lQslDGqbV4o3x0kJG5s-U/s1600/Free+Links+02.png" height="15" /></a><!-- End Backlink Code -->  <!-- Start Backlink Code --><a target="_blank" href="http://linux-tutor-and-tips.blogspot.com/"><img width="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGSdS4OdCxpN_OGdo_7zc2ynL6aGPPNdMwwiYjEymyqb0_h-PESAAvR7dtffpXsLgA49KhJMXuT-iZF8iBFmSPaDZNkf06DuLRPBH4FJpj4nBF2xASmJgepGV8K92hIHt-Pwg5AiPF7w/s1600/Free+Links+01.png" height="15" /></a><!-- End Backlink Code --> <!-- Start backlink -->  <!-- Start Backlink Code --><a title="Free Backlink Service, Links Building 4 Free" target="_blank" href="http://free-backlink-service.blogspot.com/"><img width="80" alt="Free Backlink Service, Links Building 4 Free" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL54Kc4B6TIl6oh_ihYfApO1MIoWsm0onWbKBT12JAKaLx9UrzAMZ79yvWDv64Zghk00UzPf12sSfitHTW5QNDWK5axo60EW0v_-9XjDvSxLoxB2THp0-6w1h7P7KSC-npECXJieqc_Lc/s1600/Free+Links+05.png" height="15" /></a><!-- End Backlink Code -->
4. Simpan, dan silahkan menuju ke www.chkme.com, lalu masukan URL sobat, dan lihat skor SEOnya pasti bertambah.
Sumber kode dari : http://seo-cyberjr.blogspot.com/2013/07/cara-rahasia-meingkatkan-seo.html

Cara Mengganti Tampilan Scroll Bar Menjadi Keren di Blog

Tutorial Belajar Blog | Tips Blog | Trik Blog - Cara Mengganti Tampilan Scroll Bar Menjadi Keren di Blog  - Bagi Anda yang ingin scroll bar Anda berubah seperti Punya saya!!  Dengan menggunakan script CSS Anda bisa merubah scroll bar Anda di Blog Anda. Bisa mempebesarnya ataupun memperkecil scroll bar blog Anda!
  1. Buka Blogger.com > Rancangan > Edit HTML
  2. Cari kata ]]></b:skin> dengan menekan tombol CTRL + F
  3. Paste code berikut di atas ]]></b:skin>
::-webkit-scrollbar {height:12px;width: 12px;background: #474747;}
::-webkit-scrollbar-thumb {background-color: #ff0000;-moz-border-radius: 10px;border-radius: 10px;}
Paste diatas tinggal Anda ganti saja beberapa code yang saya kasih warna merah, ini berguna untuk mengganti warnanya. Kalau Anda bisa ganti semua kenapa tidak di ganti tuh kode?

Beberapa browser mungkin tidak support dengan kode ini tapi saya memakai Google Chrome code ini berfungsi kok!
Note :
kode warna yang berwarna merah ganti dengan kode warna yang anda inginkan, kode warna bisa dicari di google.~Semoga Bermanfaat !!~
Referensi dari tutorialbelajarblogger.blogspot.com/

Cara Membuat Daftar Isi Blog Secara Otomatis


Cara Membuat Daftar Isi Blog Secara Otomatis - Selamat malam sahabat blogger. Pada kesempatan ini saya akan menjelaskan bagaimana cara membuat daftar isi di blog secara otomatis. Daftar isi sangat berguna untuk mempermudah para pengunjung blog dalam mencari artikel atau konten yang mereka cari / inginkan. Sedangkan manfaat untuk admin blog yaitu daftar isi blog juga dapat meningkatkan jumlah page view blog.

Untuk melihat tampilannya seperti apa, anda bisa melihat demonya terlebih dahulu :
DEMO

Nah bagaimana, apakah anda berminat untuk memasang daftar isi di blog anda? Untuk memasang widget daftar isi di blog, anda dapat melakukan beberapa langkah mudah membuat daftar isi berikut ini :
Langkah-langkah memasang widget Daftar Isi di blog :
1. Login ke akun blogger
2. Klik "Laman Baru" kemudian klik "Laman Kosong", untuk lebih jelasnya, silahkan perhatikan gambar dibawah ini :
Cara Membuat Daftar Isi Blog Secara Otomatis

Gambar 1.1

3. Kemudian pilih Mode HTML
http://zicblogger.blogspot.com/p/daftar-isi.html
4. Lalu copy kode script dibawah ini :
<div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 530px;">
<script src="http://widgetsitemap.googlecode.com/files/daftarisi.js"></script><script src="http://yoga-tc.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>
Keterangan :
Ganti kode yang berwarna merah ( yoga-tc ) : dengan alamat blog anda!

6. Kemudian anda letakan pada halaman kosong tadi,
Cara Membuat Daftar Isi Blog Secara Otomatis
Gambar 1.2

Keterangan gambar 1.2 :
1. Pilih mode HTML
2. Letakan kode pada halaman kosong
3. Berikan judul (terserah anda)
4. Klik "Publikasikan"


7. Selesai
Referensi : http://zicblogger.blogspot.com/2013/01/cara-membuat-daftar-isi-blog-secara.html

Cara Membuat Kotak Banner 88x31 Melayang disamping Sidebar


Hai sobat blogger kali ini Blog Krizeer akan mengeposkan "Cara Membuat Kotak Banner 88x31 diSidebar - Smart Education", cara tidak terlalu sulit kok, daripada penasaran ayo kita simak secara bersama-sama.
Login ke blogger
  1. Masuk ke template
  2. edit HTML
  3. Cari kode ]]><b:skin jika sudah ketemu
  4. letakan script di bawah ini tepat di atas kode ]]><b:skin
#sidebarLank{
box-shadow: 0 0 15px white;
background: #0E090D;
border: 4px solid #9F1111;
border-left: 4px solid #9F1111;
float: left;
margin-top: 175px;
margin-left: -135px;
width: 88px;
height: auto;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
z-index: 10px;
line-height: 10px;
box-shadow: 0 0 15px blackred;
background: #222;
background-image: -webkit-linear-gradient(top, #393939, #222);
background-image: -moz-linear-gradient(top, #393939, #222);
background-image: -o-linear-gradient(top, #393939, #222);
background-image: -ms-linear-gradient(top, #393939, #222);
background-image: linear-gradient(to bottom, #393939, #222);
position:absolute;
}
#sidebarLank img{opacity:0.5;-webkit-filter:saturate(0.0);-moz-filter:saturate(0.0);-ms-filter:saturate(0.0);-o-filter:saturate(0.0);filter:saturate(0.0);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;padding:0}
#sidebarLank img:hover{opacity:1;-webkit-filter:saturate(1.1);-moz-filter:saturate(1.1);-ms-filter:saturate(1.1);-o-filter:saturate(1.1);filter:saturate(1.1);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
Cari kode <div id='header'>, tidak semua template sama jadi jika tidak ketemu kode tersebut cari saja kode yang intinya "header", jika sudah ketemu dengan kode tersebut. Lalu kalian letakan kode di bawah ini tepat di atas kode <div id='header'>
<b:section id='sidebarLank' maxwidgets='5' showaddelement='yes'>
</b:section>
Keterangan :
Kode yang berwarna pink itu tinggi dari banner tersebut
Kode yang berwarna hijau itu adalah lebarnya
tidak semua template sama, jadi disesuaikanlah dengan ukuran template anda.
Yang terakhir simpan, dan lihat hasilnya.
referensi dari lank-cyber4rt.blogspot.com
Cara Membuat Menu Vertikal di Blog - Smart Education

Cara Membuat Menu Vertikal di Blog - Smart Education

Sobat blogger pasti sudah tahu apa yang saya maksud. Pada tutorial kali ini Smart Eeducation mau berbagi tentang cara membuat menu navigasi dropdown vertikal. Caranya cukup mudah hanya tinggal memasukkan kode ke dalam gadget. Menu vertikal ini cukup unik karena akan bergeser turun saat cursor mouse diarahkan ke menu.

Berikut kodenya ;

<style type="text/css">
* {
  margin: 0px;
  padding: 0px;
}
nav {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5;
  margin: 50px auto; /*for display only*/
  width: 300px;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.menu-item {
  background: #fff;
  width: 300px;
}
/*Menu Header Styles 1*/
.menu-item h4 {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
  background: #9DB6D7;
}
.menu-item h4 a {
  color: white;
  display: block;
  text-decoration: none;
  width: 300px;
}
/*Menu Header Styles 2*/
.menu-item h4 {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
  background: #a90329; /* Old browsers */
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
  background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.menu-item h4:hover {
  background: #cc002c; /* Old browsers */
  background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
  background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.alpha p {
  font-size: 13px;
  padding: 8px 12px;
  color: #aaa;
}
/*ul Styles*/
.menu-item ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-item ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #0A0A0A;
  display: block;
  width: 250px;
}
/*li Styles*/
.menu-item li {
  border-bottom: 1px solid #eee;
}
.menu-item li:hover {
  background: #eee;
}
/*ul Styles*/
.menu-item ul {
  background: #B2D8E0;
  font-size: 13px;
  line-height: 30px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
/*ul Styles*/
.menu-item ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-item:hover ul {
  height: 115px;
}
</style>
<nav>
    <div class="menu-item">
      <h4><a href="http://namablog.com" target="_blank"">Membuat Blog</a></h4>
      <ul>
        <li><a href="http://namablog.com" target="_blank">Membuat Email </a></li>
        <li><a href="http://namablog.com" target="_blank">Membuat tabel </a></li>
        <li><a href="http://namablog.com" target="_blank">Promosi Blog</a></li>
       <li><a href="http://namablog.com" target="_blank">Setelan Blogger</a></li>
       <li><a href="http://namablog.com" target="_blank"> Membuat Gmail</a></li>
    </ul>
    </div>

    <div class="menu-item">
      <h4><a href="masukkan URL/Link postingan">Widget</a></h4>
      <ul>
    <li><a href="masukkan URL " target="_blank">Cara Pasang widget</a></li>
    <li><a href="masukkan URL " target="_blank">Cara Buat Laman Statis</a></li>
    <li><a href="masukkan URL " target="_blank">Cara Ganti Favicon</a></li>
    <li><a href="masukkan URL " target="_blank">Ganti Template Blog</a></li>
    <li><a href="masukkan URL " target="_blank">Cara Ubah Background Blog</a></li>
    </ul>
    </div>

    <div class="menu-item">
      <h4><a href="masukkan URL/Link postingan disini" target="_blank"">Widget</a></h4>
      <ul>
    <li><a href="masukkan URL disini" target="_blank">Cara Pasang Gadget</a></li>
    <li><a href="masukkan URL disini" target="_blank">Menu Vertikal</a></li>
    <li><a href="masukkan URL disini" target="_blank">Cara Ganti Favicon</a></li>
    <li><a href="masukkan URL disini" target="_blank">Ganti Template Blog</a></li>
    <li><a href="masukkan URL disini" target="_blank">Ubah Background Blog</a></li>
      </ul>
    </div>

    </nav>
Cara memasang
1. Masuk ke Dasbor Blog >> Tata Letak >> Tambahkan Gadget >> Pilih HTML/Javascript

2. Masukkan kode di atas.

Yang perlu sobat perhatikan antara lain;


1. Ukuran lebar menu disini adalah 300px, jangan lupa disesuaikan dengan ukuran sidebar blog sobat dgn mengurangi atau menambahnya.


2. Jumlah URL/Post maksimal 5 (saya gak tahu juga, kok cuma bisa segitu, hehe maklum super gaptek). Jika sobat mengisi dengan 6 Link, gak bakalan tampil semua.


3. Untuk menambah navigasi, silahkan copy saja kode yang sudah saya beri warna merah tebal sebagai contoh, kemudian ganti URL dan Judul Post


4. Kode berwarna hijau, sebagai judul/anchor text, sesuaikan dengan artikel sobat.


5. Untuk pewarnaan menunya silakan utak atik sendiri yee, hehehe. contoh pewarnaan nya ada pada kode color: #0A0A0A; masuk aja ke Color Generator untuk mengetahui kode warna

6. Selamat Mencoba.
 
Sumber : http://www.super-gaptek.com/2012/12/cara-membuat-menu-vertikal-di-blog.html

Cara Membuat / Mengganti Favicon / Site Icon Blog - Smart Education

Favorit Icon atau yang disingkat Favicon adalah sebuah gambar kecil di address bar. Terletak disebelah kiri nama blog ataupun judul posting blog yang sedang kita buka. favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seorang blogger mengganti faviconnya mungkin bisa jadi agar terlihat lebih indah, keren dan profesional, hehehe. Lihat Gambar di Bawah.


Ada 2 cara untuk mengganti favicon, cara pertama ialah secara default dan ini cukup mudah dilakukan, sedangkan cara kedua ialah dengan membuat favicon mengunakan Pain, atau Photoshop, dll. Kemudian mengupload gambar favicon itu di hosting/tempat penyimpanan image online (misal di
photobucket.com, ataw mediafire.com). Yuk kita simak sama-sama caranya.

Cara Pertama;
1. Buatlah dan Siapkan gambar yang akan dijadikan favicon, persegi bujur sangkar misalnya ukuran 32x32 pixel atau berapapun yang penting harus persegi.

2. Masuk ke Rancangan > Tata Letak > Lihat ada kata "Favicon" di atas header, Klik link Edit.


mengganti ikon blog

3. Cari gambar dengan klik Telusuri lalu klik simpan.

4. Favicon blog sobat sudah berubah.

Cara Kedua

1. Upload dulu gambar yang akan anda gunakan sebagai icon blogger
2. Buka Dasbor > Menu Template > edit HTML > cari kode <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload, tepat di atas kode  <b:skin><![CDATA[.  diantara kode biru dibawah.
<link href=' masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>
Sebagai contoh lihat kode di bawah ini.
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXQWY7cYeIDLhMEdRa1fwOQyaekGkaBVmjB68rrOIgn-z9MKy_bDVipraRrsR6czY_dSx0uyCCWzAN3tnhxCzWPpxVzi7PncmaXHcxhCVarLH_9aSKg-FkRa5J70D0VQ1BOOtptEUIaE/s1600/Icon+Blogger.jpg' rel='shotcut icon'/>
 <b:skin><![CDATA[
Pada kode berwarna merah diatas, adalah alamat saya menyimpan/hosting gambar favicon blog ini.
Jika sudah klik "pratinjau", lalu save template. Lihat perubahannya.

Anda sedang membaca Cara Membuat / Mengganti Favicon / Site Icon Blog, jika menurut anda artikel ini menarik, dan bermanfaat bagi anda, anda bisa menyebar luaskan artikel ini dengan memberi sumbernya blog ini ; http://yoga-tc.blogspot.com/2013/05/cara-membuat-mengganti-favicon-site.html
Back to Top