Free Tutorials | News | Bisnis Online: Tutorial Blogspot

Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

Cara menambahkan Emoticon Di atas Kotak komentar

Kamis, 19 Agustus 2010

Assalamualaikum Wr Wb. Hai sahabat blogger pada kesempatan yang berbahagia kali ini Maswid akan menjelaskan sedikit mengenai Tutorial Blogspot yaitu Cara menambahkan Emoticon Di atas kotak komentar anda .nah seperti yang anda lihat Emoticon diatas kotak komentar saya,itulah contohnya,keren kan. Nah langsung saja ikuti Langkah-Langkah menambahkan Emoticon di atas kotak komentar dibawah ini ya.

Langkah Awal
1.Seperti biasa kita harus login blogger terlebih dahulu
2.Pilih Tata Letak -> Edit HTML
3.Sebelum Itu Backup dulu template anda untuk jaga-jaga apabila ada kesalahan
4.Centang Expand Template Widget
5.Cari Kode </body>
6.Jika sudah ketemu, letakkan kode script dibawah ini diatas kode </body> :

<script src='http://luvanis.fileave.com/java/anzu-monyet.js' type='text/javascript'/>

Jika sudah langkah-langkah diatas dilakukan sekarang Anda harus melakukan langkah yang kedua, perhatikan langkah kedua dibawah ini :

Langkah Selanjutnya

1. Lakukan perintah yang sama dari point 1-4 pada langkah pertama
2. Selanjutnya Anda harus mencari kode : <p class='comment-footer'>

Tetapi disini terjadi kendala karena kode diatas terdapat dua kode yang sama sehingga jika Anda melakukan Ctrl+F maka dikawatirkan Anda tidak tahu mana yang harus dipakai. Nah untuk mengetahuinya Anda harus melakukannya secara manual tetapi Anda jangan kawatir saya kasih solusinya yaitu Anda mulai mencarinya dari paling bawah karena kode yang dipakai adalah kode kedua. Anda mulai mencari dengan teliti jika sudah ketemu maka letakkan kode di bawah ini dibawah kode yang diatas tadi.
Kode :

<div style='overflow:auto; height:80px; width:360px'>
<b>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mBerangan.gif' width='40'/> :a:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mBom.gif' width='40'/> :b:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCamera.gif' width='40'/> :c:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCry.gif' width='40'/> :d:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCubit.gif' width='40'/> :e:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mDarah.gif' width='40'/> :f:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mDuit.gif' width='40'/> :g:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mFlu.gif' width='40'/> :h:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGelak.gif' width='40'/> :i:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGergaji.gif' width='40'/> :j:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGuilty.gif' width='40'/> :k:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHaha.gif' width='40'/> :l:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHantuk.gif' width='40'/> :m:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHihi.gif' width='40'/> :n:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHurm.gif' width='40'/> :o:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mJahat.gif' width='40'/> :p:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKanta.gif' width='40'/> :q:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKening.gif' width='40'/> :r:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKenyang.gif' width='40'/> :s:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKipas.gif' width='40'/> :t:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKorek.gif' width='40'/> :u:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mLove.gif' width='40'/> :v:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mMandi.gif' width='40'/> :w:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mMuka.gif' width='40'/> :x:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mNgumpat.gif' width='40'/> :y:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mNo.gif' width='40'/> :z:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPanas.gif' width='40'/> :1:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPeluh.gif' width='40'/> :2:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPening.gif' width='40'/> :3:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mRambut.gif' width='40'/> :4:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mRempit.gif' width='40'/> :5:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSad.gif' width='40'/> :6:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSakit.gif' width='40'/> :7:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSelam.gif' width='40'/> :8:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSmoking.gif' width='40'/> :9:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mStudy.gif' width='40'/> :10:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSurrender.gif' width='40'/> :11:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mThinking.gif' width='40'/> :12:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mTorchlight.gif' width='40'/> :13:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mWekk.gif' width='40'/> :14:
</b>
</div>

3. Jika sudah selesai klik Simpan Template
4. Klik Lihat Blog
Cara menggunakannya Anda tinggal mengetik kode emotion yang berada dikanan emotion.

