SEO Blogger | Google Adsense

Trik Terbaru Menghapus Navbar Blogger

Ahmad Maryuki Wednesday, May 23, 2012 SEO, Widget 13 comments

Sebenarnya trik terbaru menghapus navbar blogger bukan trik ataupun tips terbaru seputar edit blogger. Akan tetapi blogger berbeda dengan sekarang. Setelah beberapa waktu lalu blogger berganti tampilan, maka editing juga harus mengikuti perkembangan blogger kan. Dengan kata lain cara menghapus navbar memang sudah sering diulas oleh blog lain. Tak ada salahnya sejuta trik berbagi tips terbaru? :D. Bagi sahabat yang masih mengalami kesulitan ataupun error tentang cara menghapus navbar blogger, sejuta trik akan berbagi seputar cara menghapus navbar blogger pada tampilan baru. Cara menghapus navbar blogger adalah sebagai berikut :

1. Masuk di Blogger tentunya

Jika sahabat memakai tampilan terbaru, ubahlah tampilan blogger menjadi tampilan yang lama. Jika belum memakai tampilan terbaru, langsung ke no. 4! Jika sudah berikut caranya:

2. Perhatikan gambar di atas, Klik icon Roda gigi tersebut!

3. Klik Old Blogger Interface.
Jika sudah berganti tampilan, lanjutkan dengan

4. Klik Design/desain
5. Klik Edit HTML
6. Centang kotak kecilnya

Expand Widget Templates
7. Cari kode berikut ini

</head> (Dengan cara tekan Ctrl + F) Untuk Mozilla firefox. Lalu

8. Hapus kode </head>
dan ganti dengan kode di bawah ini

</head>

9. Jika sudah Klik Save Template

10. Akan ada peringatan penghapusan navbar blogger seperti berikut

11. Terakhir Delete Widgets seperti gambar di atas.
Dengan begitu trik menghapus navbar blogger selesai dilakukan. Bagaimana? Berhasil kah?

Memang cara menghapus navbar secara permanen seperti di atas dilarang oleh blogger, dengan alasan melanggar TOS atau ketentuan dari blogger itu sendiri. Sejuta trik sendiri memiliki 4 blog yang tidak ada navbar bawaan bloggernya. Dengan kata lain menghapus navbar blogger tidak dibanned oleh blogger. Dan semoga kedepannya blogger masih baik hati dengan blog saya :D

Macam-macam Cara Membuat Link Lebih Unik

Ahmad Maryuki Tuesday, May 08, 2012 Link, SEO 19 comments

Hi Sob! Bagaimana kabar kamu? Semoga semangat seperti saya yang lagi postig hari ini. Kali ini sejuta trik blogger akan coba sharing pengalaman saya tentang macam-macam cara membuat link lebih unik. Macam-macam di posting kali ini saya fokuskan pada singgle link. Singgle link ini artinya link yang kita buat terpisah tanpa dipengaruhi oleh CSS, Script, dan Jquery yang terpasang di template kita.

Ada macam-macam trik memodifikasi link agar kelihatan unik. Berikut beberapa contoh dalam posting saya yang lalu :

1. Membuat link/judul terbuka pada tab baru saat diklik

2. Membuat link pelangi/link berpindah dan menghilang dll

3. Memasang microformat di daftar link/link list

4. Penambahan title/keterangan di judul posting/link

dan masih banyak lagi macam-macam membuat link yang belum sempat diposting. Karena saking banyaknya modifikasi link. Sebagai contoh link nuding, link hover, link open new tab, dan masih banyak lagi yang lain. Atau kalau masih kurang ya cari saja di google :D

Posting tentang macam-macam membuat link ini terinspirasi bagi saya sendiri yang kesulitan membuat 1 link saja yang unik tanpa dipengaruhi bawaan template. Nah bagi sahabat sejuta trik yang juga ingin membuat link 1 saja yang unik, berikut triknya.

Membuat link memang sangat mudah. Tetapi untuk trik kali ini adalah untuk singgle link atau 1 link yang kita utak-atik. Sebagai contoh cara membuat link adalah sebagai berikut :

A. Link Biasa

Sejuta Trik Blogger
Triknya adalah :
<a href="http://sejutatrik.blogspot.com/">Sejuta Trik Blogger</a>

B. Link Tebal

Sejuta Trik Blogger
kodenya :
<b><a href="http://sejutatrik.blogspot.com/">Sejuta Trik Blogger</a></b>
atau
<strong><a href="http://sejutatrik.blogspot.com/">Sejuta Trik Blogger</a></strong>

C. Membuat Link Membuka Tab Baru

Sejuta Trik Blogger
kodenya :
<a href="http://sejutatrik.blogspot.com/" target="_blank">Sejuta Trik Blogger</a>

D. Link Italic atau teks miring

Sejuta Trik Blogger
kodenya :
<a href="http://sejutatrik.blogspot.com/"><i>Sejuta Trik Blogger</i></a>

E. Link Berwarna

