1 Membuat Widget Recent Posts + Thumbnail gaya Slider

Setelah ditulisan sebelumnya saya share tentang Cara Membuat Widget Recent Post plus Thumbnails di blogspot, sekarang masih akan membahas seputaran TipsTrik Blogging lagi yaitu Cara Membuat Widget Recents Post plus Thumbnails dengan gaya Slider. Widget ini fungsinya masih tetap sama seperti widget recent posts sebelumnya, hanya saja sekarang mempunyai tampilan yang berbeda. Sesuai judulnya, Widget Recent Posts yang akan kita buat ini akan bergaya Slider yang artinya bergerak terus menerus silih berganti menampilkan tulisan terbaru, untuk contohnya bisa dilihat di sidebar blog ini. Atau gambarnya bisa dilihat dibawah ini (tapi tak bergerak loh):

Nah, kalau sudah lihat dan tahu sekarang kita langsung ke proses pembuatannya, ikuti langkah-langkah berikut ini:

1. Caranya hampir sama dengan Cara Membuat Widget Recent Post plus Thumbnails di blogspot, yaitu dengan menambahkan Gadget HTML/Javascript tapi dengan script yang berbeda.
2. Seperti biasa masuk ke Design > Page Element dan Add Gadget HTML/JavaScript
3. Kemudian masukan script dibawah ini, sebelumnya silahkan diedit dulu sesuai keinginan.
4. Download kemudian coppy scriptnya, download Script Recent Posts Slide disini.

Silahkan edit dulu dan sesuaikan dengan template yang digunakan. Berikut ini beberapa parameter yang bisa di edit:

boxwidth = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comment(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://aseuhere.blogspot.com/";
limitspy=5
intervalspy=3000

Jika proses editing sudah selesai, tinggal save dan lihat hasilnya di blog.

Detail: Membuat Widget Recent Posts + Thumbnail gaya Slider

0 Membuat Recent Post plus Thumbnails di Blogspot

Di tulisan kali ini saya akan share tentang Cara Membuat Widget Recent Post dengan Thumbnails. Widget Recent Post pada sebuah blog merupakan hal yang cukup penting, karena dengan adanya widget recent post atau daftar tulisan terbaru di sidebar, maka bisa saja membuat para visitor yang sedang asik membaca suatu tulisan di blog kita tertarik untuk mlihat daftar tulisan terbaru sehingga membuat mereka nyaman untuk berlama-lama di blog kita. Itu mungkin merupakan salah satu fungsi kecil dari adanya widget recent post di sidebar blog.

 Widget recent Post atau Daftar Tulisan terbaru itu ada dua macam yaitu yang menggunakan Thumbnails/Logo dan yang tidak/hanya teks saja. Sesuai dengan judul tulisan ini, kali ini saya mau share Cara Membuat Widget recent Post dengan Thumbnails untuk Blogspot. Oke, tanpa panjang lebar lagi ayo langsung kita praktek.

Berikut ini langkah-langkahnya:

1. Login ke Dashboar Blospot.
2. Lalu masuk ke Dsign > Page Element dan Add Gadget HTML/JavaScript
3. Kemudian masukan script berikut ini, copy paste script Recent Post+Thumbnails.

Sebelum di save, sebaiknya perhatikan dulu beberapa poin dibawah ini:

boxwidth = 245;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://aseuhere.blogspot.com/";

Yang saya beri warna merah itu bisa kita edit dan sesuaikan dengan keinginan, tapi dibiarkan beitu juga tidak apa-apa yang terpenting dan harus di edit adalah bagian home_page ganti dengan alamt blog kita.

Detail: Membuat Recent Post plus Thumbnails di Blogspot

0 Cara memasang Meta Tag pada Blogspot

Sebelum ke Cara Memasang Meta Tag di Blogspot, ada baiknya kita senggol dulu sekilas tetang apa itu Meta Tag?

Menurut dari beberapa sumber, Pengertian Meta Tag adalah sebagai berikut:
Meta tag adalah sebuah tag yang menjelaskan deskripsi blog / situs. Sekaligus memberikan informasi kepada mesin pencari, mengenai isi dari blog / situs. Perlu diketahui saja, memasang meta tag di blog / situs merupakan hal paling penting dalam SEO. Dengan meta tag di blog / situs kita, akan mempermudah mesin pencari untuk meng-indeks blog / situs kita. Tentunya, anda harus mendaftarkan dulu blog / situs anda di mesin pencari.


Oke muangkin sekarang sudah ada gambaran tetang apa itu Meta Tag?

Selanjutnya sekarang kita menuju ke pokok dari tulisan ini yaitu Cara memasang Meta Tag di Blogspot, berikut ini tutorialnya:

1. Login di blogger. Pada menu dashboard pilih layout.


2. Klik pada menu edit HTML.


3. Selanjutnya, cari kode berikut :

<b:include data='blog' name='all-head-content'/>

4. Copy Paste kode di bawah ini dan simpan tepat di bawah kode diatas.

<meta content='Deskripsi Blog ' name='description'/>
<meta content='Kata Kunci Blog' name='keywords'/>
<meta content='Nama Anda' name='author'/>

Catatan: Ganti Text yang berwarna merah, sesuai intruksi berikut :
Deskripsi Blog --> Penjelasan Tentang isi dari Blog Anda
Kata Kunci Blog --> Kata Kunci tentang Blog anda
Nama Anda --> ya....nama dikau lah, masa nama saya.....hehehe

Kalo masih bingung, berikut contoh meta tag untuk blog saya :

<meta content='Tempatnya Belajar Blog dan Bisnis Online ada template gratis serta ebook juga lho' name='description'/>
<meta content='kursus blog, Belajar blog, blogger hack, tutorial blogger, kursus, blog, bisnis, bisnis online, tutorial blog, seo, affiliate,free template, free blogger templates' name='keywords'/>
<meta content='mizwar' name='author'/>

Mudah kan...? Langsung praktekin aja.........


sumber: http://kursus-blog.blogspot.com/2008/07/tips-seo-pasang-meta-tag-di-blogspot.html

Detail: Cara memasang Meta Tag pada Blogspot

1 Tutorial Cara Membuat Blog di Blogspot.com

Bagaimana cara membuat blog di blogspot.com atau blogger.com?

Okeh, tanpa berlama-lama langsung saja kita praktek !

Tapi sebelum ke proses pembuatan blog, sebaiknya anda harus punya account email di gmail (disarankan pake gmail). Kalau belum punya, coba baca2 tulisan saya sebelumnya.

Nah, kalo  sudah punya email bisa langsung ke tahap pembuatan blog.

Berikut ini cara membuat blog di blogger atau blogspot:

1. Buka alamat website http://www.blogger.com

Detail: Tutorial Cara Membuat Blog di Blogspot.com