Membuat Link Profesional Untuk Blogger

Last Update 29 September 2018

Dalam membuat atau membangun link dalam SEO khususnya blogger kita sering dihadapkan pada masalah tampilan. Lihatlah wikipedia.com yang mempunyai link profesional yang unik pula. Dimana artikel atau kata yang terkait akan diikuti gambar. Kita bisa membuat link unik tersebut sama dengan yang digunakan wikipedia di blogger. Sayangnya blogger tidak mempunyai plugin untuk menambah gambar pada link tersebut secara otomatis. Nah untuk membuat link profesional untuk blogger ini kita bisa sisipkan gambar di setiap link yang kita buat. Berikut ini contohnya :

Demo

Intinya adalah kita menambah CSS ringan yang dapat menggenerate semua link internal di blog kita.
Cari kode berikut :
]]></b:skin>
Hapus dan ganti dengan kode di bawah ini :

.post-body a.external {
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWtZAsWzEE_Aj1D10iQzgdNRBy8jm6ZlWU4DAK4v4VYsgDwuXdscSSAeSnDBi_Qg_exqeES4DMofOudPaGOKCLWdujYrmR9KcbhVYQGkvjVsQj6gQBEGQUZC6MpyB68qi_42WlZAzKpTBr/s1600/link-external.png) no-repeat right center;
 padding-right: 16px; /*Jarak untuk penepatan icon external*/
 color:#61380B; /*warna link external*/
 text-decoration: none;
}
.post-body a.external:hover {
 /*kode untuk hover link external*/
 color: #FF8000; /*warna hover link external*/
 text-decoration: underline; /*garis bawah link external*/
}
]]></b:skin>

Kemudian simpan template sahabat dan jangan lupa mengedit setiap link dengan format seperti berikut :
<a class="external" href="http://sejutatrik.blogspot.com/" title='demo'>Demo</a>

Cara di atas masih menggunakan cara manual yaitu setiap link harus di sisipi class saat membuat link. Bagi teman-teman yang mempunyai script otomatis link profesional ini sekiranya berbagi pada kami agar bermanfaat untuk semua.
Nah seperti itulah pembuatan link profesional khususnya link internal di blogger. Dengan fungsi yang bermanfaat untuk SEO Blog kita maka sudah seharusnya link di blog kita edit dan tampilkan secara profesional bukan? Sekian artikel singkat mengenai edit link di posting. Dan semoga bermanfaat. Baca juga cara memasang microformat di daftar link ya!

Internal Link Image

Membuat Daftar Isi Khusus Posting | Jump Link Blogger

Sahabat SEO Blogger! Lama juga tidak posting tips blogger, Sibuk mencari-cari informasi terbaru tentang info Google. Emang Google selalu update layanannya. Baiklah kita bahas tips blogger berikut yaitu

Membuat daftar isi khusus posting | Jump Link Blogger

Daftar isi khusus posting atau membuat jump link di blogger ini bukan membuat daftar isi blog secara keseluruhan, hanya pada satu posting saja. Jump link sama pentingnya membuat link internal untuk mempermudah pengunjung menjelajahi isi blog kita. Jump link artinya link yang melompat ke sebuah artikel di dalam posting. Bukan link eksternal atau link internal dalam artikel lain yang terkait. Jump link ini seperti read more, back to top, back to bottom dll, namun berbeda fungsi dan kode tentunya. Untuk demo silakan cermati dan klik membuat daftar isi posting jump link blogger di bawah ini :
Arti Jump Link
Fungsi Jump Link
Cara Kerja Jump Link
Membuat Jump Link

Arti Jump Link

Jump link kalau diartikan adalah link yang melompat. Tetapi dalam satu posting tertentu, tanpa loading, tanpa membuka tab baru, dan tanpa membutuhkan script yang memberatkan. Banyak sekali model jump link ini digunakan. Seperti halnya readmore (Baca selengkapnya), Back to top, nah jump link juga diartikan link yang merujuk tapi dalam sebuah posting. Yaitu daftar isi khusus di posting. Sudah paham? Mari kita lanjut gan!

Fungsi Jump Link

Seperti di utarakan di atas, jump link berfungsi untuk menegaskan dan mempermudah pembaca menjelajahi, membolak-balik, membaca ulang, atau pun menuju ke sebuah kata atau kalimat yang diklik. Fungsi ini mirip daftar isi, tapi khusus di dalam sebuah posting blogger. Sudah paham juga fungsi jump link? Lanjut lagi bacanya

Cara kerja Jump Link

Seperti read more, atau lebih tepatnya back to top, cara kerja jump link adalah memasukkan kode link sebagai daftar, kemudian membuat target (tujuan jump link). Sebagai contoh berikut alurnya :
Buat artikel > Buat Kode jump link> Buat target atau tujuan kata yang diharapkan (penargetan)

