Jun 30, 2012

Permalink dan Cara Memasangnya di Blogger


Kabar gembira buat Anda pengguna blogger,  setelah di awal tahun 2012 lalu blogger menambahkan fitur setelan Search preference meta tag deskripsi . Kini  blogger meluncurkan lagi fitur SEO terbarunya yaitu Permalink for Blogger. Ini merupakan salah satu pengembangan SEO yang selama ini ditunggu-tunggu kehadirannya oleh pengguna Blogger dan blogspot.

fitur permalink terbaru untuk blogger

Apa itu permalink?  


Permalink singkatan dari permanent link yaitu suatu URL yang merujuk kepada suatu halaman web tertentu. 
Secara awam Permalink adalah URL yang muncul di address bar browser Anda.
Permalink merupakan suatu susunan unik yang selalu berbeda dengan permalink lainnya meski dalam satu URL, dan jika sebuah permalink telah publish maka dia tidak bisa diganti (edit) lagi, sesuai dengan namanya permalink yang berarti permanent link.  
Artinya walaupun suatu waktu kita mengubah judul artikel blog, URL permalink takkan bisa berubah. Sudah pernah coba mengganti judul post blog?

Mungkin sederhananya begini; lihat URL di bawah;


1. http://blogbelajar2.blogspot.com/2012/04/kelebihan-blogspot-dibanding-wordpress.html

2. http://blogbelajar2.blogspot.com/

3. http://blogbelajar2.blogspot.com/2012/06/kode-javascript-agar-blog-tidak-bisa.html

No 1 dan 3 adalah contoh permalink post, sedangkan yang nomor 2 adalah URL homepage blog.

Bagaimana permalink yang bagus tersebut? 


Salah satu kelemahan blogger yang banyak dikeluhkan adalah terbatasnya kata-kata dalam sebuah URL (permalink tersebut) Kata-kata yang ditampilkan paling banyak 5 atau 6 kata saja. Akibatnya, banyak judul-judul dalam postingan blogspot/blogger terlihat monoton. Misalnya Cara Membuat .... How To.... Cara Memasang ..... Ya mau tidak mau memang, untuk menembak keyword dan optimasi blog.

Perhatikan URL di atas yang berwarna biru. Ini juga salah satu alasan mengapa banyak blogger yang "pindah ke lain hati" alias ke wordpress, dimana setting permalink di wordpress bisa "sesuka" hati blogger itu sendiri. 

TAPI ITU DULU...

Sebelum Sekarang blogger sudah support untuk custom URL permalink itu sendiri. Coba lihat di address bar URL posting blog ini.

fungsi pengertian dan efek permalink bagi blog


Beda dengan judul postingan khan? Dulu... Judul di postingan blog itulah Permalink nya, dan jika judul kepanjangan dan kurang "kreatif" membuat judul yang baik. maka akan terlihat "aneh" dan rasanya kurang puas jika judulnya;

Kode javascript Agar Blog Tidak Bisa Klik Kanan / copy paste

sedangkan permalinknya 

http://www.super-gaptek.com/2012/06/kode-javascript-agar-blog-tidak-bisa.html

hehehe....

Okey gak perlu panjang lebar lagi yaa. Langsung saja kita ikuti cara memasang kustom url permalink di blogger. Selama ini kita mengakses blogger di blogger.com bukan? nah silakan ubah ke alamat draft.blogger.com. Maka Anda akan temukan Fitur untuk kustomisasi permalink tersebut di setelan entri di di sebelah kanan.

apa itu permalink dan bagaimana cara memasang dan menambah permalink di blogger

Pastikan gunakan karakter garis biasa (-) saja untuk kustomisasi URL permalink ini. lihat contoh di atas. 

Bagaimana pengaruh permalink terhadap SEO blog?


Seperti yang sudah saya utarakan di atas, salah satu alasan mengapa banyak blogger Master yang beralih ke Wordpress adalah karena keterbatasan kustomisasi URL di blogger. Permalink selain untuk memperkaya keyword juga sebuah trik agar muncul di halaman pertama Google SERP.

Memang fitur ini masih versi beta, namun sudah bisa dipakai dan saya yakin suatu saat akan dipermanenkan. Namun sayangnya URL permalink untuk posting lama tidak bisa di edit. Nah, bagaimana sobat blogger. Silahkan diterapkan untuk optimasi blog.

Update;

Sekarang permalink sudah bisa diakses di blogger.com,

Jun 29, 2012

Kode javascript Agar Blog Tidak Bisa Klik Kanan / copy paste


Pada post terdahulu saya saya sudah publikasi artikel tentang cara melaporkan blog copas ke google, maksudnya ialah melaporkan postingan blog lain yang telah mencontek mentah-mentah posting blog kita. Melindungi blog bisa dilakukan, salah satu caranya ialah disable klik kanan pada mouse agar, ini artinya baik itu artikel maupun gadget-gadget yang ada tidak bisa di klik kanan baik yang bertujuan untuk membuka link di tab baru maupun yang berniat untuk menyalin keseluruhan isi artikel. 

menghindari copy paste  anti klik kanan pada postingan blog


Mungkin Anda sering dibuat jengkel oleh para copassser, ditegur sudah, dilaporkan sudah juga. Bingung juga mau diapain lagi tuh blogger. Nah jika Anda tidak mau artikel dan gambarnya di copas, ada satu cara efektif yaitu dengan menambahkan kode javascript disable right click tersebut.

Di sini saya akan share kode javascript yang bisa dipasang di blog sobat ;



Cara pasang

1. Masuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > pilih HTML / Javascript

3. Kemudian masukkan kode di atas tadi. Terus Simpan > Simpan Setelan


Memang kode ini tidak begitu cepat kerjanya apalagi jika loading blog sobat lelet. Masih ada kemungkinan di copas, dengan kesempatan waktu beberapa detik, namun setelah itu kode javascript anti klik kanan ini sudah bisa bekerja dengan baik.

