Kamis, 05 April 2012

Nge-blog di Blogdetik.com

Blog Adalah...
Blog alias weblog berawal dari dua kata, web dan log. Arti harfiahnya adalah
'catatan' (log) dari internet (web). Namun kemudian blog itu memiliki
pengembangan makna sehingga bisa berarti banyak hal, yang semuanya
sebenarnya mengacu pada mengekspresikan diri secara online. Mulai dari
ekspresi dengan 'curhat' hingga essay atau opini yang serius dan juga foto, video
atau audio.
Boleh dibilang, blog adalah teknik publikasi online yang paling mudah dari yang
pernah ada sejauh ini. Meski kerap bernasib tragis menjadi tempat curhat, blog
punya potensi sebagai sebuah alat ekspresi diri
dan juga perbincangan di internet.
Situs blogdetik.com menjadi pilihan yang 'tepat' bagi pengguna internet yang
mau nge-blog karena ini merupakan layanan yang berlokasi di Indonesia. Layanan
asing seperti blogger.com atau wordpress.com tidak jelek, kadang mungkin lebih
baik dari layanan lokal. Namun ada esensi penghematan devisa dalam
menggunakan layanan lokal, selain alasan klise 'nasionalisme'.

Rabu, 04 April 2012

Cara Optimasi Judul Postingan Pada Blogdetik

Kali ini saya mau membahas tutorial blog lagi, setelah lama absen ngurusin blog baru dan sibuk cari dollar :D Sesuai judulnya, tutorial blog ini dimaksudkan agar lebih SEO friendly di google. Jadi setiap orang mencari artikel atau keyword tertentu akan memunculkan judul postingan pada search engine.
Kenapa pada blogdetik? Karena kini blogdetik makin canggih saja nih, kini blogdetik telah menanamkan pluggin yang menjadi tool incaran para SEO master yaitu All in One SEO Pack. Apa sih kehebatan pluggin ini? Seperti saya jelaskan diatas bahwa pluggin ini berguna bagi SEO master untuk mengoptimasikan judul blog mereka agar SEO friendly dan cepat terindeks di google.
Sebagai contoh pada blog ini, sebelum saya pasangkan pluggin ini maka Judul Postingan saya akan berada dibelakang judul Blog saya, misalnya saya click judul postingan saya Jasa Adsense Murah, maka pada homepage akan muncul Belajar Dengan Menulis | Jasa Adsense Murah. hal ini akan membuat judul postingan saya gak bisa terindeks di google. Dan setelah saya pasang pluggin All in One SEO Pack, maka homepage saya menjadi Jasa Adsense Murah | Belajar Dengan Menulis.

Oke gitu deh penjelasan maksud dari Optimasi Judul Postingan, lalu bagaimana cara setting Pluggin All in One SEO Pack ? Berikut ini saya jelaskan cara optimasi judul postingan pada blogdetik dengan menggunakan pluggin All in One SEO Pack.
  1. Masuk ke dashboard blog anda
  2. Lalu Lihat Sebelah Kiri pada Menu yang tersedia, cari Pluggins.
  3. Pada Inactive Pluggin kita centang All in One SEO Pack lalu klik Activate untuk mengatifkan pluggin ini.
  4. Klik Edit untuk setting pluggin All in One SEO Pack ini.
  5. Pilih Enabled pada pluggin status, Lalu isi Home Title, Home Description, dan Home Keywords sesuai keinginan dan kata kunci yang Anda bidik. (seperti gambar dibawah ini)

  6. Untuk bagian dibawah Home Keyword biarkan default saja, saya saja tidak utak atik opsi ini.
  7. Klik Update Option.
Kini jika blog anda sudah terindeks di google dan orang lain mencari artikel dan anda telah membidik keyword pada settingan diatas, otomatis Judul Postingan Anda akan muncul di search enggine. Dan tentunya ini yang kita sebut dengan Traffic. Para SEO master mengatakan, Good Keywoord=Traffic=Money.
Jadi apakah anda sudah mengoptimasi Judul postingan pada blogdetik? Dan buat yang mau tahu cara setting optimasi judul postingan pada blogspot bisa baca di sini. Semoga bermanfaat