Semoga Bermanfaat Bagi sahabat blogger yah :)

Membuat Blog Itu Mudah

Kamis, 12 Agustus 2010

Assalamualaikum Wr Wb. Nah sahabat blogger kali ini Maswid akan menjelaskan sedikit tentang cara untuk membuat sebuah blog.Membuat Blog itu Mudah,sebenernya sih cara bikinnya gampang banget tinggal klik klik doank.. hahahh.nah langsung saja ikuti langkah-langkah Rukun blogger dibawah ini dengan urut dan benar

1. Klik DI SINI !

2. Klik tulisan “CIPTAKAN BLOG ANDA”

3. Tuliskan alamat email anda dengan benar (email harus yang valid)

4. Tuliskan alamat email anda lagi dengan benar pada form Ketik ulang alamat email

5. Ketikkan password yang anda inginkan pada form Masukkan sebuah password

6. Ketikkan lagi password yang sama pada form Ketik ulang password

7. Isi Nama Tampilan dengan nama yang anda inginkan

8. Ketikkan tulisan yang ditunjukkan pada form Verifikasi Kata

9. Beri tanda centang pada kotak di samping tulisan Saya menerima Persyaratan dan Layanan

10.Klik tulisan "LANJUTKAN"

11.Tuliskan judul blog yang anda inginkan pada form Judul Blog (judul blog bisa diganti lagi kalau blog sudah tercipta)

12.Tuliskan situs yang anda inginkan pada form Alamat Blog (URL)

13.Ketikkan tulisan yang ditampilkan pada form Verifikasi kata

14.Klik tulisan “LANJUTKAN”

15.Pilih template yang anda inginkan kemudian klik tulisan “LANJUTKAN” (nanti bisa diganti setelah blog tercipta)

16.Kemudian akan muncul tulisan "Blog Anda telah diciptakan" itu tanda bahwa blog anda sudah jadi

17.Ternyata mudah sekali yaaa menciptakan sebuah blog.

Sudah deh selesai jadilah blog anda.. jangan lupa entar kalo blognya udah maju mampir mampir kesini yah.. ^_^

Cara Membuat Kotak Blogroll Marquee

Assalamualaikum Wr Wb.Pada kesempatan kali ini Maswid akan berbagi informasi tentang Tutorial Blogspot yaitu Cara Membuat Kotak Blogroll dan marque.ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Selesai deh.

Cara Memasang Widget Translator

Assalamualaikum Wr Wb. Pada kesempatan kali ini Maswid akan memberi sedikit informasi tentang Tutorial Blogspot yaitu Cara Memasang Widget Translator.
1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com;/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script&gt

5. Simpan deh..

Cara Untuk Membuat Artikel Terpopuler

Assalamualaikum Wr Wb.Nah sahabat blogger pada kesempatan kali ini Maswid akan memberi sedikit informasi tentang Tutorial Blogspot yaitu Cara Untuk Membuat Artikel Terpopuler.Nah langsung saja deh tanpa basa basi. ikuti langkah-langkah dibawah ini dengan baik dan benar.
1. Seperti biasa, sobat login dulu ke blogger.
2. Kemudian tuju Elemen Halaman.
3. Klik Tambah Gadget.
4. Pilih yang HTML/ Javascript .
5. Masukkan kode Javascript berikut ini

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2FAlamatBlog.blogspot.com&num=10" type="text/javascript"></script>

6.Ganti tulisan yang saya tebalkan dengan alamat blog sobat, kemudian Simpan.
Semoga artikel Cara Membuat Top Posting/Artikel di Blog dapat bermanfaat bagi anda.

Cara Membuat Spoiler

