Cara Mendapatkan Uang Dengan Blogging Setiap Hari

Cara Mendapatkan Uang Dengan Blogging Setiap Hari

14/07/13

Blogging dapat menjadi metode yang menguntungkan menggunakan Internet . Sejumlah situs menawarkan kesempatan blogging mudah . Artikel ini memberikan tips dan saran untuk membantu Anda mempelajari lebih lanjut tentang membuat blog atau memperbaiki yang sudah ada . Memiliki waktu yang fantastis !

Membeli nama domain daripada menggunakan sebuah situs yang bebas . Sebuah nama domain adalah cukup murah , dan akan membuat blog Anda terlihat luka di atas sisanya . Hal ini akan memungkinkan pengguna untuk menemukan Anda lebih mudah , dan juga akan membantu ketika datang ke mesin pencari optimasi .

Mengomentari blog orang lain merupakan metode yang baik meningkatkan minat pada blog Anda sendiri . Jika Anda memiliki akun Google Reader, menyiapkan folder khusus untuk blog yang berhubungan dengan niche atau topik blogging . Selalu tetap segar dan diperbarui dan komentar setiap kali Anda memiliki kesempatan atau memiliki sesuatu untuk dikatakan .

Bersikaplah jujur ​​tentang apa yang Anda lakukan dan tidak tahu . Jangan mencoba untuk mengesankan pembaca dengan seberapa banyak Anda tahu atau membuatnya tampak bahwa Anda sempurna pengetahuan tentang topik Anda . Kejujuran, transparansi , dan keterbukaan adalah kualitas penting untuk menyampaikan . Selalu ingat untuk melakukan hal ini . Blog Anda adalah refleksi dari diri Anda sendiri . Hindari membuang-buang waktu mencoba untuk menjadi sempurna ; hanya mencoba dan menjadi lebih baik . Semua orang membuat kesalahan , dan jika Anda membuat satu , itu bukan akhir dari dunia . Anda adalah pribadi yang benar-benar unik .

Tulis blog unik yang menonjol dari segala sesuatu yang sudah online. Konten yang unik akan menarik pengunjung . Anda akan mendapatkan hasil yang sama dengan memiliki informasi yang sulit untuk menemukan . Hidupkan pengalaman unik dan minat ke konten blog . Memberikan petunjuk rinci tentang bagaimana membangun sebuah widget. Anda harus memberikan pembaca alasan untuk mengunjungi blog Anda jika mereka mencari informasi .

Salah satu hal pertama yang harus Anda lakukan bila membuat blog adalah untuk memulai sebuah mailing list . Semakin cepat Anda memulai , semakin banyak waktu yang Anda harus tumbuh daftar Anda . Daftar ini akan membantu Anda meningkatkan penghasilan Anda seiring waktu . Mengabaikan untuk memulai sebuah mailing list dapat sangat mempengaruhi efisiensi situs Anda .

Jangan biarkan umpan balik mengganggu Anda . Cukup menggunakannya sebagai cara untuk meningkatkan blog Anda . Adalah penting bahwa Anda memahami setiap orang menerima kritik dari waktu ke waktu . Jika kritik konstruktif diposting , mempertimbangkan menggunakannya untuk membuat blog Anda lebih baik . Menanggapi sopan dan diplomatis untuk setiap komentar negatif atau merusak , dan cepat bergerak . Pembaca lainnya Anda akan menghargai profesionalisme Anda .

Apakah Anda sedang menulis sebuah blog pribadi , atau menggunakan blog untuk membantu bisnis Anda beriklan, Anda harus belajar beberapa tips dari artikel ini untuk blogging lebih efektif . Tips ini menambah nilai pengalaman blogging Anda untuk Anda dan pembaca Anda . Mulai menggunakan mereka untuk membuat atau meningkatkan blog Anda, memastikan bahwa ia berdiri keluar dari kompetisi .

Cara Agar Blog Menjadi Hidup

Apakah Anda pernah berpikir tentang membuat sebuah blog atau website dan memiliki sekelompok pengikut online yang cemas menunggu posting menarik berikutnya? Semua informasi yang Anda butuhkan untuk membangun sebuah blog yang sukses ada di sini. Baca terus untuk mencari saran dari para ahli di bidang blogging yang akan membantu Anda untuk memenuhi semua tujuan. Bila mungkin, Anda harus mencoba untuk memasukkan beberapa narasi tangan orang pertama pada topik yang Anda bicarakan. Ini akan membuat audiens merasa lebih dekat, yang akan membuat mereka ingin kembali dan membaca lebih banyak dari Anda. Ini adalah cara yang ampuh dan mudah untuk membuat blog Anda unggul.


Untuk meningkatkan jumlah pengunjung ke blog, Anda harus memastikan bahwa Anda berbagi dibuat semudah mungkin. Tempatkan pilihan pada blog agar pembaca bisa berbagi posting Anda di semua jenis media sosial. Alat yang sangat baik untuk melakukan ini adalah ShareThis. Buat daftar update email untuk blog Anda. Di situs Anda, tawarkan tempat berbagi buat pilihan untuk mendaftar update dan mengirim postingan keluar setiap kali Anda posting blog baru. Mereka yang benar-benar tertarik dalam mengikuti blog Anda akan menyukai ide pemberitahuan bila ada konten baru yang diposting.


