Feb 29, 2012

Cara Membuat Kode Tukar Link Teks

Sobat-sobat mungkin sudah mengerti apa fungsi backlink bagi SEO blog kita, diantaranya bisa menaikkan pagerank, ranking alexa, blog kita mudah ditemukan oleh search engine, serta meningkatnya traffic blog.
Backlink bisa dikatakan sebagai hubungan timbal balik antara website yang satu dengan yang lain, hubungan blog/web tersebut dapat berupa satu arah yaitu orang lain memasang web/blog kita di blog atau dua arah saling memasangkan (diistilahkan saling tukar link). Saling bertukar link atau biasa disebut link exchange  adalah salah satu cara menambah backlink blog kita. Di sini Julak tidak akan berpanjang lebar membahas masalah tersebut. Namun Julak hanya akan berbagi cara membuat kode tukar link dengan teks biasa.

<div align="center">Copy Code Link di bawah ini pada blog anda
<div>
<form name="copy"><div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy All" type="button" /> </div>
<textarea cols="30" name="txt" rows="6" wrap="VIRTUAL"><a href="http://blogbelajar2.blogspot.com/" target="_blank" title="Tutorial Blog Tips Trik Blogger-Blogspot Cara Membuat Blog  Blogging Tools Tips SEO Blogspot Desain Template Modifikasi dan Cara Memasang Widget">: Belajar NgeBlog :</a></textarea></form></div></div>
  1. Silahkan copy kode di atas, silahkan ganti kode berwarna merah kemudian sesuaikan dengan alamat/url blog Anda, Ganti kode berwarna biru dengan deskripsi blog Anda, dan kode berwarna hijau sesuaikan dengan titel/judul blog Anda.
  2. Masuk ke menu Rancangan > Tata Letak > Add gadget > HTML/Javascript.
  3. Masukkan kode di atas disidebar, footer ataupun postingan blog Anda.

Tampilannya akan seperti di bawah ini. Oh ya, yang mau tukar link silakan copas kode di bawah yaa. Selamat Mencoba, Terus Berkarya.

Copy Code Link di bawah Untuk Bertukar Link

Pengertian Blog Dofollow Nofollow

Pengertian Blog Dofollow Nofollow - Saya kira teman-teman blogger banyak yang sudah tahu dan mengerti tentang istilah ini, karena banyak artikel-artikel yang mambahas masalah ini. Namun tidak ada salahnya jika Julak membahasnya kembali, siapa tau ada yg belum tahu, hehehe.

Dofollow blog
Dofollow blog adalah istilah untuk web atau blog yang jika kita memberikan komentar ke blog tersebut maka berarti kita menaruh link ke blog tersebut dan dihitung sebagai backlink oleh google atau search engine lain. 

Dofollow merupakan salah satu cara untuk mendapatkan backlink. Sedangkan backlink sendiri adalah salah satu cara untuk menaikkan page rank di mata mesin pencari seperti Google, Bing, Yahoo atau lainnya.
Artinya pemilik blog dofollow akan mengijinkan robot search engine untuk terus mengikuti jejak link komentar. Berbeda dengan blog nofollow, robot search engine tidak akan menelusuri link komentar. Jika kita berkomentar, hanya menguntungkan si pemilik blog, artinya link cuma satu arah.
Ciri-ciri blog dofollow salah satunya mungkin kita pernah melihat blog yang komentarnya puluhan ratusan dalam satu postingan atau bahkan lebih? nah bisa jadi blog tersebut adalah blog dofollow. Bisa juga ada gambar seperti di bawah ini. Kebanyakan blog dofollow terutama yang menggunakan wordpress biasanya menggunakan plugin Comment Luv

blog dofollow nofollow
                                                                   atau yang seperti ini

komentar blog dofollow


Kelebihan blog dofollow


  • Blog ini disukai blogger lain karena memberikan manfaat berupa backlink gratis.
  • Postingan blog biasanya banyak mendapat komentar dari pengunjung blog.
  • Pemilik blog dianggap orang yang memiliki jiwa sosial (katanya siiih)
  • Meningkatkan pageview blog dan mempercepat naiknya pagerank blog

 

Kekurangan Blog dofollow


  • Terkadang karena terlalu banyak link, blog malah dibanned google. Dan alhasil di seo akan turun.
  • Banyak spammers yang memberi komentar tidak bermutu, asal komentar, yang tujuannya hanya sekedar berburu link.  Namun tidak masalah jika kita menghapusnya.
Nah, buat teman-teman, rajin-rajinlah berkomentar di blog teman, siapa tau blognya dofollow, lumayan khan menambah backlink. Jika ada yang salah dibetulin yeee... Pada awalnya blog ini adalah blog dofollow, namun dengan berbagai pertimbangan, saya putuskan untuk menjadi nofollow.

Feb 27, 2012

Share Otomatis Posting Blog ke Facebok dan Twitter

Publikasi Otomatis Posting Blog ke Facebok, Twitter  dan  Jejaring Sosial lain.

Agar  postingan blog kita bisa dibaca/dikunjungi teman via jejaring sosial seperti facebook dan twitter, mungkin terkadang kita mengcopy paste link tautan ke Beranda Facebook dan twitter. Sebetulnya banyak aplikasi share otomatis posting blog ke jejaring sosial, jadi kita tidak perlu lagi copy paste link tautan posting blog kita, misalnya via rss Graffiti, twitterfeed, dlvr.it, maupun via Networkedblogs.