Update;

Jika sobat kurang puas, silakan pakai kode javascript di bawah ini:
cari kode </head> lalu masukkan kode dibawah ini di bawahnya





Nah silakan dicoba Sobat Blogger Super Gaptek

Jun 23, 2012

Chat Facebook Menggunakan Foto Profil


Halo Facebooker mau tahu cara chatting facebook pake foto profil? Ane punya trik nya neeh, mudahan banyak yang belum tau,bagi yang udah tahu, syukuur. hehehe

sobat tentu tahu khan apa itu URL, kalau belum tau silakan buka lagi dech posting tantang apa itu URL.
Karena chat FB pake foto profil ini kita harus tau URL dan username FB kita.

contoh URL FB saya

http://www.facebook.com/blogger.msuriansyah

mungkin ada juga yang seperti ini, jika belum mengganti username dengan nama sendiri

http://www.facebook.com/profile.php?id=100003962876584

kode yang berwarna biru di atas adalah ID khusus atau username pengguna milik kita. Trus gimana mau menggunakan foto profil sebagai icon chatting? 

Silakan copy kode yang berwarna biru (ingat punya sobat sendiri ya...) lalu masukkan username tadi di antara kode di bawah ini

[[blogger.msuriansyah]]      atau        [[100003962876584]]

chatting facebook pakai foto


 Kemudian paste di form chatting FB sobat tekan CTRL + Enter.

Gimana Sobat, udah nyoba, kalau belum silakan dicoba, buat hiburan n iseng-iseng.

Jun 20, 2012

Cara memasang tweet terbaru di blog

Widget ini adalah untuk menampilkan tweet terakhir dari postingan blog, yaa semacam update status di facebook lah. Sebetulnya widget ini bisa saja kita dapatkan di twitter namun buat sobat yang belum tau caranya dan gak mau repot silahkan memakai kode-kode dibawah ini untuk menampilkan streaming tweet di blognya. Berbeda dengan widget twitter follower box, yang memnampilkan follower, maka gadget ini menampilkan tweet terbaru dari anda dan postingan blog sobat.

memasang menambah status atau tweet twitter terakhir postingan blog


Cara menambahkan update tweet ini sebagai berikut:

1. Masuk ke blogger

2. Dasbor > Tata Letak > Tambahkan gadget > HTML/Javascript

3. Copy dan paste kode berikut ini di dalam form yang tersedia.