Cobalah untuk membuat sebagian besar kata kunci. Anda harus selalu berusaha untuk membackup kata kunci ke berbagai bentuk sebanyak mungkin. Ini berarti bahwa kata kunci harus mencakup keseluruhan, bentuk tunggal, sekarang dan masa depan untuk memastikan bahwa ketika orang mencari topik yang diinginkan, mereka telah menemukannya berada di situs Anda.


Hal pertama yang Anda harus tahu tentang blogging yang sukses adalah kata kunci. Melakukan penelitian  untuk membuat kata kunci adalah sebagian dari teknik SEO. Mengidentifikasi klien atau penonton akan target yang dipilihnya dan menentukan di mana Anda inginkan peringkat pada mesin pencari dan dapat diketemukan. 


Pengunaan kata kunci harus benar-benar sesuai isi konten agar target pemirsa menemukan produk yang serupa berkesuaian dengan blog Anda. Ingat bahwa menggunakan kata kunci geografis akan membawa pelanggan yang efektif untuk blog Anda. Selalu membuat satu titik untuk mengoreksi isi situs sebelum mempublikasikannya ke blog. Jika Anda memiliki banyak kesalahan tata bahasa dan kalimat yang rusak, orang akan melihat itu sebagai tanda bahwa Anda tidak harus ditanggapi dengan serius. Juga, gunakan pemeriksa plagiarisme sehingga tidak ada kemungkinan bahwa Anda telah mempublikasikan duplikat konten. 


Jadi sekarang Anda dapat melihat blog dengan cara yang menyenangkan untuk berkomunikasi secara online, tanpa formalitas khas yang ada ketika melakukan bisnis. Bila pengunjung situs Anda rileks dan well informed, mereka akan lebih cenderung mempercayai Anda dan berinvestasi pada produk atau jasa. Ambil wawasan yang diperoleh di blogging dan menempatkan mereka untuk bekerja di usaha Anda sendiri.

Cara Mengedit Template Menjadi SEO Friendly

Optimalisasi SEO pada blog memang sangat penting agar blog kita menjadi nomor satu di google. Karena dengan mengoptimalkan SEO di blog kita maka akan maka blog kita akan mudah untuk mendapatkan pengunjung dari dunia maya ini.

Salah satu cara untuk mengoptimalkan SEO di blog kita adalah mengedit template blog kita sedemikian rupa agar SEO friendly. Sebenarnya sudah banyak beredar template yang SEO friendly di luar sana, tetapi bagi anda yang merasa template anda sayang untuk diganti, maka dengan cara mengedit template menjadi seo friendly ini menjadi salah satu solusinya.

Dan berikut ini rentetan cara agar template blog anda menjadi SEO friendly.

1.Page Title.

Pada postingan teman-teman blogger sudah menjelaskan secara gamblang tentang page title ini. Biasanya format page title pada blogspot adalah Judul blog : Judul posting, agar template kita di sukai oleh mesin pencari, maka kita harus merubah format page title nya menjadi Judul posting | Judul blog . Untk cara mengeditnya anda bisa megunjungi link ini Mengubah Page Title Pada blog.

2. Meta Keyword dan Deskripsi.