Mengoptimalkan Judul Postingan

Setiap blog yang kita buat pasti berharap bisa Search Engine Friendly alias gampang dikenal search engine. Biasanya para pencari inforamsi di dunia maya mengetikan judul di google artikel yang dicari tsb. Nah berikut ini tips saya agar setiap judul postingan kita akan tampil di search engine tanpa memunculkan embel2 blog kita.

Jadi setiap kali kita klik postingan kita, maka yang muncul hanya judul postingan kita. Nah langsung aja kita praktekan. Nih caranya :



1. Masuk Blogger lalu Tata Letak ---> Edit HTML
2. Jangan lupa untuk centang "Expand Widget Template"
3. Cari Kode berikut ( CTRL F biar cepat ):
    <title><data:blog.pageTitle/></title>
4. Lalu hapus kode diatas dengan menggantinya dengan kode dibawah ini :
    <b:if cond='data:blog.pageType == &quot;index&quot;'>

    <title><data:blog.title/></title>
    <b:else/>

    <title><data:blog.pageName/></title>
    </b:if&gt;
5. Klik Save Template
6. Selamat anda telah mengoptimalkan judul postingan anda

Dengan cara demikian mudah2an akan memaksimalkan judul postingan kita dan tentunya semakin friendly dengan search engine. Selamat mencoba

Senin, 02 April 2012

Cara Membuat Cursor Bertaburan Bintang

Wah,,, udah lama juga gw ngga posting artikel. Baru kali ini gw punya kesempatan untuk memposting sebuah artikel tentang Cara Membuat Cursor Bertaburan Bintang. Sebagai contohnya Anda bisa lihat pada cursor di blog saya ini. Coba Anda gerakkan kursor, pasti cursor tersebut akan diikuti oleh bintang-bintang berwarna merah.
Anda tertarik ingin mencobanya untuk blog Anda? Caranya sangatlah mudah.


Berikut caranya :

1. Login ke blogger.
2.Masuk ke Layout-->Page Element
3.Tambahkan gadget HTML/JavaScript
4.Pilih kode taburan bintang dibawah ini.

Bintang Hijau
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>


Bintang Ungu


<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.ungu.js' type="text/javascript"></script>


Bintang Merah


<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.merah.js' type="text/javascript"></script>


Bintang Biru


<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js' type="text/javascript"></script>


Bintang Putih


<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js' type="text/javascript"></script>


5.Kopi salah satu kode diatas dan simpan.

Atau juga Anda dapat mempraktekkan Cara Membuat Cursor Selalu Diikuti Teks

Sumber :Indahnya Berbagi

Cara Membuat Read More Versi Terbaru

Setelah dulu Rully pernah membuat cara membuat read more di postingan dan cara membuat read more dengan judul posting. Kali ini Rully akan membahas cara membuat red more versi terbaru. Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Dan lagi,,, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>


OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head>
Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


silahkan disimpan dan lihat hasilnya

Keterangan:
var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba

Cara Membuat Efek Kembang Api di Blog

Pada postingan kali ini, Rully akan membahas cara membuat efek kembang api di blog.

Berikut ini caranya :

1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


6. Save Template Dan Lihat hasilnya..

Selamat mencoba dan jangan lupa komentarnya.

Cara Membuat Efek Love Berjatuhan di Blog

Pada postingan sebelumnya Rully membahas Cara Membuat Efek Daun Berjatuhan di Blog. kali ini Rully akan membahas Cara Membuat Efek Love Berjatuhan di Blog.

Berikut cara membuatnya :

1. Sign in di Blogger
2. Kemudian pilih "Rancangan"
3. Klik "Tambah Gadget"
4. Pilih "HTML/Javascript"
5. Copy kode scipt dibawah ini
<script src='http://anas.ku93.googlepages.com/lovingheart.js'>
</script>


6. Simpan

Gimana??? Mudah kan.
Selamat Mencoba

Tags : membuat efek bejatuhan di blog, membuat efek love di blog, membuat blog, efek love, efek berjatuhan