Assalamualaikum Wr Wb. Pada kesempatan kali ini Maswid akan memberi sedikit informasi tentang Tutorials Blog yaitu cara membuat spoiler.Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, seluruh atau sebagian isi dari postingan blog kita, dan lain-lain. Spoiler ini juga bisa menguntungkan kita dalam hal pengurangan loading, maksudnya adalah, jika kita menggunakan spoler pada gambar, maka blog kita tidak akan dikenai beban loading yang bisa memberatkan. Tapi tidak hanya gambar lho, video pun bisa menggunakan spoiler agar loadingnya tidak memberatkan blog kita. Spoiler juga berguna sebagai tempat untuk menaruh kode di postingan supaya punya kesan unik, inovatif dan inspiratif.Contohnya seperti dibawah ini nih.

Berikut Ini Scriptnya tinggal di copas aja... jangan lupa ganti tulisan yang bewarna merah dengan sesuka hati anda.

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">LETAKAN DISINI</div></div></div>

Cara Membuat Highlight Author Comment

Assalamualaikum Wr Wb.Pada kesempatan kali ini Maswid akan memberi sedikit informasi tentang Tutorials Blogspot yaitu cara Membuat Highlight Author Comment. Highlight Author Comment

fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Cara membuat Daftar Isi

Assalamualaikum Wr Wb.Pada kesempatan kali ini Maswid akan memberi sedikit informasi tentang Tutorial Blogspot yaitu Cara membuat Daftar Isi.Daftar isi yang akan kita bahas ini akan bekerja secara otomatis, sehingga setiap kali kita melakukan postingan, judul postingan tersebut akan langsung masuk ke dalam daftar isi, sehingga tidak menyita banyak waktu, setuju ? Jika anda ingin melihatnya silahkan klik tulisan Daftar Isi di bagian Menu blog ini ! Dan jika anda tidak ingin melihatnya tinggal klik lagi tulisan Daftar Isi itu kembali. Kerenkan ?
Kalau anda berminat untuk membuatnya silahkan ikuti tips-tips blog berikut ini :

1. Login ke blogger.com
2. Pilih Layout/Tata Letak ---> Edit HTML
3. Sebelum mengedit klik dulu Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan dalam mengedit HTML
4. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget
5. Lalu cari kode seperti ini di bagian body template biar cepat ketemunya klik Ctrl+F

<b:include data='post' name='post'/>

6. Kalau udah ketemu hapus kode tersebut dan ganti dengan kode berikut ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

7. Kemudian klik tombol simpan template
8. Langkah berikutnya pilih Elemen Halaman
9. Klik Add Gadget/Tambah Gadget ---> HTML/Javascript
10. Copy kode berikut ini dan masukkan ke dalam kotak yang disediakan :

<a href="http://xxxxxxxxxxxxxx.blogspot.com/search?max-results=100">Daftar isi»</a>

Ingat ganti tulisan xxxxxxxxxxxxxx dengan nama blog kamu. Anda juga bisa mengganti angka 100 sesuai keinginan anda. Angka ini adalah jumlah judul posting yang akan di munculkan ketika link daftar isi di klik

11. Klik tombol simpan
12. Udah jadi dhe. Wassalamu’ alaikum wr. wb.

Memasang Alexa Rank pada Blog