<div id="twitter-ticker"><div id="top-bar"><div id="twitIcon"><img src="http://julak-project.googlecode.com/files/blogbelajar2tweet1.png" width="64" height="64" alt="Twitter icon" /></div><h2 class="tut">My Tweets</h2></div><div id="tweet-container"><img id="loading" src="http://julak-project.googlecode.com/files/loadingtweetblogbelajar2.gif" width="16" height="11" alt="Loading.." /></div><div id="scroll"></div></div><style>/* CSS Document */h2.tut{/* This is the "MY TWEETS" title */    color: white;font-family: "Myriad Pro", Arial, Helvetica, sans-serif;font-size: 16px;padding: 12px 0 0 58px;text-transform: uppercase;/* The CSS3 text-shadow property */    text-shadow: 2px 1px 6px #333;}#twitter-ticker{/* Styling the ticker */    width: 300px;height: 400px;background: url(http://julak-project.googlecode.com/files/blogbelajar2.blogspot.comtweet2.png) no-repeat #f5f5f5;color: #666666;display: none;/* Rounded corners */    -moz-border-radius: 10px 10px 6px 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;text-align: left;}#tweet-container{/* This is where the tweets are inserted */    height: 230px;width: auto;overflow: hidden;}#twitIcon{/* Positioning the icon holder absolutely and moving it to the upper-left */    position: absolute;top: -25px;left: -10px;width: 64px;height: 64px;}#top-bar{height: 45px;background: url(http://julak-project.googlecode.com/files/blogbelajar2.blogspot.comtweet3.png) repeat-x;border-bottom: 1px solid white;position: relative;margin-bottom: 8px;/* Rounding the top part of the ticker, works only in Firefox unfortunately */    -moz-border-radius: 6px 6px 0 0;}.tweet{/* Affects the tweets */    padding: 5px;margin: 0 8px 8px;font-family: calibri;border: 1px solid #F0F0F0;background: url(http://julak-project.googlecode.com/files/blogbelajar2transparent.png);width: auto;overflow: hidden;}.tweet .avatar, .tweet .user, .tweet .time{float: left;}.tweet .time{text-transform: uppercase;font-size: 10px;color: #AAAAAA;white-space: nowrap;}.tweet .avatar img{width: 36px;height: 36px;border: 2px solid #eeeeee;margin: 0 5px 5px 0;}.tweet .txt{/* Using the text container to clear the floats */    clear: both;}.tweet .user{font-weight: bold;}a, a:visited{/* Styling the links */    color: #00BBFF;text-decoration: none;outline: none;}a:hover{text-decoration: underline;}#loading{/* The loading gif animation */    margin: 100px 95px;}.jScrollPaneContainer{position: relative;overflow: hidden;z-index: 1;}.jScrollPaneTrack{position: absolute;cursor: pointer;right: 4px;top: 0;height: 100%;background: #ddd;}.jScrollPaneDrag{position: absolute;background: #999;cursor: pointer;overflow: hidden;}.jScrollPaneDragTop{position: absolute;top: 0;left: 0;overflow: hidden;}.jScrollPaneDragBottom{position: absolute;bottom: 0;left: 0;overflow: hidden;}a.jScrollArrowUp{display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowUp:hover{/*background-color: #f60;*/}a.jScrollArrowDown{display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowDown:hover{/*background-color: #f60;*/}a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color: #f00;*/}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><script type="text/javascript" src="http://julak-project.googlecode.com/files/blogbelajar2tw%20.js"></script><script type="text/javascript" src="http://julak-project.googlecode.com/files/blogbelajar2twittertick2%20.js"></script><script type="text/javascript" src="http://julak-project.googlecode.com/files/blogbelajar2twitterticker3%20.js"></script><script type="text/javascript">var tweetUsers=['supergaptech'];</script>

Silakan ganti username akun twitter supergaptech dengan username twitter Anda sendiri
Yang mau lihat live demonya di sini

Monggo yang pengen coba...
Ada juga widget twitter follower box looh...

Cara agar gambar di posting blog tidak bisa dicopy

cara agar gambar tidak bisa di copy paste alias klik kanan disable imageDalam setiap artikel kita terkadang membuat gambar-gambar tertentu untuk menraik perhatian pengunjung. Saya sendiri memakai gambar tujuannya selain optimasi SEO juga untuk memudahkan pengunjung dalam mengikuti tutorial yang ada. Namun apa jadinya jika gambar-gambar tersebut di copas, yaa walaupun kita juga mencari di google image, namun ada juga khan yang hasil karya cipta sendiri. (sedikit intermezzo, saya mengolah gambar dengan software snipping tool bawaan di windows 7 dan vista)


Nah bagaimana caranya agar gambar diposting blog kita tidak bisa di copas, salah satu caranya adalah dengan mendisable klik kanan pada gambar. Buat sobat yang mau kode javascriptnya silakan ikuti tutorial di bawah ini

A. Disable klik kanan gambar pada seluruh posting blog.


Caranya ialah memasukkan kode javascript ke template

1. Langkah pertama seperti biasa masuk akun blogger

2. Dasbor > Template > Edit HTML > Lanjutkan > centang expand template widget

3. Cari kode </head>, kemudian masukkan kode berikut tepat di atasnya




4. Klik pratinjau, jika tidak error, berarti kode javascript bekerja dengan baik. Simpan template.


B. Disable klik kanan hanya pada gambar di posting tertentu


Sedangkan untuk mendisable klik kanan pada gambar pada posting yang dinginkan adalah dengan menambahkan kode di bawah di menu HTML atau saat menulis postingan masuk ke mnu HTML (bukan compose)

oncontextmenu='alert("Image context menu is disabled");return false;'

Contoh penerapannya:

dibawah ini adalah image tag asli di posting blog

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE3QRyJn5KWeN5v3CHbkCq78B4DWeglw3jgCHD0_q48eND5ghNjnktOB9aD0mjWxwoN97GHEHu3Id305y_nsI96DCXenDTn94R7iJ40_ue4DvyEJHVeFci-hdTDerkT21tUPrPtGG1Mv_W/s1600/2008_10260151.JPG" />

agar tidak bisa di klik kanan masukkan kode berwarna merah di atas, contoh:

<img oncontextmenu='alert("Image context menu is disabled");return false;' border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE3QRyJn5KWeN5v3CHbkCq78B4DWeglw3jgCHD0_q48eND5ghNjnktOB9aD0mjWxwoN97GHEHu3Id305y_nsI96DCXenDTn94R7iJ40_ue4DvyEJHVeFci-hdTDerkT21tUPrPtGG1Mv_W/s1600/2008_10260151.JPG" />
 


 Nah silakan lindungi gambar-gambar posting sobat agar tidak bisa di copas, Silakan dicoba.

Cara Merubah Nama Halaman Facebook Fan Page




Sobat Blogger, jumpa lagi neeh. Jangan bingung yaa, kalo blog ini udah ganti nama jadi pake langsung .com alias gak pake blogspot.com lagi. Baru tadi malam ane beli domain, murah kok cuma Rp 95.000,- untuk satu tahun. Eits tapi saya kali ini gak bikin tutorial cara beli domain looh ya, Insya Allah nanti saya akan posting cara mengganti blogspot.com menjadi namasendiri.com. 

Kali ini Saya mau share tentang cara mengganti nama facebook page atau halaman facebook. Yaa barangkali sobat blogger yang punya halaman facebook udah bosen dengan judul halaman yang sudah ada. Demikian pula saya, halaman facebook saya pun sudah 3 kali berubah nama, dan baru tadi malam diganti namanya jadi super-gaptek.com

Nah sekarang langsung kita ikuti tutorialnya.

1. Pastikan sobat login di akun facebook

2. Buka halaman facebook sobat

3. Klik Sunting Halaman > Pilih Perbarui Informasi (letaknya di bagian atas kanan)

cara merubah atau mengganti nama judul halaman facebook

4. Klik Nama, Lalu ganti dengan nama halaman facebook yang dikehendaki

cara meudah mengganti nama halaman facebook fan page

5. Klik Simpan, Selesai, mudah bukan? Silakan dicoba

Sebelumnya juga ada cara merubah username halaman facebook.

Jun 19, 2012

Cara membuat link yang SEO friendly di Blog

Pada artikel sebelumnya saya sudah membuat artikel tentang apa yang dimaksud dengan link dan URL. Sebelum kita mengetahui lebih jauh mengenai cara membuat link di postingan blog ada baiknya sobat buka dulu artikel tersebut. Pada dasarnya link atau tautan unsur utamanya adalah URL. Sedangkan yang lain adalah kode tambahan berupa URL gambar (untuk link bergambar) dan anchor text. 

A. Di bawah adalah contoh link yang baik untuk SEO blog


<a href="http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html">Cara membuat blog di blogspot </a>

1. <a = start link tag

2. kode biru = lokasi link referral yang akan dituju

3. kode merah = anchor text

4. </a> = link tag penutup

Jadi dari ke 4 kode di atas harus lengkap, karena jika tidak lengkap bisa tidak berfungsi maksimal terhadap SEO blog. Mengapa harus ada anchor text? Untuk memudahkan spider tahu bahwa mereka harus menambahkan link ini ke grafik link search enginemenggunakannya untuk menghitung query-variabel independen (seperti PageRank Google), dan mengikutinya ke indeks isi dari halaman yang dirujuk. Jadi intinya antara URL dan anchor text harus atau paling tidak mewakili kata yang sama. (lihat kode di atas tadi)

B. Bagaimana cara menambahkan link di dalam postingan blog.


Sangat mudah. Saat menulis atau mengedit artikel, silakan ikuti langkah-langkah berikut.

1. Blok kata / text yang diinginkan

cara memasang link di postingan blog yang seo friendly


2. Klik Tulisan link di bagian atas di bagian bawah kata publikasikan

cara mudah membuat link di dalam artikel blog


3. Cara memasukkan link dan pengaturan rel dofollow nofollow link. Lihat gambar di bawah


  • Jika kita blok pada langkah 1 akan muncul anchor text pada kode ditunjukkan nomor 1
  • Pada web address masukkan URL yang akan dituju (2)
  •  centang Open this link in new window jika ingin muncul di tab baru (3)
  •  centang 'rel nofollow' jika link yang dituju adalah link keluar (outbond link) blog (3)
  •  hapus centang 'rel=nofollow' jika link yang dituju adalah link di dalam blog sobat sendiri /internal link (3) Klik OK. Selesai.

cara memasang memasukkan menambahkan link di posting blog


C. Cara Memasang Link di Sidebar atau Footer dengan HTML/Javascript

 

Lihat contoh kode pada bagian A. Silakan ubah URL (kode biru) dan anchor text (merah) kemudian sesuaikan dengan yang diinginkan

Masuk ke dasbor > tata letak > Tambahkan Gadget > Html / javascript

Kemudian masukkan kode lengkapnya. Klik simpan

cara membuat link di samping, sidebar atau footer



D. Memasang link di Sidebar dengan URL langsung (lewat Daftar Link) 


Memasang link bisa juga dengan cara memasukkan URL link secara langsung baik di sidebar atau footer

Cara membuat link di daftar link

Masuk ke dasbor > Tata Letak > Add Gadget > Daftar Link > Klik Tanda  +

tips dan teknik membuat serta memasang link di blogger

  • Judul boleh dimasukkan boleh tidak
  • Menyortir daftar link tersedia dengan urutan berdasar abjad atau acak.
  • URL situs baru ; di isi URL yang sobat kehendaki
  • Kemudian masukkan nama link, (anchor text)
  • Klik Simpan


cara membuat dan memasang link di sidebar blog

Kalau anda mau menambah atau menghapus link tiggal klik EDIT di Tata letak Gadget daftar link tadi.

Demikian 3 cara mudah memasang link di blog. Terserah Sobat mau pakai cara yang mana. 

Saran dan kesimpulan;

  • Memasang link di postingan atau di blog merupakan teknik seo dasar yang mungkin "terlupakan", namun cukup memberikan efek dalam menaikkan rangking Pagerank dan mengecilkan Alexa Rank.
  • Untuk SEO blog, pastikan pasang 'rel="nofollow" untuk link keluar dan dofollow untuk internal link (atau jangan ditambahkan kode 'rel="nofollow"
  • Link internal yang baik harus dengan anchor text yang sesuai dengan URL yang dituju.
  • Memasang link di postingan blog juga dalam upaya menaikkan pagerank postingan lain yang nilai pagerank nya lebih rendah? Kok bisa. Ya, karena tiap halaman artikel blog berbeda-beda rangking pageranknya. silakan cek sendiri di prchecker.info


Bagaimana sobat blogger, SEO itu mudah dan sederhana bukan? Tapi ingat SEO blog adalah sebuah proses yang perlu usaha dan kerja keras yang maksimal. Popularitas blog atau munculnya postingan blog di halaman pertama google membutuhkan waktu. Tidak bisa secara instan. Silakan dicoba.

Jun 18, 2012

Apa itu link dan URL? Jenis dan contoh penerapannya

Sebelum kita membahas bagaimana cara membuat link, ada baiknya kita pahami dulu tentang apa yang dimaksud dengan link, jenis-jenis link, fungsi dan manfaat link. 

Apa itu link? Sederhananya Link adalah sebuah tautan yang mengarah baik itu ke dalam blog itu sendiri (inbound link) maupun ke luar blog (outbond). Kalo yang tadi jenis link menurut masuk atau keluarnya blog. 

Unsur utama Link adalah URL atau alamat sebuah blog, postingan blog ataupun website lain.

contoh URL;
http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html

Diatas adalah sebuah contoh URL yaitu untuk alamat postingan blog saya tentang cara membuat blog.

pengertian maksud link dan URL blog website



Link sendiri terdiri dari bermacam-macam;

  • Link dilihat dari fungsi tab terbagi menjadi link dengan membuka tab baru dan link dengan tanpa membuka tab baru (tetap di tab yang sama)

  • Link bisa berupa gambar dan yang berupa teks jangkar (anchor text)

  • Dilihat dari arah link, ada inbound link (link masuk) dan outbond link (link keluar)

Contoh-contoh penerapan link

A. Link dengan fungsi tab


1. Link dengan anchor text /teks biasa dan membuka di tab baru



Silakan sobat buka link tautan di atas maka akan terbuka di tab baru

kodenya ;

<a href=”http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html” target="_blank></a>

2. Sekarang buka link di bawah ini sebagai contoh link teks dengan tidak membuka tab baru


Cara Membuat Twitter 
Kodenya;

<a href=”http://www.super-gaptek.com/2012/06/cara-buat-akun-twitter-sekaligus-sarana.html"></a>


B. Link berupa Gambar


Link berupa gambar adalah link yang ditunjukkan dengan simbol atau gambar tertentu yang mengarah ke alamat URL tertentu

Silakan buka / klik gambar di bawah ini



Gambar di atas adalah contoh link dengan gambar yang bila di klik akan membuka di tab yang sama. Kodenya adalah seperti di bawah ini. Ada 2 URL di sini, yaitu URL post blog dan URL untuk menimpan gambar.
<a href=”http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html”><img src=”http://julak-project.googlecode.com/files/belajar%20cara%20membuat%20blog%20di%20blogsppt.jpg”></a>
Untuk membuat link dengan gambar, agar muncul di tab yang baru adalah dengan menambahkan kode

target="_blank" setelah alamat / URL blog

contohnya seperti di bawah ini;

<a href=”http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.htmltarget="_blank"><img src=”http://julak-project.googlecode.com/files/belajar%20cara%20membuat%20blog%20di%20blogsppt.jpg”></a>

Penjelasan;

Kode berwarna biru adalah URL/alamat blog / website yang dituju
Kode berwarna ungu di isi dengan alamat gambar, misalnya saya sendiri menyimpan gambar di google code


Demikian penjelasan sederhana mengenai apa itu link, jenis dan penerapannya. Semoga bisa membantu Anda.







Jun 15, 2012

Cara pasang like share FB tweet melayang di blog

Facebook twitter dan google plus merupakan jejaring sosial yang mampu mendongkrak traffic kunjungan dan popularitas blog. Nah pada kesempatan ini saya akan membuat tutorial tentang cara membuat dan memasang like share facebook dan tweet dan google plus di blog langsung saja kita ikuti cara-caranya:

cara membuat memasang like share facebook twitter google plus melayang di blog


1. Maasuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > Pilih Html/javascript

3. Masukkan kode di bawah ini


<!--Widget Like share tweet google plus Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.super-gaptek.com" target="blank"><font color="blue">(Get Widget)<font></font></font></a></div></div>

<!--Widget Like share tweet google plus Melayang End-->

4. Terakhir simpan > simpan setelan.

5. Selesai

Lihat contohnya adalah di blog saya ini.

Widget tombol berbagi like facebook tweet google plus melayang di blog selesai dan terpasang di blog anda.


Aplikasi Ramalan Cinta Buat Remaja


Halo apa kabar sobat blogger, Julak sourie punya koleksi gadget terbaru neeh. Siapa tau ada yang mau pake. Namanya Gadget Ramalan Cinta si Cupid, hehehe... Ada yang coba ngeramal hubungan cintanya dengan seseorang, atau pacar sekarang, atau selingkuhan (ups gak boleh yaa) Gak perlu ke dukun atau Deddy Corbuzier, cukup di sini aje. 

Oke silakan masukkan nama kamu dan pasangan kamu di form yang tersedia. Disini bisa saya kasih contoh adalah ramalan percintaan antara Surti Versus Tejo, xixixi... 100% looh cinta mereka. 

gadget ramalan cinta online siap pakai






Ini gadget ramalan cinta tampilan yang kedua




Cara pakainya masukkan aja nama kamu dan pasangan kamu lalu klik Calculate.


Atau sobat mau pasang di blog sobat bisa juga, berikut kodenya;




Ini gadget ramalan cinta tampilan yang kedua



Silakan atur tinggi dan lebar widget nya sendiri yaa...
Lihat kode yang berwarna merah height untuk ukuran tinggi dan width untuk lebar gadget.

Cara Pasangnya bisa di samping cukup masuk dasbor Tata letak > Tambahkan gadget > Html / javascript

Trus masukkin deh tuh kode.

Kalo mau pasang di postingan atau laman statis jangan lupa masuk ke menu HTML editor

Cara Buat Akun Twitter Sekaligus Sarana Promosi Blog


Seorang blogger gak punya akun jejaring social twitter? Terlaaaluuu. hehehe. Rugi donk Bro, yang gak punya blog aja punya akun twitter. Twitter selain berfungsi sebagai media curhat, mempopulerkan artis juga berfungsi sebagai wadah mempromosikan produk, jasa maupun blog atau sebuah situs. Twitter sebagai social network terbesar kedua di Indonesia dan dunia merupakan sarana ampuh untuk memperkenalkan sekaligus mendongkrak popularitas blog kita kepada publik. Mau tahu keunggulannya dibanding facebook? 

Sobat tentu tahu istilah follow unfollow alias mengikuti dan tidak mengikuti. Begitu mudahnya kita memfollow sebuah akun twitter hanya dengan sekali klik. Beda dengan facebook kita harus meminta pertemanan dulu atau paling tidak berlangganan berita publik facebooknya. Untung-untungan jika mereka mau berlangganan balik ke akun facebook kita. Namun jika pakai twitter kita hanya tinggal follow dan sangat besar kemungkinannya kita di follow balik. Apalagi kalau kita mau tweet mereka. Nah disinilah kesempatan kita seorang blogger untuk memperkenalkan blog kita kepada pengguna twitter lainnya. Oke kalo mau tau kelebihan lain twitter dibanding facebook cari tahu sendiri ya...

Pada tutorial kali ini saya Julak Super Gaptek akan membuat tutorial tentang cara membuat akun twitter, memasukkan blog di akun twitter serta beberapa settingan di twitter.

A. Cara bikin akun twitter


Di sini saya akan membuat tutorial membuat twitter via komputer loh yaa? tentu beda dengan versi HP/mobile.

Silakan masuk ke twitter.com

Sebelumnya sobat bisa memilih bahasa yang dipakai, jika sobat (termasuk saya) masih katrok alias kurang mudeng bahasa Inggris mending pilih bahasa Indonesia saja, hehehe (lihat bagian atas kanan)

Masukkan Nama Sobat, Alamat email, dan password > Klik Daftar ke twitter

cara daftar twitter

Kalo sobat belum punya email, tentu harus bikin email dulu ya...


cara bikin akun twitter


Masukkan ulang jika terdapat ada kode merah, jika semua sudah berwarna hijau centang berarti siap di buat. Klik Buat akun twitter Saya

Kemudian Masukkan kode Captcha, jika salah akan diulang lagi lalu Klik Buat akun saya


memasang twitter di blog


  • Akan muncul ucapan Selamat datang bla bla bla, Klik Selanjutnya.
  • Klik lewati langkah ini (link di bagian kiri bawah), trus klik lagi Lewati langkah ini, namun jika mau sobat tinggal klik follow saja artis, tokoh yang direkomendasikan oleh twitter
  • Akan muncul perintah / saran untuk menghubungi kontak-kontak email yang kita ketahui, Klik saja lewati langkah ini.

Ups hampir lupa, Silakan buka dulu email yang sobat masukkan pada saat mendaftar twitter tadi. Buka kotak masuk, kemudian buka link untuk konfirmasi kepemilikan dan pendaftaran akun twitter.

Kembali ke twitter saatnya memasukkan foto profil dan data deskripsi mengenai diri di akun twitter. Bisa juga sobat lewatkan tahapan ini.


Klik unggah gambar, tunggu sebentar selama proses upload foto profil, jika tampilan foto sudah terlihat klik Selesai


cara memasang memasukkan foto profil di twitter, cara daftar twitter



Tahapan selanjutnya adalah pengaturan profil akun twitter kita. Klik icon foto profil, lalu pilih pengaturan


cara setting pengaturan akun twitter, cara daftar twitter


Klik pada tab Profil

pengaturan profil twitter, cara bikin twitter

B. Memasang situs / blog di akun twitter

  • Masukkan URL situs / blog Anda,
  • Uraikan deskripsi blog, 
  • yang tidak kalah pentingnya adalah menautkan akun twitter sobat dengan akun facebook, Klik Kirim tweet Anda ke facebook, agar setiap tweet kita secara otomatis masuk sebagai status di akun pribadi facebook.
  • Klik simpan Perubahan.


memasukkan menambah memasang blog di twitter

Nah, sudah selesai. Mudah sekali. Ayo buat sobat blogspotter yang belum punya akun twitter segera bikin yaa? Dan masukkan juga Blog kita di akun twitter. Lumayan dapat backlink dari twitter, tuh coba lihat alexa rank saya, ada link masuk dari twitter. hehehe. 



Jun 14, 2012

Cara Mengatur dashboard / setelan blogger tampilan baru

Seberapa penting setelan dashboard blogger. Jawabnya sangat penting, karena dari sinilah dasar-dasar SEO blog diawali. Kita bisa mengatur berbagai fitur yang disediakan oleh blogger dengan cara yang cukup mudah, walau ada juga fitur-fitur yang juga berisiko jika kita tidak mengetahuinya.

Dalam tutorial kali ini, saya akan memberikan contoh cara pengaturan dashboard dengan tampilan baru. Mengapa tampilan baru? Banyak kelebihan dasbor terbaru jika dibandingkan dengan tampilan lama. Terutama dalam hal optimasi search engine.

Nah bagaimana cara pengaturan dashboard blogger versi terbaru? Mari kita simak sama-sama. 


cara mengatur atau setting dasbor blogger  tampilan baru
Dasbor blogger terdiri dari beberapa tab, yaitu;

1. Ikhtisar

Dalam menu ini terdapat statistik, jumlah komentar, jumlah pageviews terbaru, jumlah post dan jumlah follower serta berita terupdate dari Blogger Buzz. 

2. Menu Post

Di sini ditampilkan seluruh post baik yang sedang dalam proses (draft), Terjadwal maupun yang sudah diposting. Disini juga kita bisa mengedit posting artikel yang sudah pernah dipublikasikan. Kita juga bisa mengatur jumlah post yang ingin ditampilkan perhalaman, 10, 25, 50, 100. Kita juga bisa memilih per label / kategori tertentu yang ingin di tampilkan serta menghapus halaman yang sudah dibuat. 

3. Menu Laman

Pada menu ini bisa dilihat seluruh halaman yang telah dibuat. Untuk pengaturan dan cara membuat laman silakan buka Cara membuat laman 

4. Menu Komentar

Disini bisa kita lihat seluruh komentar baik yang sudah diterbitkan, kategori komentar spam maupun yang dalam proses moderasi.

5. Tab statistik

Pada tab ini bisa dilihat statistik kunjungan terbaru, perharian, mingguan, bulanan maupun secara keseluruhan dari awal dibuatnya blog. Ada juga fitur sumber lalulintas asal kunjungan. Untuk tab pemirsa adalah negara asal pengunjung.

6. Earning Tabs / Penghasilan

Earning tab berfungsi sebagai alat pendaftaran google adsense. Earning tab hanya muncul jika bahasa di atur ke dalam bahasa Inggris (untuk blog lama). Silakan buka artikel Cara memunculkan earning tab di dasbor blog berbahasa Indonesia

7. Tata Letak 

Fitur ini berfungsi untuk mengatur letak gadget-gadget yang berada di sidebar, footer, maupun di bawah posting blog. Silakan geser / drag gadgetnya dengan cara Mengklik Gadget > Tahan > Geser ke tempat yang diinginkan. Selain itu juga untuk menghapus gadget-gadget yang telah digunakan.

8. Template

Tab ini berguna untuk mengganti template blog hasil unduhan, memback up / download template, dan mengubah ukuran halaman post, sidebar, menambah elemen gadget khususnya untuk template default blogspot. serta pengaturan untuk tampilan seluler, mobile.

9. Setelan.

Nah Ini yang utama. Ada beberapa fitur di dasbor tampilan baru yang tidak terdapat di dasbor tampilan lama. Yuk kita simak sama-sama.


tips menyetel atau mengatur blogger dashboard new interfaceA. Setelan Dasar


1. Untuk setelan dasar bisa di atur sebagai berikut;


  • Judul adalah berfungsi untuk mengubah nama blog, misalnya punya saya ini Membuat Blog Ala Super Gaptek, silakan klik link edit, lalu masukkan nama blog sobat klik simpan perubahan. Jangan terlalu sering ganti nama, malahan kalau bisa jangan diganti sejak pertama kali dibuat. Kalaupun mau ganti adalah saat pertama bikin blog yaitu baru beberapa artikel dibuat.
  • Deskripsi, boleh dikosongkan, kalaupun mau diisi, samakan dengan meta tag deskripsi blog (lihat di setelan preferensi penelusuran) 
  • Privasi adalah untuk mengatur apakah blog boleh diakses search engine google atau tidak, silakan pilih Ya pada kedua item.

2. Penerbitan


  • Menu ini adalah untuk mengganti URL blog, misalnya punya saya adalah blogbelajar2.blogspot.com. Saran saya JANGAN PERNAH DIGANTI URL blog Anda.
  • Selain itu juga untuk mengubah arah penerbitan post, jika suatu saat Anda ingin membeli domain, misalnya .com , .net . web.id , .info dll.

3. Izin


  • Penulis blog Untuk mengatur siapa saja yang boleh membuat tulisan atau artikel di blog Anda. Jika mau silakan klik Tambahkan Penulis, Masukkan email Google teman yang diundang untuk menulis di blog kita.
  • Pembaca blog pilih Siapapun, jika ingin seluruh orang yang berkomentar.

B. Setelan Pos dan Komentar


  • Post ; silakan atur berapa jumlah postingan di halaman utama / homepage blog. Pilih Posting.
  • Tampilkan gambar dengan lightbox pilih Ya
  • Bagikan ke Google Plus pilih Ya (jika akun blogger anda sudah terintegrasi dengan akun google plus)

C. Setting Bahasa dan Pemformatan


  • Setelan bahasa jika ingin menampilkan earning tab silakan pilih Inggris - english
  • Aktifkan transliterasi pilih dinonaktifkan
  • Format silakan atur waktu dimana anda tinggal, ini cukup mudah.

D. Pengaturan preferensi penelusuran


Kesalahan dan pengalihan

  • Pesan Khusus untuk Laman Tidak Ditemukan klik Edit > masukkan kata-kata yang dikehendaki
  • Pengalihan Khusus; untuk mengatur pengalihan halaman ke halaman lain (redirect) di pencarian google
  • Untuk perayapan dan pengindeksan (crawl and indexing) biarkan gak perlu diedit kecuali anda punya keahlian alias sudah master. hehehe


E. Setelan Lainnya



Alat Blog

  • Impor blog adalah fitur untuk memasukkan entri / posting blog dan komentar dalam format .xml. Saya sendiri kurang begitu paham  cara kerja fitur ini. 
  • Ekspor blog adalah alat untuk mendownload seluruh isi blog, dengan tujuan untuk memindahkan isi blog ke blog layanan lain, misalnya wordpress dan untuk disimpan di hard disk komputer saja.


Umpan situs

  • bolehkan umpan blog pilih Penuh
  • Posting URL pengubahan arah feed di isi jika sudah membuat akun di feedburner.com
  • Aktifkan tautan lampiran bisa Ya boleh juga tidak


Konten Dewasa

  • Pilih Ya jika blog Anda memuat konten dewasa, pilih tidak jika tidak ada konten berbau gituan, hehehe


Google Analytics

  • ID properti web analytics di isi kode yang diberikan saat mendaftarkan blog di google analytics


Panjang juga yaa... nah mudahan artikel cara pengaturan dasbor blogger ini bisa membantu saudara blogger mania di mana saja Anda berada.



Jun 13, 2012

Cara membuat Recent Posts dengan Tampilan Gambar

Salah satu cara untuk mengurangi tingkat bounce rate adalah dengan memasang recent posts. Widget recent post bisa juga disebut artikel terbaru atau posting terbaru berfungsi sebagai petunjuk postingan yang baru di update. Blog sobat pastinya punya pelanggan tetap baik dari twitter facebook maupun feed rss. Tentunya saat mereka kembali setelah lama tidak ke blog kita mereka bisa tau apa saja post-post terbaru blog kita.

cara membuat gadget recent post di blogger


Pada tutorial kali ini saya akan memberikan tutorial cara membuat gadget recent post dengan thumbnail atau yang ada gambarnya, tentunya jika posting sobat ada gambarnya, namun jika artikel tidak memasukkan gambar, maka gambar pun tidak akan muncul. 

Yuk kita ikuti caranya berikut ini.

1. Masuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > Pilih HTML Javascript

3. Silakan klik Copy all pada text area di bawah ini, lalu paste di form yang ada. Lalu simpan template.






Buat sobat yang belum tahu cara menambah gadget silakan buka artikel Cara memasang gadget di blog

Pengaturan :

  • Untuk mengubah jumlah tampilan recent posts masuk silakan cari kode  numposts = 10; silakan ganti angka 10 nya.
  • Jangan lupa mengganti alamat blog saya  http://blogbelajar2.blogspot.com/ dengan nama URL blog anda sendiri.
  • Untuk mengubah ukuran gambar cari kode Silakan ubah angka 70, untuk memperkecil kurangi angkanya.

thumbwidth = 70;

thumbheight
= 70;
Untuk demonya bisa dilihat di sini

Widget recent post sobat sudah jadi. Selamat berkarya menghias blog dengan widget recent posts.


Jun 12, 2012

Cara Memasang Alexa Rank dan Pagerank Widget di Blog

Pada posting di bulan April lalu saya sudah menjelaskan apa yang dimaksud alexa rank dan pagerank. Yaitu suatu sistem perangkingan situs, website atau blog. Nah pada kesempatan ini saya akan membuat tutorial cara memasang widget alexa dan pagerank google di di blog kita.

Seorang blogger memasang gadget rangking diblognya ada beberapa tujuan, ada yang sekedar iseng, ada yang ingin pamer, ada juga demi tujuan bisnis. Misalnya ada seseorang yang ingin memasang iklan  bisa jadi orang tersebut tertarik memasang iklan karena pagerank atau alexa rank yang bagus. Jika kita ingin mengikuti program PPC pun terkadang mereka melihat dari pagerank atau alexa rank blog kita. Yaa semua sih tergantung niat lagi. Apapun tujuannya semua terserah mereka. hehehe

A. Memasang  alexa di blog.


Sebelum kita lebih jauh melangkah, ada beberapa tahapan dalam cara ini; a) membuat akun di alexa, b) mendaftarkan blog dan mengklaim blog di alexa.com, c) mengambil kode javascript widget alexa untuk dipasang di blog.

