Membuat Link Profesional Untuk Blogger

Membuat Link Profesional Untuk Blogger

Link

September 13, 2012 Add Comment

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/AVvXsEisxzvUigZcsS8yaZsM9oQUXXO1u2NH0smPheTlje0AOy0bwsfJ4yLsYhmWSrRxXAW2G5mkv7ZF8HujeiDmqcQuAU1rVFxUUPgPXPYPW3ER-ezojFVcUwxUpYzqBO4zlAj1ZTo1PLk-zJAr/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!

Membuat Daftar Isi Khusus Posting | Jump Link Blogger

Membuat Daftar Isi Khusus Posting | Jump Link Blogger

Link Posting

July 25, 2012 Add Comment

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 Menu Tampilan Baru Google Serp

Info Google Link SEO

July 20, 2012 Add Comment

Google SERP ini dalam bahasa Indonesia artinya Google Search Engine Result Page. Sebuah tampilan Google 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?

Perlukah Blog Ini Menggunakan Custom Domain?

Info Blog Link SEO

June 30, 2012 Add Comment

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

Free Backlink Pagerank 9 Gratis Backlink PR 9

Link SEO

June 07, 2012 Add Comment

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

Macam-macam Cara Membuat Link Lebih Unik

Link SEO

May 08, 2012 Add Comment

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

Template Mempengaruhi Sitelink Google

Link SEO Template

April 08, 2012 Add Comment

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.