Assalamu’ alaikum .Hai sahabat Blogger Pada postingan kali ini Maswid akan menerangkan tentang cara memasang Alexa Rank pada blog. Alexa Rank adalah tool yang dapat digunakan untuk mengetahui ranking traffic (pengunjung) pada blog kita. Dengan memasang gadget alexa pada blog, maka mesin alexa akan dapat mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada blog anda. Oleh karena itu saya menyarankan kepada anda untuk memasang Gadget Alexa Rank pada blog anda.Nha kalau begitu nggak usah banyak bacot lagi, langsung aja ikuti tips blog berikut ini :
1. Klik DI SINI !
2. Masukkan nama blog anda pada kotak yang disediakan (tanpa menggunakan http://) kemudian klik tombol Build Widget
3. Ada 3 macam ukuran yang bisa anda pilih salah satunya, kemudian copy kode yang berada di sampingnya
4. Langkah selanjutnya login ke blogger.com
5. Klik Layout ---> Elemen Halaman ---> Add Gadget/Tambah Gadget
6. Pilih HTML/Javascript
7. Masukkan kode yang telah dicopy dari Alexa Rank ke dalam kotak yang disediakan
8. Klik tombol simpan
9. Selesai dhe, allhamdulillah !
10. Moga-moga dengan memasang gadget Alexa Rank dapat meningkatkan ranking alexa. Kemudian jangan lupa semakin kecil angkanya semakin baik rangkingnya. Wassalamu’ alaikum wr.wb.

Cara Membuat Readmore Manual

Rabu, 11 Agustus 2010

Assalamualaikum Wr Wb. Nah sahabat blogger kali ini Maswid akan menjelaskan sedikit Informasi tentang tutorial Blogspot yaitu Cara membuat Readmore Manual.Readmore Itu ada dua macam yang pertama Readmore Manual dan Readmore Otomatis.Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :
1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :<p><data:post.body/></p>
4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<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'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Page Rank Itu Apa?

Assalamualaikum Wr Wb. Nah sahabat Blogger. di kesempatan kali ini Maswid akan menjelaskan sedikit tentang Apa itu page rank??? udah tau belum Page rank itu apa? baca sendiri deh artikel dibawah ini. artikel ini aku dapatkan di wikipedia. jadi tinggal copas aja.. hehe soalnya bingung sih gmn jelasinnya.yang jelas Page Rank nantinya harus dimengerti oleh setiap webmaster/blogger loh.

PageRank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utama mesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.
Trus bagaimana cara kerja Page Rank?

Sebuah situs akan semakin populer jika semakin banyak situs lain yang meletakan link yang mengarah ke situsnya, dengan asumsi isi/content situs tersebut lebih berguna dari isi/content situs lain. PageRank dihitung dengan skala 1-10.
Contoh: Sebuah situs yang mempunyai Pagerank 9 akan di urutkan lebih dahulu dalam list pencarian Google daripada situs yang mempunyai Pagerank 8 dan kemudian seterusnya yang lebih kecil.

Banyak cara digunakan search engine dalam menentukan kualitas/rangking sebuah halaman web, mulai dari penggunan META Tags, isi dokumen, penekanan pada content dan masih banyak teknik lain atau gabungan teknik yang mungkin digunakan. Link popularity, sebuah teknologi yang dikembangkan untuk memperbaiki kekurangan dari teknologi lain (Meta Keywords, Meta Description) yang bisa dicurangi dengan halaman yang khusus di desain untuk search engine atau biasa disebut doorway pages. Dengan algoritma ‘PageRank’ ini, dalam setiap halaman akan diperhitungkan inbound link (link masuk) dan outbound link (link keuar) dari setiap halaman web.

PageRank, memiliki konsep dasar yang sama dengan link popularity, tetapi tidak hanya memperhitungkan “jumlah” inbound dan outbound link. Pendekatan yang digunakan adalah sebuah halaman akan diangap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut.

Dengan pendekatan yang digunakan PageRank, proses terjadi secara rekursif dimana sebuah rangking akan ditentukan oleh rangking dari halaman web yang rangkingnya ditentukan oleh rangking halaman web lain yang memiliki link ke halaman tersebut. Proses ini berarti suatu proses yang berulang (rekursif). Di dunia maya, ada jutaan bahkan milyaran halaman web. Oleh karena itu sebuah rangking halaman web ditentukan dari struktur link dari keseluruhan halaman web yang ada di dunia maya. Sebuah proses yang sangat besar dan komplek.

Mau tahu algoritma page rank?
Dari pendekatan yang sudah dijelaskan pada artikel konsep pagerank, Lawrence Page and Sergey Brin membuat algoritma pagerank seperti di bawah :

Algoritma awal PR(A) = (1-d) + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

Salah satu alogtima lain yang dipublikasikan PR(A) = (1-d) / N + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

* PR(A) adalah Pagerank halaman A
* PR(T1) adalah Pagerank halaman T1 yang mengacu ke halaman A
* C(T1) adalah jumlah link keluar (outbound link) pada halaman T1
* d adalah damping factor yang bisa diberi antara 0 dan 1.
* N adalah jumlah keseluruhan halaman web (yang terindex oleh google)

Random surfer model merupakan pendekatan yang menggambarkan bagaimana sesungguhnya yang dilakukan seorang pengunjung di depan sebuah halaman web. Ini berarti peluang atau probabilitas seorang user mengklik sebuah link sebanding dengan jumlah link yang ada pada halaman tersebut. Pendekatan ini yang digunakan pagerank sehingga pagerank dari link masuk (inbound link) tidak langsung didistribusikan ke halaman yang dituju, melainkan dibagi dengan jumlah link keluar (outbound link) yang ada pada halaman tersebut. Rasanya semua juga menganggap ini adil. Karena bisa anda bayangkan apa jadinya jika sebuah halaman dengan rangking tinggi mengacu ke banyak halaman, mungkin teknologi pagerank tidak akan relevan digunakan.

Metode ini juga memiliki pendekatan bahwa seorang user tidak akan mengklik semua link yang ada pada sebuah halaman web. Oleh karena itu pagerank menggunakan damping factor untuk mereduksi nilai pagerank yang didistribusikan sebuah halaman ke halaman lain. Probabilitas seorang user terus mengkilk semua link yang ada pada sebuah halaman ditentukan oleh nilai damping factor (d) yang bernilai antara 0 sampai 1. Nilai damping factor yang tinggi berarti seorang user akan lebih banyak mengklik sebuah halaman sampai dia berpindah ke halaman lain. Setelah user berpindah halaman maka probabilitas diimplemntasikan ke dalam algoritma pagerank sebagai konstanta (1-d) . Dengan mengeluarkan variable inbound link (link masuk), maka kemungkinan seorang user untuk berpindah ke halaman lain adalah (1-d), hal ini akan membuat pagerank selalu berada pada nilai minimum.

Dalam algoritma pagerank yang lain, terdapat nilai N yang merupkan jumlah keseluruhan halaman web, jadi seorang user memiliki probabilitas mengunjungi sebuah halaman dibagi dengan total jumlah halaman yang ada. Sebaagai contoh, jika sebuah halaman memiliki pagerank 2 dan total halaman web 100 maka dalam seratus kali kunjungan dia mengunjungi halaman itu sebanyak 2 kali (catatan, ini adalah probabilitas).

Istilah-Istilah dalam Blogspot

Assalamualaikum Wr WB. Nah Para blogger mania kali ini Maswid akan memberi sedikit informasi tentang Blogspot. Nah di blogspot ini banyakkkk banget artikel/kata-kata yang harus dipahami lohh. pasti banyak kan kata-kata asing yang belum kita mengerti kan.Dibawah ini terdapat beberapa kata-kata asing dalam blog.

* Blog
Blog : istilah yang pertama kali digunakan oleh Jorn Barger untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar.
Weblog : istilah lain dari blog.
Blogging : kegiatan-kegiatan yang dilakukan dalam dunia blog.
Blogger : seseorang yang melakukan blogging.
arti lainnya: sebuah layanan blog dari google.
Blogosphere : komunitas dalam blogging.
Posting : kegiatan untuk mengirimkan artikel ke dalam blog.

* Bentuk-Bentuk Blogging
Photoblogging : sebuah blog yang difokuskan pada dunia Photografi dan gambar-gambar.
Podcasting : metode untuk mendistribusikan file multimedia (video/audio) secara online melalui feeds
Autocasting : bentuk podcasting secara otomatis.
Blogcasting : penggabungan blog dan postcas dalam sebuah wensite.
Vlog / Vlogging : jenis blogging yang lebih senang menggunakan video daripada text.
Audioblog / Audioblogging : jenis blogging yang lebih senang menggunakan audio/musik daripada text.
Moblogs / Moblogging kegiatan blogging dengan menggunakan HP (handphone).

* Komponen dan Fungsi-Fungsi Blog
Index page : halaman depan dari blog.
Header : bagian paling atas blog.
Footer :bagian paling bawah blog.
Sidebar : kolom-kolom yang berada di sisi blog.
Link : proses untuk menghubungkan ke suatu postingan/kontent atau ke web/blog yang lain.
Archive : sekumpulan/arsip dari semua postingan. Bisa dikelompokkan dalam bulan, tahun dsb.
Categories : sekumpulan/sekelompok spesifik dari beberapa artikel.
Commnets : Kompentar-komentar dari para pembaca blog.
Captcha : kependekan dari "Completely Automated Public Turing test to tell Computers and Humans Apart", yaitu sebuah gambar yang berisi kata atau huruf yang harus diketikkan untuk verifikasi. Berguna untuk menangkal spam.
Ping (Packet Internet Grouper) : berfungsi untuk memberitahu layanan-layanan yang berhubungan dengan blog (seperti tchnocarty dkk) bahwa kita baru menambah atau mengupdate konten blog kita.
Trackback : berfungsi untuk memberitahu bahwa kita me-link ke postingan atau kontent blog orang lain.
Blogroll : sekumpulan link yang dijukan ke blog yang lain.
Template : desain dasar blog.
Plugin : sebuah file yang berfungsi untuk menambah feature2 blog.
Dashboard : sebuah tampilan yang berisi kontrol-kontrol, tool, setting dll saat pertama kali kita login ke blog account.

*Penyedia Layanan Blog
Blogger/Blogspot : Layanan blog gratis dari google.
Wordpress : Salah satu layanan blog gratis yang lain, memiliki feature yang lebih lengkap daripada blogger.com tapi kita tidak bisa mengotak-atik script HTML, kalo mau mengedit harus bayar dulu, jadi buat yang gratisan nggak bisa ngedit.
LiveJournal : Tolls blogging gratis dari SixApart
TypePad : Tolls blogging tidak gratis (bayar) dari SixApart.

* Bloging Habits
Metablogging : menulis artikel tentang blogging.
Blogstipation : blogger yang sedang malas ngeblog, karena sedang bad mood atau nggak pingin ngeblog.
Blogopotamus : Postingan blog yang sangat panjang.
Bleg : adalah ketika seseorang memohon pada sebuah blog.
Blego : Blog+Ego, ukuran kekayaan blogger.
Blog Hopping : Berpindah-pindah dari satu blog ke blog yang lain.
Blogroach : Komentator yang tidak setuju dengan postingan atau kontent suatu blog, biasanya diungkapkan dengan kata-kata yang kasar.
Blogoholic : Pecandu Blog.
Blogorific / Blogtastic Suatu hal yang dahsyat dari perkataan blogger.
Blogsit : Pemeliharaan blog ketika sang pemilik utama blog sedang bepergian atau sedang liburan.
Blogvertising/Blogvert : Iklan-iklan yang ada di blog.
Blurker : Pembaca blog yang hanya melihat-lihat saja, tidak memberikan komentar atau apapun.
Blogathon : mengaupdate blog setiap 30 menit dan selama 24 jam non-stop.
Blogiversary : Ulang tahun Blog.
Blog Carnival : Link ke artikel yang lain yang disamarkan dengan topik yang spesifik.
Multiblog : menjalankan banyak blog.
Blog Tipping : pujian atau ucapan selamat setiap tanggal 1 setiap bulannya.
Blogger Bash : Pesta para blogger.
Reciprocal Links / Link Exchange : atau Link Love, saling me-link antara blog yang satu dengan blog yang lain.
Linkbaiting : menulis artikel yang bagus supaya dilink oleh blog yang lain.
Hitnotice : me-refresh browser berulang-ulang untuk melihat hit-counter atau melihat apakah ada komentar yang baru atau tidak.
Blogstorm / Blogswarm : Kegiatan komunitas blogger yang sangat besar.
Blogsnop : menolak respon dari komentator yang bukan temannya.
Doppelblogger : blogger yang menjiplak konten dari blog orang lain.
Blogophobia takut terhadap blog atau blogging.
Blogeerel : opini yang sama yang dikirim berulang-ulang pada sebuah blog.

Aduh capek nih, ngaso dulu ah, minum kopi dulu bos biar seger. huuaaaahhhhh...
hup..hap..hup..hap..huaaaahhhhhhhhhh
yak, udah seger lagi, mari kita lanjutkan.

* Tipe-Tipe Blogger
Problogger : Blogger yang sudah profesional.
Blogebrity : Blogger yang sangat terkenal, kayak selebriti gitu.
Blogerati : Komunitas Blogger yang sudah pinter-pinter.
Blognoscenti : Blogger yang memiliki kemampuan yang spesial.
Commnetariat : Komunitas para komentator (lho emangnya ada? :D ).
Dooced : kehilangan pekerjaan gara-gara blognya.
Blogther : teman/saudara/keluarga blogger.
Blogstar : Blogger yang mengoperasikan blog yang sangat populer.

* Web/Blog Feeds
Web Feed : format data yang disediakan untuk user agar bisa berlangganan pada postingan sebuah blog.
RSS : adalah sebuah file berformat XML untuk sindikas. RSS mengijinkan kita untuk berlangganan kepada web/blog yang menyediakan umpan (feed) RSS. RSS kependekan dari Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0).
XML : (eXtensible Markup Language).
RDF : (Resource Description Framework)
Atom : hampir sama dengan web feed.
Photofeed : web feed dengan lampiran gambar.