Suatu mesin telusur/pencari seperti google sangat menyukai blog yang sesuai tema dan isi conten nya. Jadi anda harus menambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode dibawah ini sebelum kode <b:skin>< ![CDATA[/* .

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>

Catatan : Tulisan kata kunci, isikan dengan kata kunci yang anda incar, dan kata kunci itu harus sesuai dengan tema blog kita.

Kalau sudah yakin, save template anda.

3. Memasang Menu Navigasi Breadcrumbs. 

Menu navigasi breadcrumbs sangat penting untuk melengkapi navigasi blog kita. Dan dengan cara ini maka mesin pencari seperti google akan menyukai blog kita. Fungsi dari navigasi breadcrumbs ini adalah untuk memudahkan pengunjung suatu blog untuk kembali ke halaman sebelumnya dan mengetahui halaman-halaman apa yang telah mereka kunjungi. Untuk memasang menu navigasi breadcrumbs ini sobat bisa mengunjungi link ini : Cara Membuat Navigasi Breadcrumbs Pada Blog.

4. Memasang Related posts.

Related posts sangat penting untuk SEO, dan berguna untuk pengunjung. Jadi tunggu apalagi silahkan untuk memasang related posts di blog anda. Bagi yang ingin memasang related posts di blog nya dan ingin tahu fungsinya, anda bisa mengunjungi link ini : Cara Membuat Related Posts Di Bawah Posting.

5. Mematikan setinggan Arsip.

Karena google sangat benci sama yang namanya duplikat konten. Ada sebuah kejadian yang seperti ini. Anda membuat sebuah blog di blogger, jadi ketika kita mengaktifkan menu arsip  dan anda membuat postingan 3 buah posting per hari, maka di halaman utama blog anda akan muncul tiga posting dan sebuah link arsip seperti ini http://blogagan.blogspot.com/2007_03_01_archive.html, dan pada link arsip tersebut akan memunculkan tiga postingan yang sama dengan postingan yang ada dihalaman utama blog anda. Intinya adalah dua buah link yang menuju dua halaman yang berbeda tetapi memiliki isi konten yang sama. Bagi mesin telusur apalagi google, ini adalah masalah yang sangat serius. Maka dari itu kita harus me-nonaktifkan opsi arsip, dengan cara : Klik tab setting > Archiving > pada bagian Archiving frequency ubah menjadi no archive kalau sudah simpan settingan anda.

Atau jika anda tidak ingin menonaktifkan opsi arsip anda juga bisa menambahkan kode ini di bawah kode <head>.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>

6. Menambahkan Kode 'rel =canonical'

Fungsinya adalah untuk menghindari konten ganda, yang tidak disukai oleh google. Untuk memasang nya sobat tinggal menambahkan kode ini di bawah kode <head>.

<link expr:href='data:blog.url' rel='canonical' />

7. Tag Heading.

Google sangat menyukai tulisan atau judul sebuah postingan dengan menggunakan tag H1. caranya adalah sebagai berikut.

Cari kode yang kira-kira  mirip seperti ini.

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Pada beberapa template mungking menggunakan H2 atau H3. Jadi sesuaikan dengan template sobat. kalau sudah ketemu, sobat ganti kode h2 atau h3 nya dengan kode h1. Kalau sudah anda cari kode ]]></b:skin> dan letakkan kode dibawah ini sebelum kode ]]></b:skin>.

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em;
}

Nah begitulah pengetahuan yang saya dapat dari blognya para master seo, Jika anda ingin mengutarakan pendapatan anda pada postingan  Cara Mengedit Template Menjadi SEO Friendly kali ini, silahkan untuk mengutarakan pendapatnya dengan cara berkomentar. Terimakasih.

Cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot

Bagaimana cara membuat tombol share seperti ini :

Membuat Tombol Share

Agan tertarik untuk mencobanya? baiklah kali ini saya akan bagikan salah satu rahasia para Master Blogger hehe, berhubung pengalaman ini didapat dari yang punya ilmu, yaitu para Master, maka hasilnya akan dibagikan lagi semoga berguna dan dapat dimengerti.

Seperti yang saya dengar bahwa, tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. ga percaya? coba tengok aja blog terselubung. 

Share atau berbagi saat ini merupakan hal yang penting karena itulah anda wajib memasang tombol share di blog atau web saudara :

Langkah 1

1.  Langsung saja silakan copy kodenya terlebih dahulu:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>
Share this history on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via=' user_name ' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</b:if>

catatan: pada kode diatas, ada tulisan user_name twitter, ganti dengan milik Anda

Langkah 2

Login ke Blogger » Rancangan » Edit HTML » Centang Expend Widget 

Cari Kode <div class='post-body entry-content'>

Tips mencari kode dengan cepat: tekan ctrl+f dan masukan kode di atas, atau jika tidak ketemu musukan saja tulisan post-body kemudian cari kode yang mirip dengan yang saya sebutkan tadi di atas!. Jika sudah ketemu pastekan code yang telah Anda copy tadi tepat di atasnya  <div class='post-body entry-content'>  Simpan Template dan Lihat hasilnya !

Oke agan-agan cukupkan sekian dulu ya.. mudah-mudahan dengan update kali ini agan dapat menikmatinya dengan puas, dan semoga bermanfaat!

Kasih link back ya klo copy-paste hehe... selamat memebuat tombol share.

Cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot

Cara Memasang Menu Navigasi Breadcrumbs Pada Blog

Pada Tutorial Para Master Blogger Blogspot sudah banyak dibahas tutorial ini dengan judul Cara Memasang Menu Navigasi Breadcrumbs Pada Blog Tutorial tersebut ternyata amat berguna dan setelah dicoba memasangnya, sangat membantu menemukan isi blog halaman perhalaman yang dicari. Untuk itu, pengalaman ini Semilyar Trik bagi-bagi ilmu pada yang masih belum berhasil menggunakan trik sajian para Master. Terutama buat agan-agan Blogger yang belum mengeti apa yang dimaksud dengan Menu Navigasi Breadcrumbs Pada Blog dan manfaatnya Untuk SEO silahkan baca selanjutnya dan simak dengan seksama.

Berikut langkah-langkah yang harus agan-agan lakukan :

Pastikan agan-agan sudah masuk ke akun blogger milik agan-agan

Pilih Template

Klik Pada Tombol Edit HTML

Klik pada Tombol Proces atau Lanjutkan

Centang kotak kecil bertulisan Expand Widget Templates

Sebelumnya untuk mengantisipasi kegagalan, lakukan Download Template Lengkap agar tiada kesalahan dalam edit HTML

Cari kode berikut ini ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian Kode)
Setelah Ketemu Copy kode dibawah dan Paste Diatas kode ]]></b:skin>

/*---Navi Breadcrumbs---*/
#navi{padding:0px 5px;
margin:0px 0px 8px 0px;
color:#ffffff;
-moz-border-radius:5px;
font:11px trebuchet ms;
}

Sekarang Cari kode <b:if cond='data:post.title'> 

Sudah ketemu <b:if cond='data:post.title'> ini. Copy kode berikut dan letakan tepat dibawahnya, apabila Kode ada dua gunakan kode yang pertama 

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='navi'>Location : <a expr:href='data:blog.homepageUrl'>Home</a> &#187;

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> &#187; <data:post.title/>

</div>

</b:if>

</b:if>

Sekarang Klik Simpan

Selesai dan lihat hasilnya.

Demikian Tutorial Tentang Cara Memasang Menu Navigasi Breadcrumbs Pada Blog yang bisa Semilyar Trik Blogspot sampaikan pada kesempatan ini semoga bisa membantu agan-agan Blogger beserta sahabat agan-agan blogger yang lainnya.

Cara Membuat Read More

Otomatis Hack Baca lebih lanjut [Hack Otomatis Read more] Untuk Blogger Dengan Thumbnail yaitu hack posting diperluas untuk blogger dengan thumbnail dari gambar yang digunakan dalam posting blogger dan semua pekerjaan ini dilakukan oleh script secara otomatis, Anda tidak perlu mencari gambar, script akan melakukan semua pekerjaan secara otomatis. Yang pasti Anda harus menulis posting dan mempublikasikannya dengan satu gambar dalam posting terkait.

Sekarang cara mengisikan Hack Otomatis Reademore Untuk Blogger amat mudah sekali tinggal copy paste saja. Mari kita mulai dengan instalasi: - . Sekarang Login ke Blogger Pergi ke Layout>> Edit HTML di dashboard Blogger Anda dan periksa "memperluas template widget" kotak Cari penutupan  tag </head> pada template blog Anda, dan paste bagian kode berikut segera sebelumnya:

<script type='text/javascript'> var thumbnail_mode = "no-float";
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://contents-ente.googlecode.com/files/suar.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
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>

Catatan: Dalam kode di atas kita dapat mengubah angka numerik sesuai dengan kebutuhan kita, summary_noimg = 430; adalah memotong ketinggian posting tanpa gambar summary_img = 340; adalah memotong ketinggian posting dengan gambar img_thumb_height = 100; adalah thumbnail gambar tinggi img_thumb_width = 120; adalah lebar gambar thumbnail.

Sekarang cari kode <data:post.body/> dalam template Anda dan menggantinya dengan kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>
<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:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

 Pratinjau Template Anda setelah memasang Hack Otomatis Reademore ini, setelah yakin akan hasilnya kemudian klik Simpan.

Catatan: Untuk tampil thumbnail dipostingan, jelas harus memiliki gambar dalam setiap posting untuk itu, silahkan meng-upload file gambarnya untuk masing-masing posting. dan bila ada minat mengoleksi scrip ini silahkan upload fail.js ke server Anda dan jangan lupa untuk mengubah link dengan punya Anda dalam kode untuk membuat hack ini bekerja. Saya yakin semua orang akan menyukai hack ini pasti.

Cara Memasang Related Post Dengan Thumbnail

Memberikan menu navigasi yang sederhana dan mudah diakses oleh pengunjung adalah hal yang sangat baik untuk blog kita. Hal ini karena akan membuat pengunjung berlama-lama pada blog kita, dan menjelajahi satu persatu halaman yang tersedia di blog kita. Ini akan berimbas terhadap page view dan SEO blog kita.

Karena page view blog kita meningkat maka akan mengundang para pemasang iklan untuk memasang iklan-nya di blog kita. Dan efek buat SEO-nya adalah Google akan menyukai blog kita karena google suka blog yang memberikan fasilitas menu navigasi yang mudah di telusuri.

Pada beberapa hari yang lalu saya pernah posting artikel Cara Membuat Related Posts Di Sidebar dan Cara Membuat Related Posts Di Bawah Posting  dan kali ini saya akan mengulas kembali artikel tentang related posts, tetapi kali ini berbeda, kita akan menambahkan gambar pada related posts-nya, jadi related post kali ini akan terlihat lebih menarik.

Bagaimana apakah anda juga ingin memasang-nya juga di blog anda? Ikuti langkah-langkah berikut ini.

1.  Log in ke blogger.

2.  Klik rancangan » edit HTML » centang kotak Expand Template Widget. Bagi yang menggunakan tampilan blogger yang baru, klik template » edit HTML » centang kotak Expand Template Widget.

3.  Cari kode </head> dan letakkan kode dibawah ini tepat diatas-nya.

<!--Related Posts with thumbnails Scripts and Styles Start--><!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts-1 {
float:center;
text-transform:none;
height:100%;
width:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts-1 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-1 a{
color:black;
}
#related-posts-1 a:hover{
color:black;
}
#related-posts-1 a:hover {
background-color:#d4eaf2;
}
</style><script type='text/javascript'>var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK0mVIuW_QOTRic0vfTiTckUZ3IgBXmIsRRWURe8aP9e8tJ17EVQ90U81xRuV6DDpFXYcdCKBdkcWomhFJASuKCFxXTNZiK09Kb6Lb4-vt2UJp2uGNld-t1xsvRW8Mj9flwwZfMM00j24f/s1600/no_image.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Bacaan Terkait";
</script>
<script src='http://contents-ente.googlecode.com/files/conten-ente.js' type='text/javascript'/><!-- remove --></b:if>  <!--Related Posts with thumbnails Scripts and Styles End-->