Ingat, kode jump link dan target haruslah sama. Misalkan kita memanggil nama seseorang, jika nama yang dituju berbeda, orangnya juga beda kan? :D

Back to Menu

Membuat Jump Link

Untuk membuat jump link di blogger sangat mudah. Tanpa script yang memberatkan, tanpa juga loading blog. Bila kita membuat back to top (sederhana) loading tidak akan muncul. Berikut cara membuat jump link di blogger.

a. Buat Artikel
Buatlah artikel misalkan 4 paragraf. Misal paragraf 1 kata pertama adalah 'satu', paragraf 2 kata pertama adalah 'dua', paragraf 3 kata pertamanya adalah tiga, dst

b. Buat kode Jump Link (sebuah link daftar isi)
Dari artikel di atas maka setiap link jump link adalah sebagai berikut :
<a href="#satu"/>paragraf 1</a>
<a href="#dua"/>paragraf 2</a>
<a href="#tiga"/>paragraf 3</a>
<a href="#empat"/>paragraf 4</a>

c. Buat target atau tujuan yang diharapkan (penargetan). Inilah cara membuat kata yang ditargetan.
Satu
bla bla bal (isi paragraf 1)

Dua
bla bla bal (isi paragraf 2)

Tiga
bla bla bal (isi paragraf 3)

Empat
bla bla bal (isi paragraf 4)

Setiap kata 'satu', 'dua', 'tiga' dst harus diberi nama atau target. Pemberian target nama adalah sebagai berikut :
<div id="satu"/>
Satu
</div>

dst.
Jika sudah, klik publish dan lihat hasilnya. Akhirnya membuat jump link di blogger sukses dijalankan. Mudah bukan?

Membuat daftar isi khusus posting | jump link blogger ini kita buat saat posisi EDIT HTML. Usahakan berada pada posisi tersebut. Kesalahan saat Compose aktif akan membuat kode juga berubah. Saya sudah mempraktekkan di blog yang lain dan ternyata perlu menghapus beberapa kali id blog. Dan jangan lupa menambahkan tanda # di url jump link. Dengan kode jump link ini tetap lolos W3 Validator. Artinya membuat jump link di blogger ini tetap Valid HTML5. Untuk masalah yang dihadapi, silahkan berkomentar!

Google Serp Menu Tampilan Baru Google Serp

Google SERP ini dalam bahasa Indonesia artinya Google Search Engine Result Page. Sebuah hasil tampilan Google penelusuran setelah kita memasukkan kata kunci tertentu. Lihat di bahwah ini!

Woo ada yang baru dari Google SERP 2012 kali ini. Ada berupa menu baru di atas Sitelink Google. Dalam sumber dari situs bahasa Inggris tampilan di atas disebut Google SERP Menu | Tampilan Baru Google SERP.

Sahabat SEO blogger, kali ini sejuta trik blogger ingin share tentang Google Menu di Google Serp Baru 2012. Menu ini diluncurkan tepat tanggal 11 Juli 2012. Tepat juga di hari ulang tahun admin :D. Saya dikejutkan dengan posting blog favorit saya. Blog favorit saya tersebut menjelaskan adanya perubahan mencolok pada hasil pencarian google. Lihat gambar di atas

Pada gambar tersebut, adalah hasil Google Menu di Serp atau hasil pencarian Google. Dengan kita menuliskan kata kunci tertentu, maka perubahan terjadi pada bagian atas sitelink. Sitelink adalah beberapa link yang menjorok di bawah judul utama blog atau website. Lihat di sini untuk rahasia mendapat sitelink.

Di atas sitelink terdapat menu-menu utama yang menunjukkan beberapa kategori yang bisa dipilih pengguna sebelum memasuki website. Sebagai contoh gambar about us di bawah ini :

Dari gambar di atas terlihat jelas bahwa kolom menu About Us sangat penting untuk tampil pada halaman Google SERP. Jadi saran sejuta trik adalah bagi blog kita yang belum memasang link About Us dkk, segera isi dan cantumkan di blog. Toh kita tidak tahu kapan Google Serp Menu ini tampil di Google.co.id :D. Segeralah sebelum terlambat. Ini dimaksudkan untuk SEO Blogger kita juga, Benar bukan?

Fungsi dari Google Serp Menu ini adalah semakin memanjakan pengunjung dengan disuguhi link-link rujukan tanpa harus masuk dalam website tersebut. Wow sungguh cemerlang ide Google ini. Kalau menurut saya sih Google Serp Menu Baru ini membuat Google lebih dekat dengan blog kita.

Visit this blog : Intigi.com

Perlukah Blog Ini Menggunakan Custom Domain?