Pada kesempatan ini Julak mau posting berkaitan dengan judul di atas yaitu share otomatis posting blog ke facebook dan twitter via dlvr.itSaya sengaja pilih dlvr.it karena biasanya langsung otomatis share, sesaat setelah kita publikasi posting blog di blogger. Pernah saya coba Networkedblogs, namun agak lambat sharenya dan mengharuskan kita memasang widgetnya ke blog kita, dimana akan membuat loading blog akan lebih berat.

Oke kita ikuti cara-caranya seperti berikut ini.

1. Pertama kita masuk ke http://app.dlvr.it/



2. Kemudian masukkan alamat email n password kita kemudian klik sign up.
3. Pada step 1 masukkan url / nama lengkap alamat blog kita.


3. Langkah step 2 pilih share via facebook or twitter, pilih akun jejaring sosial di mana Anda sedang login di sini Saya pilih twitter dulu. Lalu klik continue.

4. Akan muncul ucapan selamat datang, kemudian klik + add untuk menambah tujuan share posting via twitter.



5. Selesai, jangan lupa masuk ke akun email pendaftaran untuk konfirmasi dlvr.it. Lihat posting blog kita akan otomatis terposting ke akun FB n twitter kita. Untuk pengaturan selanjutnya terserah Anda, hehehe.


6. Untuk menambah akun facebook atau facebook page yang akan diatur sebagai share otomatis postingan blog. Sebelumnya pastikan Sobat blogger login di akun facebook sobat. Klik add seperti gbr di bawah,




pilih akun yang akan di share otomatis, klik new pada logo facebook.




tunggu beberapa saat, muncul pop up




tunggu beberapa saat, kemudian klik tanda panah, pilih akun yang ada facebook page atau akun pribadi.  > closing window setelah itu muncul "account authorized" klik save.



Seperti blog ini, Saya share otomatis via twitter @supergaptech dan Facebok Fanpage Belajar Ngeblog.  


Feb 26, 2012

Pengertian Meta Tag Seo Friendly

Sebelum kita membahas apa itu meta tag seo Friendly ada baiknya kita pahami dulu beberapa pengertian berikut:

Apa itu Meta Tag?


Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang dipakai untuk mengaplikasikan metadata dalam suatu halaman web. Elemen meta ini harus diletakkan pada bagian  “head” atau di bawah kode <head> dalam HTML tersebut. Tag meta ini dapat dipakai juga untuk menyatakan deskripsi/keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci (keyword) yang terkait serta untuk metadata lain tanpa “head”.

Sebagai contoh yang sederhana, di bawah ini ditampilkan perintah meta:

<meta name="keywords" content="widget,membuat blog">

Meta tag di atas untuk menjelaskan bahwa halaman HTML yang bersangkutan berkaitan dengan kata kunci
"widget" dan "membuat blog".

contoh Meta yang lain :

<meta name="description" content="membuatblog.com is a search engine tutorial that explain how to get top rangking in all major search engine and get high traffic for your web site.">
Contoh di atas adalah meta tag description. Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya tidak boleh lebih dari 200 karakter. Dan usahakanlah agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.
Dari 2 contoh di atas Saya kira sobat blogger sudah cukup paham.

SEO 


Optimisasi (optimasi; optimalisasi) mesin pencari (bahasa Inggris: Search Engine Optimization, atau yang biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui search engine (mis: google) menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung. (wikipedia.com)

Pada template bawaan blogger biasanya tidak terpasang meta tag. Dan jika kita ingin blog kita lebih SEO friendly ada baiknya jika memasang meta tag di blog kita. Contoh meta tag yang bisa Ane berikan dapat dilihat dalam artikel Membuat Meta Tag SEO Friendly





Membuat Meta Tag SEO Friendly


Sebelum Anda membaca dan menerapkan meta tag seo friendly ini, ada baiknya baca dulu mengenai pengertian meta tag seo friendly. Dari beberapa penjelajahan Ane di dunia maya, bermacam-macam tutorial yang membahas mengenai meta tag seo friendly, ane sendiri terkadang bingung mau memakai yang mana, namun di sini ane akan sedikit berbagi meta tag yang digunakan pada blog ini. Dari 16 post sebelumnya, lumayan halaman blog ini  terindeks google. Silakan jika Anda mau mencobanya.
cara memasang meta tag blogger

<b:if cond='data:blog.url == &quot;http://namablogkita.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='Description' content='Deskripsi Blog Kita'/>
<meta name='Keywords' content='Kata Kunci Blog 1, Kata Kunci Blog 2, kata kunci 3'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
Ket:
Pada kode berwarna biru masukkan nama blog Anda
Pada bagian yang saya beri warna merah silakan masukkan deskripsi singkat blog teman, dan sebaiknya maksimal 160 karakter.
Dan pada bagian yang saya beri warna hijau  silakan masukkan keyword-keyword yang berhubungan dengan isi blog Anda dan jangan lupa pisahkan  tiap keyword dengan koma.

Kode <b:if cond='data:blog.url == data:blog.homepageUrl'> artinya : Jika di Home Page ini.
Sedangkan kode <b:else/> artinya : Jika bukan (Maksudnya jika bukan di Home Page) ini.

<meta name="rating" content="general"/>
<meta name="copyright" content="2012, Nama Blog Kita"/>
<meta name="robots" content="index, follow"/>
<meta name="language" content="id"/>
<meta name="expires" content="never"/>


Penjelasan:
1. Kode dalam kotak pertama memuat meta deskripsi dan meta keyword. (Ini yang terpenting)

2. Kode dalam kotak kedua adalah jenis-jenis meta tag yang lain. (Penjelasannya akan saya posting belakangan)

Cara Pasang :

1. Pada Dasbor klik Rancangan>Edit HTML>centang expand template widget, jangan lupa backup template Anda.
2. Pada template dasar/bawaan blogger, cari kode berikut:

<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

kode ini biasanya berada di bawah kode <head>
dan  kode ini <b:include data='blog' name='all-head-content'/>hapus kode <title><data:blog.pageTitle/></title>, kemudian masukkan seluruh kode di atas sehingga menjadi seperti ini :

<b:if cond='data:blog.url == &quot;http://namablogkita.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='Description' content='Deskripsi Blog Kita'/>
<meta name='Keywords' content='Kata Kunci Blog 1, Kata Kunci Blog 2, kata kunci 3'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
<meta name="rating" content="general"/>
<meta name="copyright" content="2012, Nama Blog Kita"/>
<meta name="robots" content="index, follow"/>
<meta name="language" content="id"/>
<meta name="expires" content="never"/>
3. Klik Pratinjau, lalu save jika tidak error.

 Buktinya Gan.


Yaaaa namanya juga Newbie. hehehe Selamat Mencoba.

Update; Menurut saya, meta tag seperti ini sudah tidak relevan lagi diterapkan di blog, silahkan sobat buka postingan cara menambahkan meta tag deskripsi blog dan postingan terbaru 2012.






Feb 25, 2012

Membuat Iklan Melayang Di Tengah Blog

Jika Tadi malam ane memposting bagaimana Cara Membuat Related Post/ Artikel Terkait di Bawah Posting Blog, nah Pada kesempatan ini ane, mau berbagi sama temen2, bagaimana  Cara Membuat Iklan Melayang Di Tengah Blog. karena ada permintaan temen tadi malam. Kalo di blog ini, bukan iklan, tapi Facebook Fanpage/ twitter fan box, namun bisa Anda modifikasi sendiri nantinya untuk iklan di blog Anda

cara membuat iklan melayang, kode iklan yang melayang mengikuti cursor mouse

Langsung saja yaa.

1. Login ke Blogger> Dasbor > Tata letak > Tambahkan gadget, pilih HTML/Javascript.
2. Masukkan kode di bawah ini :

<style type="text/css">

#topbar{
position:absolute;
left:9px;
border: 2px red;
padding: 2px;
background-color: #f2f2f2;
width: 350px;
visibility: hidden;
z-index: 100;
}
</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
 barheight=document.getElementById("topbar").offsetHeight
 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
 var d = document;
 function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;
  }
  return el;
 }
 window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
 }
 ftlObj = ml("topbar");
 stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div class="clear"></div>