Keterangan:
Kode yang berwana merah adalah jumlah related posts yang akan di tampilkan, anda bisa merubahnya sesuai keinginan anda.
Kode yang berwarna biru adalah judul dari widget related posts-nya, anda bisa merubah-nya sesuai keinginan anda.

4.   Cari kode <div class='post-footer-line post-footer-line-1'> (biasanya dalam satu template terdapat dua kode <div class='post-footer-line post-footer-line-1'> , jika ada dua pilihlah yang kedua) Dan letakkan kode dibawah ini tepat dibawah kode <div class='post-footer-line post-footer-line-1'>.

<!-- 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://semilyartrik.blogspot.com/2012/04/cara-memasang-related-post-dengan.html'><img style="border: 0" alt="Cara Memasang Related Post Dengan Thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMonoIB2abuaVOmBnTVpVYQ6D6OR_kM-KeT7coabfoEqN2u_c_gAVhiOQ78R95oYba7i-7-ZniUat9emei4oElWn7bpLfIFmVMhYNHkBFZWOoRq5ccdNAb7Ckt8wA0Ys52OSPW5Uwg4kfv/s1600/tumbnail.png" /></a>

</b:if>

</b:if> <!-- Related Posts with Thumbnails Code End-->

5.   klik save template.

Selesai sudah langkah-langkah Cara Memasang Related Post Dengan Thumbnail bagaimana, mudah bukan? Semoga artikel ini bisa bermanfaat bagi anda.