1. Membuat akun / mendaftar di Alexa.


Bisa dengan 2 cara lewat akun facebook atau via email.

Silakan masuk ke alexa.com

cara pasang widget alexa rank di blogger

Klik Create an account, di sini agar lebih mudah kita membuat akun atau login via facebook, > klik  login with facebook

Akan muncul pop up / jendela / window baru > Masuk menggunakan akun facebook. akun Selesai dibuat.

2. Mendaftarkan situs / add site ke alexa.com dan klaim blog


Klik link / Masuk ke Site Tools >>  Klik Edit Your Listung (link terletak di bawah)

claim blog di alexa
Gambar 2. SITE TOOLS


Masukkan URL alamat lengkap blog kita, contoh disini saya masukkan http://julaksample.blogspot.com/ lalu klik Edit site listing


mendaftarkan blog di alexa rank



cara membuat memasang menambah alexa


Akan muncul perintah klaim blog dulu


Pilih option2 :Add your Alexa verification ID to the home page of blablabla.blogspot.com.

kode klaim meta tag alexa di template blog

Silakan copy kode yang saya kurungi pada gambar di atas pilih nomor 1 atau 2 sama saja.

sebagai contoh saya copy yang nomor 2 kodenya adalah sebagai berikut;

<meta name="alexaVerifyID" content="AcTMdvmd2aGJ3BhWxqn7Ipo_5qY" />

