Related Posts Blogger with Thumbnails

Cara membuat Related Posts Blogger with Thumbnails sebenarnya memang mirip relate post cuma disertai dengan image postingan dan tentunya akan membuat tampilan template blog kita tambah profesional dan keren.

langkah -langkah membuat Related Posts Blogger with Thumbnails adalah:

1.Masuk Layout > Edit HTML dan centang "Expand Widget Templates"
2.cari kode:

</head>

3.kemudian ganti kode  </head> dengan kode dibawah ini

Related Posts Blogger with Thumbnails:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmbdSWV4jANX4c-FPfWTW8lphBRQAIGcTKCs5hAbP58eHpVgZtWNP6m-mZBNSh_r51RwMK2cDuxFcjHNN6R4m8dfQbSfPoSTUXRkRSxLVdKAJqpEw7xQPlZXlPnJp0bc5CHnAYJDtjGyI/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

4.Sekarang cari kode

<div class='post-footer-line post-footer-line-1'> kalo tidak ketemu kita juga bisa coba yang ini <p class='post-footer-line post-footer-line-1'>

langkah selanjutnya masukan kode di bawah ini tepat di bawah kode diatas.

Related Posts Blogger with Thumbnails :

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

selamat mencoba

Wibiya Toolbar Acsesories Blog

Wibiya - salah satu website yang menyediakan fasilitas free toolbar untuk blog Anda, toolbar dari wibiya ini sangat canggih. Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, live video, translate, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat dan foto sharing kamu. Hmmm canggih bukan toolbar ini? Untuk demonya silakan lihat blog ini bagian bawah yang melayang, ada tools yang berisi pencarian, who's online, facebook, live chat dll.

Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.

* Buka website wibiya.com dan klik tombol "Get It Now"

* Pada Form "Create An Account" isi form sesuai dengan data Anda lalu kik tomblol "Next"

* Lalu milih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next"

* Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next"

* Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on blogger

* Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger.
* Save.
untuk melihat contoh toolbar silahkan menuju www.seosaint.co.cc ,lihat di bawah page.

Cara Bikin Akun Twitter

Membuat akun di twitter menjadi suatu keharusan untuk para blogger ,disamping bisa menambah teman dan informasi juga berguna untuk menambah backlink bagi postingan blog kita,hal ini juga bisa di peruntukan ke situs jejaring sosial facebook,dengan cara memasukan feed url blog kita ke situs tersebut.
Disini kita membahas bagaimana cara membuat akun twitter dulu ok,cara yang musti dilakukan adalah:

1.ikuti link ini yang akan menuju ke situs twitter.
2.klik kotak kuning yang bertuliskan "GIVE IT A TRY".
3.Kemudian anda akan di bawa ke halaman pengisian formulir.
4.

1. Full name: Isikan nama anda

2. Username: Isikan dengan nama panggilan,nama sebutan,atau nama alias yang anda suka atau miliki.

3. Password: Silahkan diisi sesuai password yang dapat anda hafal. Disarankan dengan lebih dari 8 karakter dan gabungan antara huruf, angka atau berbagai karakter yang lain.

4. Email: isikan dengan alamat email yang anda punya. Diatas digunakan contoh gmail.com.

5. Tuliskan ulang huruf yang terdapat di kotak yang disediakan.

6. Jika 5 langkah diatas telah dikerjakan langsung klik create my account.

selanjutnya anda tinggal masuk dengan acount yang telah anda buat tadi.

Cara mencari teman di twitter.
1.setelah anda masuk ke twitter dengan mengisi nama da pasword,silahkan anda cari find people di atas pojok kanan.
2.kemudian anda akan di bawa ke halaman"Find accounts and follow them" dan isikan kota dibawahnya dengan kalimat pencarian contoh :indonesia",maka anda akan ditampilakan seluruh orang indonesia yang ter gabung di twitter.
3.jangan lupa klik tombol search.
4.jangan lupa masukan foto,bio data lengkap dan blog anda ke twitter ya,selamat mencoba.

FG38WEXVF5R6

CARA PASANG META TAG BLOGGER

Memasang Meta tag diBlogger caranya cukup mudah, pertama masuk ke
>Edit HTML kemudian copy paste kode dibawah ini, biasanya kode meta tags diletakan dibawah kode <title><data:blog.pagetitle/></title>dan jangan lupa merubah kode merah di bawah sesuai dengan deskripsi blog kamu.

<meta content=’ Tulis deskirpsi disini‘ name=’description‘/>
<meta content=’keyword1 keyword2 keyword3 …‘ name=’keywords‘/>
<meta content=’INDEX, FOLLOW’ name=’ROBOTS’/>

jangan terlalu banyak keyword dan pastikan tulis keyword sesuai dengan yang ada pada blog kamu.

META BLOGGER TUTORIAL

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut. Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang
ditampilkan pada hasil pencarian Northern Light adalah seperti ini :

Home | Products and Service | Contact Us | About Us …welcome to our online store, the best place on the
web to…

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Penulisan Meta keyword biasanya dipisahkan dengan tanda koma. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming.

Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan “MP3″ atau “Britney Spears” sebagai keyword hanya karena keyword-keyword ini merupakan keyword favorit di internet dan
banyak dicari orang.