Cara Membuat Menu Navigasi Slide Horizontal Blogspot

Ketika anda membuat blog di blogspot, anda tidak akan menemukan fitur menu navigasi seperti blog pada umumnya. Navigasi menu pada blospot biasanya berupa link list vertikal kebawah dan tidak berupa menu horizontal. Namun anda tidak perlu berkecil hati, karena kita masih bisa membuat menu di blogpsot secara horizontal. Menu ini berfungsi sebagai navigasi pembaca untuk melihat-lihat halaman lain atau kategori lain dalam blog anda. Pada posting ini kita akan belajar cara membuat menu di blogspot.

Sebelum anda mencoba membuat menu navigasi slide horizontal blogspot ini sebaiknya anda backup terlebih dahulu template anda, supaya jka terjadi error anda bisa melakukan restore kembali template blogspot untuk mengganti template blogspot anda.

Ikuti langkah-langkah berikut ini untuk membuat menu navigasi slide horizontal blogspot :

1. Login ke Blogger, masuk ke bagian design, lalu edit html dan berikan tanda centang pada expand widget template

2. Cari kode <div id='content-wrapper'> dan tambahkan kode berikut ini diatasnya. Jika anda tidak menemukan kode ini, usahakan anda taruh kode berikut ini diatas blogpost anda. Ini karena template tiap blog berbeda, dan tergantung template yang dipakai.

<div id='Menumainwrap-agan'>

<b:section id='NavbarMenu-agan'>

<b:widget id='HTML50' locked='false' title='MembuatMenu' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

</div> <!-- End Menumainwrap-agan -->

<div class='clear'/>

3. Lalu tambahkan juga kode berikut di atas kode ]]></b:skin>

#Menumainwrap-agan {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU4I-I6NSA7OvEz56Zu5Z4xt2f93OcaP4lQME24SOV05HvZAlewF8Dqj6773mG4RcboatXehFLw9TCX4qL9ctU2X8uWl8LtpfzPNHPal9qUn-IFS3OPU_YXl1kQZ-3ero4jcp3Cu2aDlgT/s1600/nav-menu.jpg) repeat-x scroll 0 0 #222222;

border-bottom:1px solid #CCCCCC;

height:42px;

margin:0;

padding:0;

}

#NavbarMenu-agan {

width: 950px;

height: 41px;

font-size: 13px;

color:#333333;

margin: 0px;

padding: 0;

font-weight:bold;

font-family:arial;

margin: 0 auto;

}

#NavbarMenuleft-agan {

width: 950px;

margin: 0;float:left;

}

#nav-agan { 

margin: 0;

padding: 0; 

}

#nav-agan ul {

float: left;

list-style: none;

margin: 0;

padding: 0; 

}

#nav-agan li {

list-style: none;

margin: 0px;

padding: 0; 

}

#nav-agan li a,

#nav-agan li a:link,

#nav-agan li a:visited {

height: 22px;

color: #333333;

display: block;

font-size: 13px;

text-decoration: none;

margin: 0;

padding:10px 13px 9px 13px;

border-right: 1px solid #CFCFCF; 

}

#nav-agan li a:hover,

#nav-agan li a:active {

color: #333;

margin: 0;

text-decoration: none;

background:#F0F0F0;

}

#nav-agan li li a, #nav-agan li li a:link,

#nav-agan li li a:visited {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMRocKFrH-6sGt2zqL_GYTVDBv5R23RgySBqWSLtlb7S4zoAWi-uTuNvVfp2tH3bJWmFF3oTPClCU-F5B4ZiyWCgxM8PtYZrDrKBc5cJpjU0n9XQ5ESkA5I8QkL1O4t9jaFbebBM3vh0f/s1600/nav-menu-1.jpg) repeat-x scroll 0 0 #f5f5f5;

min-width: 150px;

color: #333333;

font-size: 14px;

font-weight: normal;

float: none; margin: 0;

padding: 5px 10px;

font-weight:bold;

font-family:arial;

box-shadow: 0px 3px 3px rgba(0,0,0,0.8);

-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);

-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);

text-align:left;

}

#nav-agan li li a:hover,

#nav-agan li li a:active {

background: #F5F5F5;

color: #333;

}

#nav-agan li {

float: left;

padding: 0; 

}

#nav-agan li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 170px;

margin:0;

padding: 0;