Kemudian masuk ke akun blogger > Dasbor > Template > Edit HTML > Lanjutkan > Centang expland template widget.

cari kode <head> lalu masukkan kode tadi dibawahnya sehingga ;

<head>
<meta name="alexaVerifyID" content="AcTMdvmd2aGJ3BhWxqn7Ipo_5qY" />

atau bisa juga masukkan tepat di atasnya kode  <b:skin><![CDATA[/*

Lalu Simpan Template

Kembali ke Alexa  tadi Klik Verify My ID, tunggu sebentar, jika sobat tadi sudah menyimpan meta tag klaim blog di alexa, maka akan muncul your site is succesfully claimed.  

verifikasi kode meta tag dan content alexa rank

Klik continue (di pojok kanan bawah)


Saatnya memasukkan nama blog, deskripsi blog, Pilih negara (bagian kanan) Boleh juga masukkan nama pemilik blog, alamat dll. Jika selesai Klik Save and Continue Skip

akan muncul

Congratulations! You have claimed http://blogkamu.blogspot.com/


3. Mengcopy kode widget alexa untuk blog

 

Kembali ke Site Tools (lihat gambar 2 diatas)

Klik alexa site widgets

Masukkan kembali URL blog kita, Kemudian Klik Build Widget

instalasi alexa rank di blog

copy kode yang ada, silahkan pilih tampilan preview di samping, sebaiknya yang ukuran kecil saja

copy kode widget alexa 

Masuk Kembali ke akun blogger

Dasbor > Tata Letak > Tambahkan gadget> HTML/Javascript > paste kode yang diberikan tadi > Simpan. 

Selesai dan widget alexa rank sudah terpasang di blog sobat.

 

B. Memasang gadget pagerank Google di blog

 

Sebetulnya banyak situs penyedia widget pagerank namun sebagai contoh di sini saya akan membuat widget di prchecker.info karena menurut saya proses nya cukup mudah. Oh ya sebelum mengambil kodenya bisa juga sobat cek dulu pagerank google sobat. Caranya masukkan url lalu klik Check PR.


Silakan masuk ke www.prchecker.info

Klik salah satu gambar tampilan pagerank yang diinginkan

cara pasang daftar buat gadget pagerank di blog

 Kemudian masukkan Anti bot code di samping kiri > Klik Generate Now.

kode gadget dan widget pagerank google untuk blog

Setelah sobat mencopy kode tadi:
Masuk ke akun blogger > Tata Letak > Tambahkan Gadget > HTML/javascript > pastekan code yang di dapat > Simpan > simpan setelan.

Selesai. Akhirnya pagerank google dan alexa widget pun terpasang di blog sobat. Memang saat memasang kode alexa rank cukup ribet, tidak seperti pasang pagerank. Jika gagal coba terus. Yaa sekalian belajar, hehehe. Silakan dicoba.

Menjawab pertanyaan teman-teman kok No Data alexanya, ya wajar namanya juga baru, jika traffic kunjungan dan links in (link masuk) ke blog biasanya rangking global, dalam 5 hari sudah muncul angkanya, biasanya kisaran 20 jutaan kemudian akan terus menurun (makin kecil) seiring perkembangan blog kita. sedangkan link ini adalah jumlah ink yang masuk ke blog kita.

Buat sobat yang mau meningkatkan kualitas alexa rank bisa membuka Tips mengecilkan/menguruskan alexa