Meta Tag Robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu website memakai frame untuk navigasinya.

Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini:

<meta content="INDEX, FOLLOW" name="ROBOTS"/>

Atau jika anda Menginginkan robot untuk menyingkir dan tidak melakukan index halaman manapun dari situs/blog kita. sintaxnya adalah:

<meta content="NOINDEX, NOFOLLOW" name="ROBOTS"/>

PASANG RECENT COMENT

Recent Coment adalah suatu informasi penting tentang siapa yang terbaru berkom entar pada blog anda,cara pasang recent coment sama halnya dengan recent post pada tulisan saya sebelumnya,cara:

<script style="text/javascript" src="http://www.geocities.com/oom_directory//recentcomments.txt"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://nama-blog mu/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

"ganti warna merah dengan alamat blog kamu"

PASANG RECENT POST

Recent post adalah suatu informasi singkat tentang tulisan terbaru dari blog anda secara berurutan,cara membuat recent post :
copy paste code dibawah ini dan masukan pada halaman new element blogger.

<script style="text/javascript" src="http://www.geocities.com/oom_directory/recentpost.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://NAMA-BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

dan tempatkan pada halaman yang mudah terlihat oleh pengunjung blog anda.

"ganti warna merah nama blog anda"

MENGENAL PERINTAH GOOGLEBOT

googlebot adalah suatu perintah yang bernaung pada meta tag ,bekerja memaksimalkan apa yang ada di halaman web/blog kita supaya lebih gampang ditemukan oleh search engine google,
dengan kinerja yang lebih unggul dari meta tag biasa googlebot ini sangat cocok buat blog/web kita cepat terindexs di google searcengine.ada beberapa perintah untuk optimasi googlebot:
1.<"index" > menginformasikan ke searc engine apa saja yang ada di halaman web/blog kita.
2. <"follow" >mempercepat penemuan web/blog kita ama searc engine
3. <"snipet" >mengeluarkan beberapa cuplikan posting kita di halaman pencarian search engine

biar ga banyak tenaga kita bisa menggabungkan perintah diatas dengan cara:

<meta name="googlebot" content="index,follow,snipet"/>

letakan code diatas dibawah <head>
ini akan memepercepat blog km terindexs oleh search engine google.

MERUBAH BLOG MENJADI DO FOLLOW

Buka edit HTML di blog km
jangan lupa centang expand template widget
cari 'rel=no follow' discript bawah 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>
<data:commentPostedByMsg/>
</dt>

hapus rel= no follow berwarna merah kemudian save template.

kata inicuma.blogspot.com jika anda masih belum yakin blog anda sudah do follow atau tidak silahkan ceck pakai firefork dan mendownload dan mengistal
add nodofollow
trus tinggal mengeceknya dengan cara klik kanan di bagian komentar pilih NoDoFollow, jika blog anda sudah do follow maka link pada komentar akan berwarna ungu menandakan blognya sudah mendukung do follow dan jika link pada komentar berwarna pink/merah muda menandakan bahwa blog belum mendukung do follow atau masih no follow seperti contoh gambar dibawah ini.
ingat ini untuk pemersatu blogger supaya trafiknya naik dengan cepat jadi kita butuh kerjasama.
nih kata dari hakimtea.com""Meski begitu pengubahan nofollow menjadi dofollow bisa menjadikan jalan untuk saling mendukung dan bergandengan tangan sesama blogger.""untuk mengambil bagde seperti ini di hakimtea.com.

READMORE DITAMBAH JUDUL

Readmore.... tentunya tidak asing lagi untuk pra blogger,adanya tips menambahka readmore dengan judul postingan merupakan salah satu aksesoris blog yang akan membantu tampilan blog kita menjadi sempurna dan tidak terkesan kaku dengan tulisan readmore aja>>>>

Langkah yang perlu dilakukan cukup simpel aja:
seperti biasanya menuju ke LAYOUT > EDIT HTML>Expand Widget Templates
2.cari code readmore /selengkapnya...dll.
3.cari tulisan readmore dengan <a expr:href='data:post.url'>Read more.....</a>
4.ganti dengan

<a expr:href='data:post.url'>Read more.....&#8220;<data:post.title/>&#8221;</a>

kemudian save template dan silahkan di lihat
pada intinya cuma menambahkan &#8220;<data:post.title/>&#8221; pada readmore yang hasil jadinya readmore...(judul postingan)

Kalaupun pengen judul saja sebagai tampilan readmore tinggal menghapus readmore aja dan mengganti dengan &#8220;<data:post.title/>&#8221;
dan hasilnya akan menampilkan judul postingan saja tanpa tulisan readmore
selamat mencoba

MENGUBAH BACKGROUND WARNA POSTINGAN

Menambahkan tampilan warna pada tulisan yang dinilai penting akan membuat pembaca artikel/postingan kita merasa diperhatikan,dan akan menambah keindahan postingan.

langkah yang perlu di kerjakan cukup mudah,kita tinggal menambahakan

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
(kalimat yang perlu di kasih background colour )
</div>

dan untuk warna html dan ukuran besar nya kita bisa ganti dengan selera kita.