border-top:1px solid #242424;

}

#nav-agan li ul a {

width: 140px; 

}

#nav-agan li ul ul {

margin: -41.5px 0 0 176px;

border:none;

}

#nav-agan li:hover ul ul,

#nav-agan li:hover ul ul ul, #nav-agan li.sfhover ul ul,

#nav-agan li.sfhover ul ul ul {

left: -999em; 

}

#nav-agan li:hover ul,

#nav-agan li li:hover ul,

#nav-agan li li li:hover ul,

#nav-agan li.sfhover ul,

#nav-agan li li.sfhover ul,

#nav-agan li li li.sfhover ul {

left: auto; 

}

#nav-agan li:hover,

#nav-agan li.sfhover {

position: static; 

}

Simpan template anda dahulu.

4. Buka page element cari gadget dengan nama ‘MembuatMenu’ yang berada di atas gadget posting blog, lalu klik edit dan masukkan kode berikut pada kotak content.

<div id='navbarmenuleft-agan'>

<ul id='nav-agan'>

<li><a href='/'>Home</a></li>

<li><a href ='#link-agan'>Menu 1</a>

<ul>

<li><a href='#link-agan'>Menu 1.1</a>

<ul>

<li><a href ='#link-agan'>Menu 1.1.1</a></li>

<li><ahref ='#link-agan'>Menu 1.1.2</a></li>

<li><ahref ='#link-agan'>Menu 1.1.3</a></li>

<li><ahref ='#link-agan'>Menu 1.1.4</a></li>

</ul>

</li>

<li><ahref ='#link-agan'>Menu 1.2</a>

<ul>

<li><ahref ='#link-agan'>Menu 1.2.1</a></li>

<li><ahref ='#link-agan'>Menu 1.2.2</a></li>

<li><ahref ='#link-agan'>Menu 1.2.3</a></li>

<li><ahref ='#link-agan'>Menu 1.2.4</a></li>

</ul>

</li>

<li><ahref ='#link-agan'>Menu 1.3</a>

<ul>

<li><ahref ='#link-agan'>Menu 1.3.1</a></li>

<li><ahref ='#link-agan'>Menu 1.3.2</a></li>

<li><ahref ='#link-agan'>Menu 1.3.3</a></li>

<li><ahref ='#link-agan'>Menu 1.3.4</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

Sesuaikan dengan link dan menu yang akan anda buat dengan mengedit tulisan yang berwarna merah diatas. Misal

#link-agan, bisa anda ganti dengan http://namablogmu.blogspot.com/search/label/NamaLabelBlogmu 

Menu, anda ganti dengan judul tampilan yang muncul

Simpan dan anda lihat hasilnya. Anda sekarang berhasil membuat menu navigasi slide horizontal blogspot. Selamat mencoba.

Membuat judul posting artikel berjalan

Kemarin pada saat saya nongkrong di blognya KR, ada salah seorang pengunjung blog yang bertanya bagaimana cara membuat judul posting berjalan. Pada awalnya saya berpikir mustahil bisa dilakukan hanya dengan menggunakan kode marquee, saya pikir mungkin itu hanya dapat dilakukan dengan menggunakan Java script. Tetapi setelah berusaha keras mengutak-atik kode HTML blog saya, akhirnya saya menemukan cara sederhana untuk membuat judul pada posting atau artikel blog berjalan. Hasil yang di dapat seperti anda membuat teks berjalan dengan kode marquee atau seperti judul blog berjalan yang menggunakan Java script. 

Baiklah tanpa perlu panjang lebar saya akan memberikan triknya. Seperti biasa pertama login ke Dashboard Blogger anda kemudian klik Layout - Edit HTML. Untuk berjaga-jaga sebaiknya backup dulu template anda, lalu klik pada Expand widget templates dan carilah kode dibawah ini:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kemudian pasang kode marquee sehingga kode lengkap hasil perubahan akan seperti dibawah ini:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<marquee direction='left'><h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3> </marquee>
</b:if>

Teks yang berwarna hijau adalah kode yang harus anda tambahkan. Anda dapat merubah arah dengan mengganti kode left menjadi right. Klik tombol Preview untuk melihat hasilnya, jika anda sudah cukup puas silahkan di simpan pekerjaan anda.

Contoh hasil seperti ini : 

JUDUL POSTING BLOG ANDA

Bagaimana, mudah bukan? Selamat mencoba.. 

Cara Membuat Related Posts Di Sidebar

Related posts widget atau artikel terkait adalah widget yang memunculkan artikel yang berkaitan dengan postingan yang sedang di baca. Cara ini sudah banyak yang menjelaskan di postingan para sahabat Blogger, namun saya juga ingin berbagi pengalaman yang sudah saya kerjakan.

Related posts sangat bermanfaat bagi blog kita terutama untuk SEO dan juga bermanfaat bagi pengunjung. Dengan related posts widget ini, pengunjung suatu blog akan mudah untuk membaca atau menelusuri setiap postingan yang ada di blog kita.

Nah tentunya hal ini akan meningkatkan page view blog kita. Related posts widget ini di buat dengan berbagai bentuk yang menarik agar pengunjung tertarik untuk menelusuri blog kita. Tertarik untuk mencobanya di blog anda? Silahkan ikuti totorial Cara Membuat Related Posts Di Sidebar berikut ini.