Nah semoga membantu yah.. terimakasih.

Cara Memberi Recent Comment

Assalamualaikum Wr Wb. Nah pada kesempatan kali ini Maswid akan menjelaskan tentang Tutorial Blogspot yaitu cara memberi recent comment .nah ada yang belum tau apa itu recent comment???.Recent Comment itu berisi tentang Comment-comment terakhir yang diberikan oleh pembaca artikel kita terhadap artikel kita.Nah langsung saja ikuti langkah-langkah dibawah ini ya.
1. Seperti biasa Login terlebih dahulu di blogger
2.Masuk ke tataletak -> Elemen halaman
3. Setelah itu tambah gadget -> pilih html/javascript .
4. Masukan script dibawah ini

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 285px;
height: 100px;
text-align: left; ">
<script style="text/javascript" src="http://anas.ku93.googlepages.com/comments.js"></script><script style="text/javascript">var numcomments =100;var showcommentdate = true;var showposttitle = true;var numchars = 30;var standardstyling = true;</script><script src=" http://NAMABlOGMU.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</div>

5. Ganti tulisan yang bewarna merah dengan nama blogmu
6. Setelah itu simpan dan liat hasilnya.. teret,,,,, jadi deh.

Cara Membuat Artikel yang Berhubungan / Related Post