<div id="topbar">
<div style="text-align:right">
<a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>TUTUP (X)</button></span></a></div><a style="font-weight: bold; color: black(51, 255, 51);">
</a><p><a style="font-weight: bold; color: black(51, 255, 51);" title=""><h2><center>Terima Kasih Sudah Berkunjung Di Like Ya Gan.</center></h2></a>

</p>
<left><table style="width: 700px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;">
<center>
MASUKKAN KODE IKLAN YANG DIINGINKAN DI SINI atau kode facebook page

</center>

<p></p><p></p></td></tr></tbody></table></left></div>
3.  Masukkan kode yang dinginkan pada tempatnya, klik save.
4.  Selesai dan lihat hasilnya.
5. Iklan akan muncul jika blog sudah selesai diloading. Saya sarankan templatenya yang ringan aja, heee
6. Silakan sobat atur ulang, untuk lebar tampilannya ditandai dengan huruf berwarna merah.

Demikian cara membuat iklan melayang di tengah blog. Selamat Mencoba. Salam Blogger.




Feb 24, 2012

Membuat Related Posts/ Artikel Terkait di Bawah Posting Blog

Cara Membuat Related Post/ Artikel Terkait di Bawah Posting Blog sebenarnya cukup mudah, tujuannya ya tentu agar pembaca blog kita mengetahui, artikel-artikel apa saja yang berhubungan dengan artikel yang sedang dibaca. Selain widget Recent Post ataupun Popular Posts, Related Posts atau dalam bahasa Indonesia sering disebut Artikel Terkait ini adalah berdasarkan Label atau Kategori artikel yang sedang dibuka. Pada Tutorial kali ini ane mau berbagi mengenai cara membuat artikel terkait biasa berupa teks yang berada di bawah posting, yaa siapa tau pengunjung blog kita mau membukanya, hitung-hitung buat nambah statistik kunjungan

Buat apaan sih fungsi artikel terkait ini, salah satunya adalah untuk mengurangi tingkat bounce rate sebuah blog, apa itu bounce rate silakan buka artikel Bounce rate definisi, pengaruh dan cara mengetahuinya

Udah dech, GPL. langsung saja
Langkah pertama, seperti biasa Login di akun Blogger Anda, Klik Rancangan > Template > Edit HTML > centang Expand Template Widget, Lalu cari kode  

]]></b:skin>
2. Tepat di atas kode itu, masukkan kode di bawah ini:

/* Related Post */
.related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#EEEEEE;}
.related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}
.related_posts a{color:#000;}
.related_posts ul{padding:0;}
.related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background: #EEEEEE;}
 3. Cari kode berikut ini  <div class=’post-footer-line post-footer-line-1′>, lalu dibawahnya masukkan kode berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related_posts'>
<div class='widget-content'>
<h4>Artikel Terkait</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 2;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 2;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
 Kata Artikel Terkait yang berwarna merah, silakan Anda ganti jika mau menggantinya. 

Klik pratinjau, lalu save/simpan template. Jika Anda mau mencoba namun belum berhasil ane siap bantu lewat komentar. Demikian posting cara membuat artikel terkait di bawah posting, semoga bisa membantu.

Selamat Mencoba, Salam Blogger.



Cara Membuat Tombo Like, Share dan Twitter di Sisi Blog


Cara Membuat Share and Like Facebook dan Twitter Melayang di Sisi Kanan Blog - Untuk meningkatkan lalu lintas kunjungan ke blog kita, selain upaya optimasi SEO , perlu juga kiranya kita mengintegrasikan blog kita dengan media jejaring sosial populer seperti facebook dan twitter.

membuat share like facebook tweet google plus melayang di blogger
Jika kita meremehkan "kekuatan" share button / tombol berbagi ini, sama saja kita menyiakan-nyiakan peluang untuk menambah kunjungan ke blog kita.

Jika pada posting sebelumnya kita membuat share button di bawah posting, pada tutorial kali ini, Julak mau berbagi sama temen-temen bagaimana membuat salah satu widget share button melayang di sisi kanan blog. Widget kali ini dilengkapi tombol suka dan share Facebook, Tweet, Digg, stumble Upon dan Google +1 termasuk perhitungannya alias berapa banyak pengunjung yang membagikannya. Cara pembuatannya sangat mudah, karena tidak perlu mengedit CSS atau menambahkan kode HTML di template.


1. Langkah pertama masuk ke akun blogger > Dasbor, > klik design/rancangan > Tata Letak

2. Klik Tambah Gadget, di bagian sidebar.

3. Pilih HTML/Javascript, kemudian masukkan kode di bawah ini:

<!--Widget Share like FB tweet google plus digg Button 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: 8px;text-align:center;"><a href="http://www.super-gaptek.com/2012/02/cara-membuat-blog-di-blogspot.html" target="blank"><font color="blue">Cara Membuat<font></font></font></a></div></div>

<!--Widget Share like FB tweet google plus digg  Button Melayang End-->


5. Simpan widget dan preview Blog Anda

Jika Anda sudah memiliki tombol google + di atas atau di bawah posting Anda, kemungkinan widget tersebut tidak muncul. Silakan hapus kode berwarna merah jika sobat mau menghapusnya, karena mungkin bisa mempercepat loading blog.

Jika Anda menggunakan template gelap / dark template, Silakan Anda dapat mencoba kode di bawah ini:


<!--Widget Share Button 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:#000000;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: 8px;text-align:center;"><a href="http://www.super-gaptek.com/2012/02/cara-membuat-blog-di-blogspot.html" target="blank"><font color="white">Cara Membuat<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Pengaturan lihat kode-kode warna merah:
  • angka 15% mengatur letak tinggi posisi share button dr sisi bawah blog, silakan dikurangi jika posisinya ingin diturunkan
  • angka 10 pixel adalah posisi dari tepi paling kanan blog, ditambah jika sobat ingin mengetengahkan.
  • sedangkan border: 1px solid black, adalah ukuran ketebalan batas kotak share button dan warna batas/garis share button itu sendiri.


Bagaimana...? Selamat Mencoba, jangan lupa di like yaa... hehehe



Feb 23, 2012

Cara Membuat Blog di Blogspot

Mungkin anda pernah mendengar istilah website, ya blog merupakan sebuah website namun dalam bentuk yang lebih sederhana dan mudah di atur oleh pemula. Menurut Wikipedia blog adalah aplikasi web yang bisa memuat tulisan gambar maupun video.

Apakah yang dimaksud dengan blog itu ? Berikut beberapa pengertian tentang blog:
  1. Weblog atau blog merupakan teks dokumen, gambar, objek media dan data yang tersusun secara hierarkis dan menurut kronologi tertentu yang dapat dilihat melalui browser internet (misalnya internet explorer, firefox, Google chrome, opera, dan lain-lain)
  2. Blog merupakan publikasi secara periodik dan tetap mengenai pemikiran personal seseorang dan juga link web
  3. Blog adalah jurnal yang disediakan pada sebuah web. Kegiatan menulis sebuah blog dinamakan “blogging”. Adapun orang yang mengelola blog disebut “blogger.
  4. Blog adalah suatu perjalanan yang berkesinambungan, dengan panduan logika yang berkelanjutan dan konsisten. Pembahasan di dalam sebuah blog biasanya konsisten pada topik utama, misalnya politik, sastra, musik, berita, tutorial blogspot dan sebagainya. Adapula yang campuran dua atau beberapa tema tulisan. Tetapi hal ini tidak bisa di jadikan patokan, yaa menurut kemauan si pemilik blog sendiri laah.
  5. Blog website adalah jurnal yang disediakan pada web. Blog dapat di-update secara berkala, setiap jam, hari, perminggu dengan suatu aplikasi yang disediakan oleh penyedia. Tidak dibutuhkan suatu keahlian khusus untuk melakukan update atau mengelola blog. artikel dalam blog dapat disusun secara teratur sesuai kriteria  atau kategori tertentu.


Manfaat, fungsi dan kegunaan blog.


Blog rata-rata tersedia secara gratis yang disediakan oleh situs tertentu seperti blogger.com, worpdress.com, tumblr.com, blogdetik, kompasiana, kampus besar dan lainnya, sehingga siapapun bisa mengaksesnya baik individu, kelompok dan institusi tertentu. Karena gratis inilah maka kemudian orang yang banyak  ngeblog.

Ada beberapa manfaat dan fungsi blog yaitu;

1. Sebagai sarana ekspresi diri.

Biasanya ini dipergunakan individu yang ingin mencurahkan segala uneg-uneg, ide dan gagasan yang mungkin tidak bisa tersalurkan secara nyata. Maka dari itu dengan ngeblog, segala macam dan gagasan tersebut bisa dicurahkan dalam sebuah tulisan di blog.

2. Sebagai media dan wahana berlatih menulis.

Sesorang yang terbiasa mebuat sebuah artikel di blog, tentu akan mereview kembali hasil postingannya. Dari situ dia bisa mengedit tulisannya yang barangkali ada kekurangan dalam hal tata bahasa dan lainnya. Seseorang yang terbiasa menulis tentunya juga pada proses selanjutnya akan dengan mudah membuat tulisan yang lebih berkualitas.

3. Sebagai sarana promosi.

Berbagai macam cara ditempuh seseorang dalam memperkenalkan suatu produk barang atau jasa, tidak terkecuali dengan media internet dan membuat blog. Tidak sedikit pula artis dan selebritis juga membuat blog agar lebih tenar. Dan trend saat ini berkenaan dengan masalah politik, yaitu dalam upaya kampanye calon-calon kepala daerah, partai politik amaupun calon anggota legislatif.

4. Blog sebagai sumber penghasilan utama dan tambahan.

Tidak sedikit blogger (sebutan untuk seorang yang menekuni dunia blog) yang sukses yang mampu mendapatkan keuntungan finansial hanya dengan nge blog. Ratusan bahkan ribuan dollar mengalir ke kantong mereka tiap bulannya. Tak sedikit pula orang yang mengandalkan blog sebagai gantungan hidup. Banyak cara mendapatkan uang dengan ngeblog. Misalnya Google adsense, iklan PPC pay per click, maupun penayangan iklan produk dan jasa di blog. 


Situs layanan penyedia blog gratis saat ini begitu banyak diantaranya: blogger.com, wordpress.com, friendster.com, xanga.com, blogdrive.com, blogsome.com, hubpages, wordpress.com, multiply.com dan lain-lain.

Ada juga penyedia blog gratis lokal seperti blogdetik.com kompasiana.com dan lain. Diantara sekian banyak penyedia layanan blog, blogger.com merupakan penyedia layanan blog yang  saya paling populer, populer karena cukup mudah apalagi buat para pemula yang baru belajar bikin blog. Lihat Kelebihan Blogspot dibanding Blog Gratisan lain. Jika Anda membuat blog di blogger.com maka alamat url blog Anda nantinya adalah: http://akun-blogger.blogspot.com.

Pada tutorial kali ini saya akan memberikan langkah-langkah pembuatan blog dengan blogger.com. Yang nantinya bernama seperti "namablog.blogspot.com".

Yuk kita simak sama-sama tutorial bergambar langkah dan cara membuat akun dan blog di blogger.

  • Pertama, pastikan Anda memiliki akun google mail (ex: julak@gmail.com), karena untuk bikin blog di blogger harus memakai email google. Jika belum punya akun email Google silakan buka artikel cara membuat email di google mail

  • Jika sudah punya email di google, sekarang masuk ke blogger.com, Maka akan muncul seperti gambar di bawah ini, Masukkan alamat email gmail dan password sandi akun gmail anda ke kotak yg ada. Klik Masuk


cara bikin blog di blogger.com


  • Jangan lupa buka email untuk konfirmasi akun gmail blogger

  • Klik Lanjutkan ke Blogger

cara membuat blog website gratis 2012 di blogspot


  • Proses selanjutnya membuat blog klik Buat blog baru

cara mudah membuat website dan blog di blogspot


Langkah awal membuat blog baru;


  • Pada judul masukkan nama blog, misalnya kalo milik saya adalah Cara Membuat Blog ala Super gaptek
  • alamat adalah URL blog sobat nantinya misalnya akubelajarblog.blogspot.com
  • pilih dulu tampilan / template yang sederhana dan ringan saja, pilih yang simple/mudah
  • Klik Buat blog

menulis nama blog, isi artikel dan memilih template blogspot

  • Blog kita sudah selesai dibuat akan muncul nama blog kita tadi, Klik mulai mengeposkan artinya kita mulai membuat artikel atau tulisan terbaru di blog kita.

cara bikin website gratis di blogspot


Langkah-langkah dan tahapan membuat postingan terbaru
  • Hal pertama yang harus dilakukan setiap mmembuat tulisan baru adalah membuat judul di entri. Buatlah judul yang baik, jelas dan bisa menarik perhatian pengunjung
  • Yang kedua tentunya menuliskan kata dan kalimat di form yang ada

cara membuat website gratis
gambar 6 membuat judul dan tulisan blog

  • Selanjutnya adalah menentukan label atau kategori tulisan, silahkan isi dengan kategori yang dikehendaki sobat. Jika dirasa sudah cocok klik Selesai.
cara tips teknik membuat blog dan website
membuat label atau kategori tulisan


  • Bisa juga sobat blogger menjadwal kapan publikasi artikel, bisa ya bisa tidak atau otomatis. Jika pilih otomatis, maka begitu kita publikasi akan langsung muncul postingan kita, namun jika kita jadwal tidak langsung muncul tap sesuai dengan yang sudah dijadwalkan. Klik selesai

  • Jika sudah klik publikasikan (lihat gbr 6)
menjadwal artikel blog
menjadwal publikasi posting

Nah, blog sudah selesai dibuat dan artikel pertama telah diposting. Silakan buat blog gratis anda di blogger.com



Feb 21, 2012

Memasang/Membuat Komentar Facebook di Blog

Menampilkan Komentar Facebook di Blog- Pengunjung Blog yang tidak memiliki akun Gmail ataupun yang mungkin belum tau,( maaf) atau malas berkomentar di blog kita bisa memberikan komentarnya lewat jejaring sosial Facebook. Yaa mungkin pas kebetulan mereka sedang login di akun facebook mereka, jadi tidak perlu repot-repot lagi untuk login ke akun gmail. Jika pada posting sebelumnya Julak berbagi tentang bagaimana cara memasang tombol like facebook, dan membuat share button dengan efek berputar, Nah disini kita akan bersama-sama bagaimana cara memasukkan komentar facebook di bawah posting Blog.


membuat komentar facebook di blog

 1 . Sebelumnya kita masuk ke akun facebook kita lalu masuk ke faceboook developer plugin.

cara membuat dan memasang komentar facebook
2. Pilih Comments 
3. Masukkan URL/alamat blog ke kotak URL to Comment on, atur jumlah komentar, dan lebar/width kotak komentar, kemudian klik Get Code.

memasang komentar facebook


4. Setelah codenya keluar .......

  • Login ke akun blogger klik Rancangan/Design > Edit HTML > Expand Template
  • Back up template dulu dengan mendownload template.
  • Cari kode  <body> (tekan ctrl + F) 

    a. Masukkan kode nomor 1 (javasriptsdk) tepat di bawah kode  <body> tadi.

Jika pada blog saya kodenya seperti di bawah ini, dan mungkin akan berbeda di blog sobat.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
  b. kemudian langkah kedua cari kode di bawah ini

<div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'> 

  c. Jika belum berhasil silakan alternatif lain dengan cara;
      Masukkan kode nomor 2 antara
<div class='post-footer-line post-footer-line-1'>
Masukkan kode ke dua di sini
</div>
jika belum ada kode </div> silakan tambahkan sendiri.

 Klik Pratinjau, lalu simpan template.


Perhatikan;
  • jangan mengcopy kode dalam tutorial ini, ini hanya sebagai contoh saja. copas lah kode yang didapat dari facebook.
  • jika terdapat 2 atau lebih, masukkan pada kode yang pertama.
UPDATE:

Untuk template default blogspot;
1. cari kode   // <![CDATA[  , kemudian masukkan  kode no. 1 tepat di atasnya
2. Kemudian masukkan kode no. 2 masukkan tepat di bawah kode berikut;
  <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
3. Klik pratinjau, simpan template.

Nah, selesai deech, bagaimana... siap mencoba....?  Good Luck. Salam Blogger. Silakan berikan komentar, hehehe.

Update: Jika ini kurang memuaskan silakan Sobat buka cara memasang komentar facebook V2

Feb 11, 2012

Pengertian Ping dan Backlink dan Fungsinya

Pengertian Ping dan Backlink dan Fungsinya


Ping (kadangkala disebut sebagai singkatan dari Packet Internet Gopher) adalah sebuah program utilitas yang dapat digunakan untuk memeriksa Induktivitas jaringan berbasis teknologi Transmission Control Protocol/Internet Protocol (TCP/IP). Dengan menggunakan utilitas ini, dapat diuji apakah sebuah komputer terhubung dengan komputer lainnya. Hal ini dilakukan dengan mengirim sebuah paket kepada alamat IP yang hendak diujicoba konektivitasnya dan menunggu respon darinya.

Sebelum berbicara lebih lanjut tentang "Ping", Saya ingin bertanya terlebih dahulu... Biasanya setelah mengupdate blog/memposting artikel terbaru, apa yang anda lakukan agar Search Engine tahu bahwa anda baru saja memposting artikel terbaru? Apakah anda mempromosikannya ke beberapa social bookmark atau melalui komentar-komentar pada blog-blog lain lalu anda memasang link halaman artikel yang baru saja anda posting? Memang hal ini bagus dilakukan tapi apakah tidak capek capek? Apalagi bila hal ini terus menerus dilakukan setiap memposting artikel terbaru. Bener-bener capek deh… :)