1. Log in ke blogger dengan akun yang anda miliki.
2. Pergi menuju ke rancangan » edit HTML » centang kotak expand template widget. Atau bagi yang menggunakan tampilan blogger yang baru, anda tinggal klik template » edit HTML » centang kotak expand template widget.
3. Hampir aja lupa, sebelum melakukan pengeditan, sebaiknya anda memback-up template anda dulu buat jaga-jaga bila terjadi kesalahan dalam melakukan pengeditan.
4. Cari kode </head> dan letakkan kode di bawah ini sebelum kode </head>. 

<script src='http://contents-ente.googlecode.com/files/sidebar-ente.js' type='text/javascript'></script>

    5.  Cari kode yang kira-kira mirip seperti ini.

<b:if cond='data:post.labels'>

          <data:postLabelsLabel/>

          <b:loop values='data:post.labels' var='label'>

            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>   </b:loop>

        </b:if>

     6.  Kalau sudah ketemu, tambahkan kode di bawah ini di dalam kode di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>

</b:if>

Sehingga kodenya menjadi seperti ini.

<b:if cond='data:post.labels'>

          <data:postLabelsLabel/>

          <b:loop values='data:post.labels' var='label'>

            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>

</b:if>

          </b:loop>

        </b:if>

Keterangan : kode yang bercetak tebal berwarna merah adalah jumlah artikel terkait atau related posts yang akan di munculkan, sedangkan kode yang berwarna hijau adalah kode yang  di tambahkan.

     7.  Save template anda.

     8.  Sekarang anda menuju ke tata letak » tambah gadget » HTML/Java script. Masukkan kode di bawah ini pada kolom yang sudah di sediakan.

<script type="text/javascript">

removeRelatedDuplicates();

printRelatedLabels();

</script>

     9.  Save gadget anda, dan lihat hasilnya.

Sekian dulu tutorial dari saya kali ini tentang Cara Membuat Related Posts Di Sidebar, bagi yang masih bingung silahkan untuk bertanya ya.

Get The Guidance You Require For Operating a blog Right here

By Armssleds Nut

Have you wanted to begin blogging but don't know how to start? Well, this article will help you get started by giving you general blogging information you can use and some tips about making your blog stand out. Don't be scared! Because of the expansion of technology, it is becoming increasingly easy to blog. This article contains some basic tips to help you have an enjoyable blogging experience.

If you have a social networking account already, use it to promote your blog to friends and family. Request that they share the link to your blog so that you are able to gain a wider variety of readers. A personal account is better than a business account when blogging.

Redistribute your site blog posts everywhere in the throughout the world website. This can help you to disturb your blog's articles to your larger target audience. Bear in mind that you need to in no way restrict your shops for fulfillment. You need to get in as numerous folks as you can with all the finest strategies. Use each outlet offered to garner focus.

It's easy to get around writer's block if you don't do written content some days. Choosing to do video or audio content instead will help. You won't get bored or start to feel like it's too much work to maintain your blog if you use a variety of media types. This not only keeps the content itself fresh, but helps you approach your blog in a fresh and exciting way.

Place short, to-the-point content close to your link bar. The link bar is gaining popularity among bloggers. You could be statistics about your subscribers there. It is not as visited as the beginning and ending of your post, but it does get a lot of attention.

Get in touch with profitable blog writers inside your area of interest, and discover should they will publish guest containers in your weblog. This may increase the amount of intriguing articles for your weblog. In addition, it signifies more visitors to your weblog when folks discover your guest authors. Get many blog writers to accomplish this and also you are moving toward running a blog recognition.

Blog keywords should be unique and not extremely competitive. If you try to compete for traffic by using more popular keywords, you will be drowned out by the big players that already have a large readership. Keep your keywords unique to get the search engines' attention.

Make certain your blog site is within idea-leading form. This basically means carrying out the standard upkeep a website web page demands for sleek procedure and publishing extremely fascinating, up-to-date content material. This can avoid your fans from getting dissatisfied together with your website and perhaps dropping desire for going to your website.

For a more technical blog, using concrete information like polls, statistics, and information graphs is essential. This makes your blogs seem more credible and gives your readers easy facts to digest. This is a simple method for improving the individuality of your blog.

Now, you understand the simplest way to get going and produce the website you've been visualizing. Make use of this guidance to produce a website you're very pleased to place your title on. No matter what your reason behind making a website, these suggestions can help you setup one which is well-known and effective.

About the Author:

We are enthusiastic addicts
of this blog. We intend to be the smartest players! Nonetheless we also
always appreciate our available free time. Whatever do you do
at that point? Resort to a guide book! This swtor leveling guide was
designed out of that
demand. To give you the most appropriate SWTOR Guides out there.

Cara Membuat Tulisan Berjalan

Tulisan berjalan (runing text) dihadapan anda para sahabat ......semoga ada gunanya

Tulisan berjalan (runing text) dihadapan anda para sahabat ......semoga ada gunanya

Tulisan berjalan (runing text) dihadapan anda para sahabat ......semoga ada gunanya

Sebenarnya gampang-gampang susah membuat runing text, (tulisan berjalan). Gampangnya tinggal copy paate saja cara ini, sulitnya membuat ukuran agar sesuai dengan media yang akan dijadikan tempat dimana kita menyimpannya

direction=berjalan dari arah kanan/kiri