Assalamualaikum Wr Wb.Nah sahabat blogger dikesempatan kali ini Maswid akan memberikan sedikit informasi tentang Cara untuk membuat Artikel yang berhubungan/Related Post.Nah udah tau belum Related post itu apa??? Related post itu adalah artikel berhubungan yang biasanya diletakan dibawah postingan. kayak dibawah postinganku itu lo....
Langsung saja cara bikin nya gampang banget kok..
1. seperti biasa sebelumnya kita WAJIB login blogger.
2. Masuk Ke Tataletak -> Edit HTML
3. Centang kotak 'Expand Widgets Template'
4. Cari kode ini <data:post.body/>
5. Letakkan script berikut ini di bawah kode <data:post.body/> tadi.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

6. Simpan. Selesai.

Cara Membuat Blockquote

Assalamualaikum Wr Wb. Pada kesempatan kali ini Maswid akan berbagi informasi tentang pernak-pernik blogspot yaitu adalah cara membuat Blockquote.Sudah Tau apa itu blockquote????blockquote itu kayak dibawah ini nihh.. namanya blockquote

Ini adalah contoh blockquote ..Keren kan.haha

Nah sekarang sudah tau kan mengenai blockquote.Langsung saja ikuti langkah dibawah ini dengan baik dan benar
1.Login Blogger
2.Klik Rancangan -> Edit HTML
3.Backup Templatenya dulu biar nanti kalo terjadi kesalahan tinggal di restore.
4.Cari Kode ]]></b:skin>
5.Sisipkan Kode/script berikut ini persis dibawah nya.

blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;

background: #e0ffff;

border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}

Setelah Itu Selesai deh.. nah kalo ingin memberi blockquote di dalam postingan caranya tinggal Sisipkan <blockquote> dan akhiri tagnya dengan </blockquote>