Meski sebenarnya secara otomatis tanpa promosi sekalipun Search Engine akan meng-crawl blog anda bila terdapat artikel terbaru apalagi orisinil dan unik Search Engine pasti sangat senang. Namun di tengah begitu banyaknya blog tentu saja kita harus proaktif, jangan menunggu, ya kan? Lebih cepat lebih baik…!


Nah, disinilah fungsinya “Ping” yaitu memberi informasi kepada Search Engine bahwa kita baru saja mengupdate blog. Tapi ada tapinya nih. Sebaiknya “Ping” dilakukan seminggu sekali atau 3 hari sekali ini juga bila anda sudah mengupdate blog. Karena kalau terlalu sering bisa-bisa Search Engine menganggap blog anda sebagai “Spammer”.

Cara melakukan “Ping”


Contoh, kita menggunakan “Ping service” Pingomatic.com . Selanjutnya anda mengisi data yaitu judul blog dan alamat URL blog anda, lalu contreng pada bagian “Check all” yang berarti “Ping” ke semua Search Engine. Tunggu proses “ping” sedang berlangsung. Bila sudah selesai berarti update blog anda sudah sukses terdeteksi oleh Search Engine yang terdaftar pada situs “Ping Service” tersebut. Praktis kan?

Beberapa situs “Ping Service” yang bisa anda gunakan:

1. Pingoat

2. totalping

3. pingomatic

Catatan :

Bila anda pernah melakukan “Ping” kemudian anda lupa lantas “Ping” lagi pada hari yang sama. Secara otomatis Pingomatic akan menjawab dengan kalimat seperti ini “Slow Down Cowboy…” (Jawaban dari Pingomatic.com yang biasa saya gunakan). Ini berarti anda dianggap terburu nafsu, ga sabar. Hehe,..kalau sudah begini, lebih baik tunggu saja anda ”ping” lagi 2 sampai 3 hari lagi.

Pengertian Backlink


Backlink adalah sebuah link atau teks yang berada di situs lain atau situs kita sendiri yang jika kita klik maka akan menuju ke suatu halaman lainnya dan ini disebut backlink untuk halaman yang dituju tersebut. Teks dari link ini biasanya berupa anchor text atau teks singkat yang biasanya adalah kata kunci dari halaman tujuan tersebut.

Fungsi Backlink


Fungsi backlink sangat penting untuk meningkatkan popularitas suatu situs atau biasa dikenal dengan pagerank yang jadi sebuah ukuran otoritas dan pentingnya situs tersebut terutama oleh mesin pencari seperti Google.
Jumlah backlink menggambarkan populernya dan pentingnya suatu situs di dunia internet. Semakin besar jumlah backlink suatu situs, maka semakin populer dan penting keberadaan maupun konten dari situs tersebut.