right

left

onmouseover=ketika mous didekatkan, maka tulisan berhenti

lebar media=width

tinggi media=height

text-align=tempat tulisan

font-color=warna tulisan

font-size=besarnya tulisan

bgcolor=latar tulisan

scrollamount=kecepatan

<marquee direction="left" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="7" height="47px" text-align="center" font-color="white" font-size="30px" bgcolor=""><b>Terimakasih atas sudinya mampir di tempat yang sederhana ini Moga manfaat Dunia dan Akhirat Salam Sejahtera</b></marquee>

Selamat mencoba.

Mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger

Dalam edit template sobat, perlu kita ketahui berapa ukuran atau lebar elemen-elemen yang ada di blog. Untuk mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger semilyar trik blogger ingin sharing ke teman-teman. Sharing dalam posting ini mudah-mudahan bisa membantu mengedit blog sahabat semua. Yuk mulai saja.

Landscaping company

1. Mengetahui Ukuran / Lebar header

#header-wrapper{

background: #ffffff;

width: 900px;

height: 160px;

font-size: 12px;

margin: 0px auto 0px;

padding: 0px;

overflow: hidden;

}

2. Mengetahui Ukuran / Lebar halaman Posting

#main-wrapper{

float:left;

width:590px;

margin:0px 0px 5px 0px;

padding:13px 10px 0px 10px;

overflow: hidden;

}

3. Mengetahui Ukuran / Lebar sidebar

#sidebar-wrapper{

float:left;

width:320px;

margin:13px 0px 5px 0px;

padding:0px;

line-height:19px;

display: inline;

}

Update : Banyak sekali kode sidebar yang bisa dipakai misal #rsidebar-wrapper{ atau #right-sidebar-wrapper{ dll, jadi disesuaikan saja.

4. Mengethui Ukuran / Lebar Footer

/* Footer

----------------------------------------------- */

#footer {

  width:950px;

  clear:both;

  margin:0 auto;

  padding-top:15px;

  line-height: 1.6em;

  text-transform:uppercase;

  letter-spacing:.1em;

  text-align: center;

}

a. Untuk mengedit ukuran/lebar Halaman Blog

Cari kode di bawah ini:

#outer-wrapper {

width: 660px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

b. Untuk mengedit ukuran/lebar Halaman Posting

Cari kode di bawah ini:

#main-wrapper {

width: 410px;

float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden;/* fix for long non-text content breaking IE sidebar float */

}

c. Untuk mengedit ukuran/lebar Sidebar Blog

Cari Code di bawah ini:

#sidebar-wrapper {

width: 220px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

d. Untuk mengedit ukuran Header Blog,

Cari Code di bawah ini:

#header-wrapper {

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

e. Untuk mengedit ukuran Footer Blog

Cari Code di bawah ini:

#footer {

width:660px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}

Jika sahabat tidak menemukan kode seperti di atas, untuk mengetahui element seperti header, posting, sidebar dan lebar blogger, cukup mencari kode yang mirip dan ditunjukkan dengan width: (LEBAR) dan height:(TINGGI) caranya cukup ketik apa yang dicari dalam edit HTML, setelah terbuka halamannya, Ctl+F, akan ada disudut kanan atas kotak pencarian.....Selamat mencoba.

Paling mudah membuat pagenumber navigation

Pertama,pergilah ke dashboard blogger anda,selanjutnya,pilih tata letak,dan pilih edit html. Seperti biasa,contreng option expand widget templates,selanjutnya cari kode berikut: ]]> Setelah ketemu,letakkan persis diatasnya kode css dibawah ini:

.showpageArea a {
 text-decoration:underline;
}
 .showpageNum a {
 text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
 .showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
 .showpagePoint {
color:#333; text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
 .showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Lalu,cari lagi kode seperti ini:
</body>
Jika sudah ketemu,tepat diatasnya letakkan script dibawah ini:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>



Langkah terakhir,carilah kode berikut:
'data:label.url'
Jika sudah ketemu,hapus kode tersebut dan gantilah kode berikut:
'data:label.url + &quot;?&amp;max-results=5&quot;'
Sekarang,simpan templates anda,dan anda bisa lihat hasilnya

Kode Warna

Kode warna:

Menghasilkan Warna Dari Hex Kustom ada tiga cara, bagi anda tinggal memilih cara mana yang mudah.

1. Tarik bar hitam pada pemilih "Hue" untuk menghasilkan warna dasar yang diinginkan.

2. Selanjutnya, klik ganda di dalam Brightness / grid Saturasi untuk mengaktifkan kursor. Tarik sampai kecerahan yang diinginkan tercapai.

Dalam "Swatch" bar berisi hasil akhir warna yang di inginkan.

3. Kode warna hex yang dihasilkan di bagian bawah grid di kotak "Hex". Cukup copy dan paste kode ke halaman Anda.

Setelah Anda memiliki warna hex, Anda tinggal menilai dari tabel di atas , copy dan paste ( tanpa # ) ke dalam kotak di bawah 'roda warna' dan akan menghasilkan skema warna yang cocok untuk website Anda.

Ini adalah alat untuk digunakan jika Anda mencoba dengan warna kohesif untuk navigasi, latar belakang, hyperlink, dll

 

Jika Anda menikmati alat ini, silakan berbagi di bawah ini, terima kasih!