Sejuta Trik Blogger
kodenya :
<a href="http://sejutatrik.blogspot.com/" target="_blank"><span style="color: blue;">Sejuta Trik Blogger</span></a>

F. Link Menu Hover CSS 3

kodenya :

<style>
.coollinks a {
display: inline-block;
padding: 4px;
outline: 0;
color: #3a599d;
-webkit-transition-duration: 0.35s;
-moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.coollinks #one:hover, #three:hover, #five:hover{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-transform: scale(1.01) rotate(-1.1deg);
-moz-transform: scale(1.01) rotate(-1.1deg);
-o-transform: scale(1.01) rotate(-1.1deg);
transform: scale(1.01) rotate(-1.1deg);
}
.coollinks #two:hover, #four:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-transform: scale(1.01) rotate(1.1deg);
-moz-transform: scale(1.01) rotate(1.1deg);
-o-transform: scale(1.01) rotate(1.1deg);
transform: scale(1.01) rotate(1.1deg);
}
.coollinks #one:hover{
background: #815782;
text-decoration: none;
color: #fff;}

.coollinks #two:hover {
background: #62946d;
text-decoration: none;
color: #fff;
}
.coollinks #three:hover {
background: #824c4a;
text-decoration: none;
color: #fff;
}
.coollinks #four:hover {
background: #825f0c;
text-decoration: none;
color: #fff;
}
.coollinks #five:hover {
background: #823a3a;
text-decoration: none;
color: #fff;
}
</style>

lalu tambahkan kode berkut di bawahnya :

<div class="coollinks"> <a href="http://sejutatrik.blogspot.com" id="one">Home</a> <a href="http://sejutatrik.blogspot.com/2012/02/memasang-breadcrumb-google.html" id="two">Google Breadcrumb</a> <a href="http://sejutatrik.blogspot.com/2010/10/daftar-isi-sejuta-trik.html" id="three">Sitemap</a> <a href="http://sejutatrik.blogspot.com/2011/10/daftar-ping-service-terbaik.html" id="four">Ping Service</a> <a href="http://www.givegoodweb.com/tools/page-check/index.php" id="five">Title H1 Ceck</a> </div>

Home Google Breadcrumb Sitemap Ping Service Title H1 Ceck

Untuk trik 'F' sahabat bisa letakkan pada 'HTML' widget atau saat posting seperti milik saya ini.

Nah, bagi teman-teman yang memiliki trik lebih unik dari macam-macam cara membuat link di atas, mari berbagi. Akhir kata, Happy Blogging Friends! Cayo Blogger Indonesia.

Meta Tag Deskripsi Setiap Posting

Ahmad Maryuki Monday, April 16, 2012 SEF 15 comments

Meta tag deskripsi blog sangatlah penting untuk SEO di blogger kesayangan kita. Dengan meta tag ini yang selalu muncul dalam hasil pencarian mesin pencari. Pada chapter 3 ini dalam upaya Search Engine Friendly saya akan membahas meta deskripsi blog.

Isi Deskripsi Pada Element Header

Isi Deskripsi Pada Bassic Setting

Isi Deskripsi Pada Search Preference

Isi Deskripsi Pada Edit Template

Last Update : 26 September 2018

Template Mempengaruhi Sitelink Google

Ahmad Maryuki Monday, April 09, 2012 Link, SEO, Template 15 comments

Banyak pelajaran yang bisa dipetik dengan ganti-ganti template. Untuk kesekian kalinya sejuta trik mengganti template. Ternyata template mempengaruhi sitelink google. Banyak anggapan sitelink google hanya diperoleh bagi mereka yang hobi optimasi blog. Memang sih blog ini belum tertata rapi setelah ganti template, akan tetapi sudah mendapat sitelink google yang berbeda pula. Nah untuk sekedar perbedaan tentang template yang mempengaruhi site link google berikut gambarnya :

Gambar Sitelink Google 1

Gambar Sitelink Google 2

Kemudian dari kedua gambar sitelink google di atas sejuta trik membuat kesimpulan dari tabel berikut

No.	Aspek	Gambar Sitelink 1	Gambar Sitelink 2
1.	Template	Simple SEO Friendly	SEO Master
2.	SiteLink	Sitelink Table	Site Link H list
3.	Tampilan	Simple	Elegant
4.	Struktur HTML	Bertingkat/Optimasi	Familiar/Biasa
5.	Meta	Auto	Manual
6.	H1 Home Page/Post	-/-	1/2
7.	Snippets	4	-

Kiranya seperti itu perbedaan penggunaan antara template pada gambar sitelink 1 dan 2. Bagi teman-teman yang belum mendapat sitelink google bisa lihat artikel saya yang lain.

Rahasia Mendapat Sitelink Google

Akhir kata semoga dengan mengganti tempalate yang terbaiklah kita bisa memaksimalkan blog kita. Karena sekali lagi saya tekankan bahwa template mempengaruhi site link google di blog kita. Dengan kata lain semakin terstruktur dengan baik dan benar maka kualitas blog kita juga semakin bagus. Happy blogging.