3 cara gratis membuat backlink

  • berkomentarlah di blog dofollow. Search saja di google dengan format “daftar blog do follow” pasti ada. Jangan lupa menuliskan link website kamu.
  • Iklan di situs iklan yang pengunjung atau pemasang iklannya keterlaluan. Contohnya: iklanhouse.com
  • Tukeran link dengan blogger lain. Tapi ingat, usahakan untuk memilih blogroll yang berada di sidebar atau footer. Kalau di postingan atau menu tab link kamu mau ya nggak papa.
Oke mungkin itu aja dulu, silakan yang mau coba tips yang udah ane praktekkin juga. lumayan sih, nambah2 rangking Alexa, hehehe


Feb 10, 2012

Cara Memasang Tombol Like Facebook di Blogspot



Cara Memasang / Menambahkan tombol like / suka facebook di blog, merupakan salah satu cara mengoptimalkan postingan blog agar lebih mudah disebarkan, ini berbeda dengan tombol "share" atau bagikan. Ada keunggulan jika kita memasang tombol like facebok dibanding memasang tombol share di blog. Jika seseorang akan membagikan postingan blog kita tentu membutuhkan beberapa proses yang lebih lama dibanding jika hanya meng klik tombol like / suka.
memasang membuat dan menambahkan tombol like suka facebook di postingan blog

Nah, pada kesempatan kali ini, ane mau berbagi sama temen-temen yang pengen tau cara memasukkan tombol like facebook di blognya. Yuk Mareeee....

1. Login ke akun blog Anda, klik Rancangan > Edit HTML
2. Ingat download dulu template Anda agar jika terjadi kesalahan kita bisa upload kembali.
3. Centang kotak Expand Template widget

4. Cari kode  <body> kemudian masukkan masukkan kode di bawah ini tepat di bawah kode  <body> tadi

 <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

5. Temukan kode <data:post.body/> kemudian masukkan kode ini di bawahnya.


<div class="fb-like" data-href="URL" data-send="true" data-width="450" data-show-faces="true"></div>

Jangan lupa untuk mengganti nama blog Anda yang ditandai dengan warna merah. Angka 450 menunjukkan lebar ukuran tombol like (seperti gbr di bawah) :



6. Klik pratinjau dahulu, jika berhasil Kemudian simpan template Anda.

7. Jika belum berhasil cari kode-kode yang seperti berikut  contoh berikut:

<div class='postauthor'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>

kemudian masukkan kode pada langkah 5 di bawah atau di atasnya kode pada nomor 7.
Oke, Selamat Mencoba

Artikel Terkait Lainnya;

Feb 6, 2012

Cara Membuat Halaman "Suka" Facebook Sebagai Media Promosi


600 Juta pengguna Facebook kini telah ada, dan 50% lebih menggunakannya setiap hari. Dari anak-anak, ibu rumah tangga, pekerja kantor, bahkan pembantu rumah tangga sekalipun telah menggunakan facebook. Berapakah pengguna facebook di Indonesia? Dari  informasi terakhir sekitar 42 juta orang di Indonesia telah menggunakan Facebook. Tentu saja ini merupakan sangat potensial dalam memperkenalkan Fan Page kita.

Beberapa alasan mengapa kita "harus" membuat facebook fan page:
  1. Lebih dari 8 jam sehari pengguna facebook online setiap hari, bahkan akan tidur, saat terbangun tengah malampun mereka membuka akun facebook mereka. Dan tentu saja, saat bangun tidur dipagi hari
  2. Facebook Fan Page adalah seperti Billboard besar di pinggir jalan raya. Tentu sering Anda melihat iklan rokok, operator seluler terpampang di pinggir jalan raya. Nah seperti itulah Facebook Fanpage di diibaratkan.
  3. Mesin pencari di kotak pencarian Facebook, lebih menyukai halaman bisnis/fanpage daripada akun pribadi. Ini juga berlaku di Mbah Google.
  4. Lihat pesaing Anda, sudahkah mereka membuat Facebook Fan Page di situs mereka, berapa banyak yang suka? Semakin besar penyukanya, Setiap kali anda memperbarui sesuatu di halaman fan page tentu semakin besar peluang mereka membukanya.
  5. Facebook Fans Page adalah salah satu teknik Online Social Marketing yang sangat handal untuk mempromosikan barang, jasa, produk ataupun blog anda.