Di dalam blogger Nama domain adalah salah satu identitas utama sebuah blog. Selain judul blog domain adalah suatu karakter dari sebuah blog. Domain adalah seperti ini www.sejutatrikblogger.com walau ngarep aja :D. Banyak para blogger membuat nama domain yang unik dengan tujuan memperoleh bahkan membuat pengunjung selalu berfikir tentang nama domain tersebut. Dengan demikian pengunjung akan selalu mengunjungi blog tersebut karena selalu memikirkan nama domain. Nah sekarang, perlukah blog ini menggunakan custom domain?

Apalah arti nama sebuah blog bagus bila tidak memiliki domain yang mudah diingat? nama blog atau judul blog boleh tidak mudah diingat, tetapi nama domain harus yang mudah diingat karena nama domain ini yang akan memudahkan pengunjung mengakses blog kita tanpa bantuan google. Dikarenakan nama domain adalah pintu masuk atau akses yang bisa digunakan pengunjung untuk mengunjungi blog kita di kemudian hari.

Sebelum bicara lebih lanjut tentang custom domain, mari kita bahas kegunaan domain, custom domain. Custom domain memiliki ciri, dan tujuan tersendiri di dalam blog. Berikut menurut blogger newbie :
1. Profesionalisme Blogger
Blog yang memiliki custom domain bisa dibilang blog tersebut memiliki admin yang profesional dan all out dalam berblogger. Custom domain juga menambah kualitas jual dari sebuah blog.
2. Google Adsense
Untuk pecinta google adsense atau yang sekedar pencari uang receh di dunia online. Baik itu bisnis online kecil-kecilan atau pemula seprti saya bahkan sampai multi level market online atau apalah itu wajib memiliki custom domain. Akan tetapi banyak blog yang masih menggunakan sub domain .blogspot.com sudah bisa memajang Google Adsense. Tetapi ada tapinya, kita harus berbagi pendapatan dari situs yang diikuti. Biasayanya 50:50, apa kamu rela berbagi :(
3. SEO
Untuk seo memilik nilai tersendiri bagi blog yang memilik TLD (Top Level Domain) atau Custom domain. Banyak diantara blog yang mengikuti kontes SEO dapat memenangkan kontes tersebut walau hanya bermodalkan Custom Domain.
4. Kebebasan Memilih
Custom domain memiliki kebebasan dalam memilih nama yang kita suka sesuai selera. Tidak dibatasi entah itu jumlah ataupun kata. Asalkan nama domain belum dipakai oleh orang lain. Tidak seperti di blogger, saya mendaftar 3 huruf kata untuk blog namun selalu gagal. :(

Nah perlukah blog ini menggunakan custom domain? saya sempat berfikir, apa keuntungan lain dan berbagai kerugiannya setelah menggunakan custom domain. Bagi master blogger mohon pencerahan dan pengalamannya di kotak komentar!

Free Backlink Pagerank 9 Gratis Backlink PR 9

SEO Blogger | Free Backlink Pagerank 9 | Gratis Backlink PR 9

Dari sekian banyak blog-blog yang mengunjungi blog ini, mereka menanyakan bagaimana mendatangkan trafik blog? Menurut para master SEO Blogger mengatakan : SEO dipengeruhi oleh backlink. Walaupun artikel itu asli bikinan sendiri, tanpa adanya backlink pagerank tinggi, Apa gunanya? Dengan kata lain 1 hal yang mesti dilakukan adalah :

1. Edit Blogger

Banyak cara membuat blog kita terkenal. Salah satunya melakukan editing template blog. Dengan maksud memperbaiki tampilan blogger. Banyak template yang bagus bagus kan? Ada lagi tujuan pengeditan ini untuk meningkatkan SEO Blogger kita.

2. Promosi Blog

Banyak cara dilakukan untuk promosi blog agar blog kita tambah maknyus. Salah satunya blogwalking, promosi di jejaring sosial dsb. Tahu lah caranya bagaimana?

3. Backlink

Untuk yang poin backlink ini akan sejuta trik blogger jelaskan. Backlink sendiri artinya umpan balik atau link tautan. Semakin banyak link yang mengarah ke blog kita baik itu satu arah maupun referal atau tukaran link. Dari sumber SEO blogger yang saya baca, semakin besar pagerank yang berkenan memajang link blog kita, maka semakin besar pulan kesempatan tampil di google di urutan 1. Betul tidak? Sok atuh cari free backlink pagerank tinggi kalau bisa :D.

Untuk masalah SEO Blogger dalam kategori Backlink, sejuta trik blogger mempunyai 1 alamat Free Backlink Pagerank 9. Berikut bukti pagerank 9 tersebut.  

Logo di atas adalah Pagerank 9 dari pagerank.info yang dimiliki oleh mozilla.org. Nah bagaimana kita mendapat backlink dari pagerank 9 tersebut? Caranya cukup mudah, kita tidak mengeluarkan uang sepeserpun untuk mendapatkan gratis backlink pagerank 9 dari mozilla.org. Adapun cara mendapat gratis backlink PR9 yaitu

a. Masuk Quality.mozilla.org | QMO

b. Isikan semua form yang dibutuhkan

c. Pengalaman saya, Perlu 3 x memasukkan username. (Isikan 1 kata dengan huruf kecil)

contoh : freebacklinkpr9

d. Lengkapi biodata diri sobat. Blog kamu juga

e. Untuk form About bisa ditambah dengan homepage blog sobat. Isikan dengan  menambah misalnya : 

<a href="https://sejutatrik.blogspot.com/" target="_blank">Free Backlink PR9 | Sejuta Trik Blogger</a>

f. Simpan akun sahabat

Update Free Backlink PR 9:
Untuk link ke-2 ada di Adobe.com | Create an Adobe account

Ada lagi nih update backlink gratis dari pagerank tinggi. Berikut daftarnya :
1. Last.fm (Sahabat tinggal daftar dan tinggalkan jejak blog kita di sana pada profil)
2. Help.com (Gratis backlink pagerank tinggi, dari help.com)
3. Wordpress (Khusus blogger makin maknyus, Pemiliknya saja hanya PR8 :D)
4. AddThis juga pagerank tinggi. Ada di Forumnya, daftar saja sekalian coba-coba. Jangan hanya gunakan widgetnya saja :D
5. Drupal.org juga pagerank9. Saya memajang untuk link kontes SEO, hasilnya maknyus juga, tanpa tebar link sak abreg sudah melejit :D
6. Yang terakhir ada di Youtube.com. Masukkan link homepage kita di sana melalui profil kita. Saya yakin tambak kuat SEO Blog kita.

Dari keenam update gratis backlink pagerank tinggi di atas, masing-masing website atau forum memiliki pagerank tinggi yaitu PR9. Selamat mencoba, gak boleh untuk kontes SEO ya! nanti saya makin ke gusur :D

Dengan begitu tuntutan SEO Blogger dengan Free Backlink PR9 sudah terpenuhi bukan? Dengan kata lain kita mendapat backlink yang berada di mozilla.org. Hanya beberapa hari ini saya mendaftarkan pada akun yang lain, ternyata berdampak besar. Awalnya blog sepi, tapi setelah buka akun yang lain, saya mendapati 10 komentar menunggu. Apa tidak powerfull backlink dari Pagerank 9 ini? Jika sahabat memiliki referensi dari website yang menyediakan Free Backlink Pagerank 10 mohon pencerahannya di kotak komentar. Trims!

Macam-macam Cara Membuat Link Lebih Unik

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. 

Template Mempengaruhi Sitelink Google

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.

Rahasia Mendapat Site Link Google

Rahasia mendapat site link google sebenarnya adalah sebuah trik kecil yang sahabat blogger semua bisa lakukan. Lantas apa rahasianya? Mari kita bahas bersama-sama.

Dari hasil pencarian, saya temukan sekitar 17 Miliyar hasil pencarian Google yang menunjukkan dari kata kunci site link. Dan 1 Miliyar dari kata kunci "Site Link Google". Wow angka yang cukup banyak dicari bukan? Bagaimana dengan sahabat? Ingin mendapatkannya juga?

Site link Google memang perlu kesabaran dan ketekunan dalam mendapatkannya. Tentu harus mempertimbangkan etika dalam blogger itu sendiri. Nah berikut pengalaman yang saya dapatkan untuk mendapat sitelink google. Untuk kebenarannya, silakan tanya dengan master-master SEO.

1. Ukuran Blog

Ukuran Blog disini maksudnya seberapa cepat loading blog kita di mata Google. Tips yang akan saya berikan adalah jangan melebihi 90 kb untuk loading blog kita (Semakin kecil semakin baik). Seperti blog ini yang hanya berukuran tidak lebih dari 50 kb (Saat posting tips ini). Untuk mengeceknya silakan gunakan tool http://www.iwebtool.com/speed_test. Jika blog sahabat melebihi angka 90 kb. Sahabat wajib mengkompres blog agar tidak terlalu berat. Caranya bisa lihat di Cara Compress Blogspot yang benar

2. Blog Arsip

Sebenarnya untuk masalah validasi blogspot di V3 arsip blog mengandung error yang banyak. Belum lagi kalau di Google Webmaster Tool tentu mengandung duplikat konten dan masalah lain. Tentu hal itu membuat kita berusaha untuk menghapusnya. Sebenarnya itu salah! Walaupun dibuktikan error, tetapi arsip blog kita tetap terindeks oleh Google. Jadi gunakan Arsip Blog Hierarcy agar link blog kita semakin banyak.

3. Anchor Link

Anchor Link kalau menurut saya adalah memasang link homepage blog kita di setiap posting. Contohnya seperti ini : Sejuta Trik Blogger

4. Back Link

Tentu back link adalah harga mati untuk mendapat site link dari Google. Caranya berkomentar di blog atau website baik itu blog atau web luar negeri atau dalam negeri. Bertukar link dengan link exchange juga bermanfaat. Tapi jangan keterusan ya? Saya rasa backlik sahabat lebih banyak dari blog ini yang hanya 6 link. hahaha

5. Domain

Apa benar domain berbayar akan mudah mendapat site link Google? memang sih lebih mudah tetapi belum tentu juga, Kenapa lebih mudah, karena domain yang digunakan akan lebih besar kesempatan mendapat site link google daripada nama blog. 

Sebagai contoh blog ini : 

Nama domain http://sejutatrik.blogspot.com/

Judul Blog : Sejuta Trik Blogger

Maka site link google yang saya dapatkan adalah dengan kata kunci seperti nama domain saya "Sejuta Trik" bukan Sejuta Trik Blogger (Judul Blog saya). Jadi judul blog tidak begitu berpengaruh. Pastikan nama domain dengan judul blog sama. 

6. Judul Blog

Site Link Google hanya akan membaca 1 atau 2 kata saja dalam setiap kata kunci yang diberikan. Jadi pastikan judul blog sahabat hanya 2 saja. Kalau tidak ya terserah agan sajalah. Asalkan ada kata yang berkaitan antara judul blog dengan nama domain blogspot.com

7. Demosi

Untuk mengajukan site link blog kita ke Google, kita harus masuk ke Google web master tool, kemudian Konfigurari Situs, kemudian Taut Situs. Pada kolom demosi bawah, silakan masukkan posting blog sahabat yang paling banyak dilihat. Caranya lihat di statistik blog sahabat. Mana yang sering dilihat dan masukkan.

8. Rahasia

Tunggu sekitar 1 minggu setelah langkah di atas. Sahabat hanya perlu mengganti judul blog dengan judul apa saja terserah, Asal masih berkaitan dengan domain sahabat. Tunggu sampai judul baru sahabat terindeks oleh Google. Tidak lama kok, cuma 1 menit. Nah setelah itu tunggu beberapa jam, atau 24 jam, setelah itu kembalikan pada posisi semula. Dijamin langsung dapat!

Nah itulah ke delapan tips Rahasia Mendapat Site Link Google. Semoga dengan tips seperti di atas sahabat sejuta trik juga mendapat site link Google seperti blog sederhana ini. Salam sukses buat semua!  

Update!

Untuk masalah no.7 tentang Demosi, perlu diperhatikan bahwa setelah memasukkan url di kolom demosi, menurut Master SEO dijelaskan bahwa itu adalah kebalikannya. Jadi kita memasukkan link blog kita yang dirasa tidak penting untuk dijadikan site link. Nah untuk lebih jelasnya masalah site link google ini, sahabat bisa membaca artikel di bawah ini : 

http://www.iskaruji.com/2012/01/tentang-sitelink-google-apa-mengapa-dan.html

Happy Blogging! by. Sejuta Trik Blogger

4.5

Macam-macam Script Link Hover

Hai sob, ketemu lagi dengan posting saya yang selanjutnya. Kali ini sejuta trik blogger ingin berbagi Macam-macam Script Link Hover. Apa sih Link Hover itu?

Link hover adalah sebutan untuk perubahan warna bila link tersebut disentubuh disentuh oleh mouse. Sebagai contoh arahkan pointer atau anak panah mouse ke salah satu menu label blog ini. Maka akan otomatis berubah warna. Maka dari itu disebut Link Hover.

Sebenarnya banyak sekali yang sudah memposting tentang link hover ini hususnya Raninbow. Dalam web asing malah disebutkan Link Fader dan lain-lain. Entah apa bedanya? Kalau menurut saya kurang lebih tidak jauh berbeda.

Baik tanpa banyak kata-kata lagi langsung saja pilih yang disuka. Kode dalam gambar kertas  di bawah adalah scrool. Jadi dimohon jangan ada yang ketinggalan! Tinggal Copas di notepad ya!. Supaya hasilnya sama dengan aslinya.

1. Rainbow (Pelangi)

    <script type='text/javascript'>

    //<![CDATA[

    var rate = 20;

    if (document.getElementById)
    window.onerror=new Function("return true")

    var objActive;  // The object which event occured in
    var act = 0;    // Flag during the action
    var elmH = 0;   // Hue
    var elmS = 128; // Saturation
    var elmV = 255; // Value
    var clrOrg;     // A color before the change
    var TimerID;    // Timer ID

    if (document.all) {
        document.onmouseover = doRainbowAnchor;
        document.onmouseout = stopRainbowAnchor;
    }
    else if (document.getElementById) {
        document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
        document.onmouseover = Mozilla_doRainbowAnchor;
        document.onmouseout = Mozilla_stopRainbowAnchor;
    }

    function doRainbow(obj)
    {
        if (act == 0) {
            act = 1;
            if (obj)
                objActive = obj;
            else
                objActive = event.srcElement;
            clrOrg = objActive.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }


    function stopRainbow()
    {
        if (act) {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }


    function doRainbowAnchor()
    {
        if (act == 0) {
            var obj = event.srcElement;
            while (obj.tagName != 'A' && obj.tagName != 'BODY') {
                obj = obj.parentElement;
                if (obj.tagName == 'A' || obj.tagName == 'BODY')
                    break;
            }

            if (obj.tagName == 'A' && obj.href != '') {
                objActive = obj;
                act = 1;
                clrOrg = objActive.style.color;
                TimerID = setInterval("ChangeColor()",100);
            }
        }
    }


    function stopRainbowAnchor()
    {
        if (act) {
            if (objActive.tagName == 'A') {
                objActive.style.color = clrOrg;
                clearInterval(TimerID);
                act = 0;
            }
        }
    }


    function Mozilla_doRainbowAnchor(e)
    {
        if (act == 0) {
            obj = e.target;
            while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
                obj = obj.parentNode;
                if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
                    break;
            }

            if (obj.nodeName == 'A' && obj.href != '') {
                objActive = obj;
                act = 1;
                clrOrg = obj.style.color;
                TimerID = setInterval("ChangeColor()",100);
            }
        }
    }


    function Mozilla_stopRainbowAnchor(e)
    {
        if (act) {
            if (objActive.nodeName == 'A') {
                objActive.style.color = clrOrg;
                clearInterval(TimerID);
                act = 0;
            }
        }
    }


    function ChangeColor()
    {
        objActive.style.color = makeColor();
    }


    function makeColor()
    {
        // Don't you think Color Gamut to look like Rainbow?

        // HSVtoRGB
        if (elmS == 0) {
            elmR = elmV;    elmG = elmV;    elmB = elmV;
        }
        else {
            t1 = elmV;
            t2 = (255 - elmS) * elmV / 255;
            t3 = elmH % 60;
            t3 = (t1 - t2) * t3 / 60;

            if (elmH < 60) {
                elmR = t1;  elmB = t2;  elmG = t2 + t3;
            }
            else if (elmH < 120) {
                elmG = t1;  elmB = t2;  elmR = t1 - t3;
            }
            else if (elmH < 180) {
                elmG = t1;  elmR = t2;  elmB = t2 + t3;
            }
            else if (elmH < 240) {
                elmB = t1;  elmR = t2;  elmG = t1 - t3;
            }
            else if (elmH < 300) {
                elmB = t1;  elmG = t2;  elmR = t2 + t3;
            }
            else if (elmH < 360) {
                elmR = t1;  elmG = t2;  elmB = t1 - t3;
            }
            else {
                elmR = 0;   elmG = 0;   elmB = 0;
            }
        }

        elmR = Math.floor(elmR).toString(16);
        elmG = Math.floor(elmG).toString(16);
        elmB = Math.floor(elmB).toString(16);
        if (elmR.length == 1)    elmR = "0" + elmR;
        if (elmG.length == 1)    elmG = "0" + elmG;
        if (elmB.length == 1)    elmB = "0" + elmB;

        elmH = elmH + rate;
        if (elmH >= 360)
            elmH = 0;

        return '#' + elmR + elmG + elmB;
    }

    //]]>

    </script>

2. Link  Hover Lost (Link berubah warna kemudian akan menghilang)

<script>
/******************************************************************
*    Script name: Link fader
*    Version: 0.5
*    Date: 02.05.02
*    Usage: Freeware (as long as you don't remove this comment)
*
*    Script by: Fayez Zaheer (viol8r on #webdesign [uk.zanet.org.za])
*    Email: fayez at impenetrable.org
*    Web site: http://impenetrable.org
*     Original idea: http://anarchos.xs.mw/fade.phtml
******************************************************************/

// Make sure not to add a # to fcS and fcE - use hex values 6 characters in length ONLY
var fcS = "ffffff";
    // Original colour of your links
var fcE = "ff0000";
    // Fade to which colour?
var fBy = 5;
    // Changing this will affect how accurately the fade to colour is "reached". A value of 1 is most accurate
var speed = 10;
    // Delay in milliseconds of the change from each individual colour to the next during the fade

// Unless you want the ability to let your visitors change the
//    fade to colour, you can delete the following function
function fadeTo()
    {
        var c = prompt("What colour do you want to fade to (no #)?", "ff0000");
        convertHex(c);
        fcEr = r;
        fcEg = g;
        fcEb = b;
    }
// Stop deleting.

// IF YOU DON'T KNOW WHAT YOU ARE DOING,
// DON'T EDIT ANYTHING BEYOND THIS POINT
var r , g, b, fcEr, fcEg, fcEb, fcSr, fcSg, fcSb, fi, fo, x = 0, h = new String();

function convertHex(hex)
    {
        r = hex.substring(0, 2);
        r = parseInt(r, 16);
        g = hex.substring(2, 4);
        g = parseInt(g, 16);
        b = hex.substring(4, 6);
        b = parseInt(b, 16);
    }

convertHex(fcE);
    fcEr = r;
    fcEg = g;
    fcEb = b;

convertHex(fcS);
    fcSr = r;
    fcSg = g;
    fcSb = b;

function fadeIn(x)
    {
        if ((r > fcEr) && (r-fBy >= 0)) r -= fBy;
        if ((g > fcEg) && (g-fBy >= 0)) g -= fBy;
        if ((b > fcEb) && (b-fBy >= 0)) b -= fBy;
        if ((r < fcEr) && (r+fBy <= 255)) r += fBy;
        if ((g < fcEg) && (g+fBy <= 255)) g += fBy;
        if ((b < fcEb) && (b+fBy <= 255)) b += fBy;
        document.links[x].style.color = "rgb(" + r  + "," + g + "," + b + ")";
        if ((r == fcEr) && (b == fcEb) && (g == fcEg))
            clearInterval(fi);
    }

function fadeOut(x)
    {
        if ((r < fcSr) && (r+fBy <= 255)) r += fBy;
        if ((g < fcSg) && (g+fBy <= 255)) g += fBy;
        if ((b < fcSb) && (b+fBy <= 255)) b += fBy;
        if ((r > fcSr) && (r-fBy >= 0)) r -= fBy;
        if ((g > fcSg) && (g-fBy >= 0)) g -= fBy;
        if ((b > fcSb) && (b-fBy >= 0)) b -= fBy;
        document.links[x].style.color = "rgb(" + r  + "," + g + "," + b + ")";
        if ((r == fcSr) && (b == fcSb) && (g == fcSg))
            clearInterval(fo);
    }

function findLink()
    {
        convertHex(fcS);
        clearInterval(fo);
        clearInterval(fi);
        document.links[x].style.color = "#" + fcS;
        x = 0;
        while (!(this.id == document.links[x].id) && (x < document.links.length))
            x++;
        if (this.id == document.links[x].id)
            fi = setInterval("fadeIn(" + x  + ")", speed);
    }

if ((!document.layers) && (document.links))
    {
        for (var i = 0; i < document.links.length; i++)
            {
                document.links[i].id = "link" + i;
                document.links[i].onmouseover = findLink;
                document.links[i].onmouseout = function mouseOut() { clearInterval(fi); clearInterval(fo); fo = setInterval("fadeOut(" + x + ")", speed); };
            }
    }
</script>

3. Link Hover Blink 182 (Link berubah warna dan akan berkedip)

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>
<!-- /**************************************************** Created With: PopupGenerator URL: http://www.popupgenerator.com ****************************************************/ var win=null; function NewWindow(mypage,myname,w,h,pos,infocus){ if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;} if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;} else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20} settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=no,menubar=no,toolbar=no,resizable=yes";win=window.open(mypage,myname,settings); win.focus();} // -->
</SCRIPT>
<style>
a:hover {
color:#00FFFF;
text-decoration:blink;
border-bottom:1px dotted #003300;
}
</style>

Penting !

1. Untuk kode no1. Bisa kalian ubah kecepatan berubah warnanya pada warna hijau ganti angka lebih sedikit untuk lebih pelan, dan kebalikannya.
2. Semua kode di atas akan berjalan baik di setiap posting atau di sidebar blog. Jika di tempatkan pada urutan widget teratas. Ini dimaksudkan agar pemanggilan script pengubah warna atau hover ini lebih diprioritaskan.
3. Mohon maaf dikarenakan tutorial merupakan script. Untuk demo hasil dari script link hover tidak saya tampilkan. Sebagai gantinya silakan dicoba saja. Toh malah tau bedanya. Ya ga?

Nah, sementara itu yang dapat sejuta trik blogger berikan tentang macam-macam script link hover. Untuk selanjutnya akan diupdate lain waktu. Itu pun kalau saya dapat script yang baru. ha ha ha ha ha.

Happy Blogging! by. Sejuta Trik Blogger

Tempat Hosting Gambar Tanpa Daftar

     Dalam upload gambar memang pihak penyedia blogger memang menyediakan kapasitas 1 GB untuk menyimpan gambar-gambar blog kita, namun setelah saya pikir-pikir saya ingin menyimpan gambar di tempat hosting gambar tanpa daftar yang sekiranya tidak penting tapi masih bisa kita miliki di tempat hosting gambar pilihan atau favorit.

     Nah waktu lalu saya telah menulis Mengetahui kapasitas upload gambar blog kita di picasa. Untuk sekarang alternatif hosting gambar yang menjadi pilihan selain di picasa yaitu hosting gambar yang tidak perlu daftar. Memang google site juga bisa digunakan, akan tetapi kita harus menghapus kode setelah kode .jpg atau yang lainnya. Ini membuat saya repot. Bagaimana dengan sobat?

     Berikut ini adalah daftar hosting gambar tanpa daftar atau kita tidak menjadi member. Memang ada kalanya gambar yang kita upload tiba-tiba dihapus oleh penyedia. Tapi lumayanlah buat hosting gambar kita. Untuk mencobanya silakan cek saja satu-satu situs di bawah ini :

http://www.tinypic.com/

http://www.burn-blue.com/

http://image-bb.com/

http://pic-hoster.net

http://tammzak.ta.funpic.org/photo/

http://www.1pix.org/

http://www.filecache.de/

http://www.foto-genius.com

http://www.freeimagehosting.net/

http://www.imagebanana.com/

http://www.imagefilez.com/

http://www.imagehosting.evonet.ro/

http://www.imagehosting.ro/

http://www.imageiso.com/

http://www.imageknight.com/

http://www.imagesforme.com/

http://www.imagesocket.com/

http://www.imagespeech.com/

http://www.imagetag.co.uk/

http://www.image-upload.net/

http://www.imagevenue.com/

http://www.imghaven.com/

http://www.img.xtremshare.com/

http://www.lookpic.com/

http://www.paintedover.com/

http://www.photodump.com/

http://www.picfreak.us/

http://www.picfront.org/

http://www.picoodle.com

http://www.pictiger.com/

http://www.pictransfer.de

http://www.pix-hoster.com/

http://www.qfqy.com/

http://www.radikal.ru/

http://www.simpload.com/

http://www.spazshare.com/

http://www.superfilehosting.com/

http://www.theimagehosting.com/

http://www.upit.cc/

http://www.upl0ad.org

http://www.willhostforfood.com/

http://www.xs.to/

http://www.yourupload.com

     Bagi teman-teman yang mempunyai referensi lain soal tempat hosting gambar tanpa daftar di atas, mohon masukannya.

Happy Blogging!
by. Sejuta Trik Blogger

Membuat Link di Judul Widget

Dalam sebuah widget pasti kita beri judul. Khususnya widget berbasis HTML kita dapat memodifikasinya. Salah satunya dengan Menambah Link di Judul Widget. Dimana link dalam judul dapat dijadikan optimasi SEO Blogger on page. Nah untuk lebih jelasnya silakan baca di bawah ini :

1. Log in di blogger dengan id anda untuk masuk ke akun dan mengedit blog anda.
2. Klik Tata Letak / Layout
3. Tambahkan gadget dengan mengklik Add a Gadget
4. Pada menu yang tersedia, pilih atau klik HTML/Javascript
5. Copy pastekan Kode di bawah ini, CATATAN : Pastikan judul atau title sidebar / pada gadget HTML/Javascript dalam keadaan kosong untuk menghindari duplicate title.

Kode pertama Link dengan icon tau background :

<style type="text/css">
.pasang-link{ 
font-size:11px; 
float:right; 
font-weight:bold; 
background:url(http://t1.gstatic.com/images?q=tbn:lJgxPMEh7KGJJM: 

http://aespesoft.com/wordpress/wp-content/themes/massivepress/images/category-rss.jpg) 
right 0px no-repeat; padding-right:20px; 
} 
</style>  
<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>

6. Ganti kode warna merah dengan icon yang anda suka, kode warna biru adalh text link dan warna hijau adalah title sidebar.

Jadinya seperti ini :

Kode kedua link tanpan icon atau backgraund :

<style type="text/css">
.pasang-link{ 
font-size:11px; 
float:right; 
font-weight:bold; 
} 
</style>  
<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>

Kode ketiga menampilkan text saja :

<style type="text/css">
.pasang-link{ 
font-size:11px; 
float:right; 
font-weight:bold; 
} 
</style>  
<h2><span class="pasang-link">Text Here</span>Title Sidebar</h2>

Jadinya seperti ini :

Begitulah cara menambah link di judul widget. Semoga bermanfaaat!

Sumber ane di http://www.sodiycxacun.web.id/2010/05/cara-membuat-link-atau-text-disamping.html#axzz1ZofLPTj2

Happy Blogging!
by. Sejuta Trik Blogger