Sudahkah Anda membuat Facebook Fanpage? Jika belum, yuk kita ikutin tutorial membuat facebook fanpage nya.
Apakah tujuan kita di facebook? Iseng, kecanduan, sekedar mengisi waktu luang? Atau Anda ingin memperkenalkan "sebuah produk" ke teman-teman Anda? Jika jawaban terakhir jawabannya, maka tidak ada salahnya jika kita membuat sebuah halaman/ fanpage khusus sebagai media untuk memperkenalkan produk tersebut. Salah satu keunggulan fanpage di sini adalah kita tidak perlu repot men "tag" foto produk kita ke teman-teman, lagipula terkadang ada teman yang tidak suka di "tag"? (bener gak ya? hehehe). Mereka cukup nge "like fanpage" milik kita, maka secara otomatis akan muncul di beranda teman. Dan satu lagi keunggulan Facebook fanpage adalah, pengguna facebook yang bukan  teman pun, mereka bisa turut nge like fan page kita.
Oke, langsung saja kita buat yaa....

1. Pastikan masuk di akun FB Anda kemudian masuk ke  http://www.facebook.com/pages/create.php

cara membuat facebook page atau halaman facebook

2. Silakan pilih kategori Yang Anda inginkan.

3. Isi seluruh keterangan yang diminta

   Pada tutorial ini, ane pilih kategori merek atau produk

halaman facebook di blog

4. Centang tanda persetuan, Klik Mulai

5. Silakan masukkan upload foto profil fanpage Anda, jika belum siap    dengan foto profilnya, Anda bisa melanjutkan ke langkah berikutnya. Lewati.

cara membuat facebook fan page


6. Langkah 2, Dapatkan penggemar, silakan jika Anda mau mengundang teman Anda, atau boleh lewati langkah ini.

7 Informasi Umum, silakan masukkan situs web Anda jika ada, dan deskripsikan tentang facebook page Anda.

8. Selesai, Facebook Fan page Anda sudah jadi.



cara membuat halaman facebook

Sewaktu-waktu Anda dapat mengedit informasi Fanpage tersebut jika diperlukan.

Untuk cara memasang atau menambah facebook page ke blog sobat silakan masuk ke postingan Cara Membuat Facebook Page di Blog Jika Anda ingin mulai memperkenalkan "sesuatu" produk tadi silakan klik Gunakan Facebook sebagai ......
di bagian kanan atas. Jika ada yang kurang jelas silakan berikan komentar Anda.
Selamat mencoba.



Feb 1, 2012

Cara Mengganti / Ubah Background Template Blogspot

Seorang blogger mungkin memiliki keinginan mengubah tampilan blognya. Salah satu cara adalah dengan mengganti/ ubah background / latar belakang blognya, bisa jadi tujuannya agar blognya terlihat lebih hidup, lebih artistik ataupun dengan tujuan personalisasi dirinya. Satu hal yang terpenting adalah jangan sampai dengan background yang baru malah terlihat lebih "jelek" dari background terdahulu. bisa jadi pengunjung blog malah tidak betah berlama2 di blog Anda. Ataupun malah membuat loading blog Anda bertambah berat alias lelet, hehe. Oke langsung saja kita pada materi pembahasan ( weleh kaya Pak guru aje) :

  1. Login ke akun blogger Anda
  2. Klik Rancangan > Edit HTML> centang/klik Expand Template Widget  kemudian cari kode di bawah  ini:
   body {

          tekan Ctrl + F untuk memudahkan pencarian (lihat gbr), kotak pencarian di kiri bawah.


cara merubah background latar belakang blogspot


Sebagai contoh lihat penjelasan berikut.

body {
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#F6F6F6 url(http://3.bp.blogspot.com/_xpQK9GsnDPs/TOcLI-UqcaI/AAAAAAAAAEk/Od1Xntz-3MY/s000/body.png) top repeat-x ;
    font-family:verdana,Arial, Tahoma,Century gothic,  sans-serif;
    font-size:12px;
    }

Lihat kode background:#F6F6F6.  kode itu menunjukkan warna latar belakang, sedangkan kode url(http://3.bp.blogspot.com/_xpQK9GsnDPs/TOcLI-UqcaI/AAAAAAAAAEk/Od1Xntz-3MY/s000/body.png) adalah alamat web tempat background gambar di simpan. 

untuk menggantinya Anda bisa menghapus salah satunya, Jika Anda mengininkan dengan latar belakang warna saja, maka kode berwarna biru harus dihapus, sedangkan jika ingin berlatar belakang gambar (image), maka tidak perlu dihapus. Di blog saya tetap saya pasang agar jika background dalam bentuk gambar gagal diloading pengunjung blog, maka background dalam bentuk warna masih bisa. 




ukurannya cukup kecil (1,6kb) namun  memenuhi seluruh tampilan latar belakang blog. Lihat kode berwarna kuning (top repeat-x) hapus saja kode semacam itu, yaitu sesudah kode berwarna biru, (hati-hati tanda titik koma (;) jangan sampai terhapus). Sehingga kodenya menjadi seperti di bawah ini (lihat kode warna biru)

body {
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#F6F6F6 url(http://3.bp.blogspot.com/_xpQK9GsnDPs/TOcLI-UqcaI/AAAAAAAAAEk/Od1Xntz-3MY/s000/body.png);
    font-family:verdana,Arial, Tahoma,Century gothic,  sans-serif;
    font-size:12px;
    }

Bagaimana? sudah paham dan sudah diganti?

3. Jika sudah klik Pratinjau,  seandainya langkah2 Anda sudah benar, maka tidak akan ada error pada pratinjau.
4. Kalau sudah mantap klik Simpan Template.
5. Selesai dan selamat mencoba.

Semoga tutorial cara mengganti atau merubah background template blog ini bisa membantu sobat blogger yang lain.  

Jika sobat mau mengetahui kode warna blog silakan masuk ke tools kode warna