Showing posts with label tutorial blog. Show all posts
Showing posts with label tutorial blog. Show all posts

Menampilkan widget pada halaman-halaman tertentu

Menampilkan widget pada halaman-halaman tertentu
cara Menampilkan widget pada halaman tertentu yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.


Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

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

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code
<b:if cond='data:blog.pageType == data:blog.homepageUrl'>


Untuk menempatkan di halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>


Untuk menempatkan dihalaman item/posting saja digunakan code
<b:if cond='data:blog.pageType == "item"'>


Dan untuk pada halaman pages atau static page blogger digunakan
<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
<b:if cond='data:blog.url == "URL_HERE"'>


Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

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

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

NB : Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya
sumber:http://tutorial-jitu.blogspot.com/2010/08/menampilkan-widget-di-halaman-tertentu.html

Widget Recent Posts Dan Recent Comments Dari Blogger

Recent posts dan recent comments atau widget komentar dan posting terakhir adalah widget yang sering digunakan para blogger, karena kedua widget ini sangat berguna untuk mengetahui komentar terakhir dan posting terakhir di blog kita.

Dulu saya pernah mencoba menulis tentang cara membuat recent comments dan recent posts dengan javascript, namun sekarang kita tidak perlu susah-susah lagi untuk membuat widget tersebut dengan menggunakan javascript karena blogger sudah menyediakan widget ini di widget featured blogger.

Bagi Anda yang belum tau tentang cara menggunakan widget ini silahkan ikuti panduan dibawah ini.


Cara menggunakan widget ini cukup mudah yaitu :
t

  1. Masuk pada "Design→ Page Elements"
  2. Lalu Klik tombol "Add a Gadget"
  3. Dan klik tombol "Featured"
  4. Cari gadget Recent Comments, untuk menggunakan widgetnya klik tombol (+)

    Setelah muncul kotak dialog seperti diatas kemudian isi konfigurasi widgetnya dan tekan tombol "SAVE"
  5. Dan untuk widget Recent Post pada langkah nomer 3 cari gadget "Recent Posts" dan klik tombol (+) maka akan muncul kotak konfigurasi seperti dibawah ini


    Nah setelah muncul kotak konfigurasi seperti diatas, lalu isi konfigurasinya sesuai keinginan Anda lalu "SAVE"
  6. Selesai dan lihat hasilnya.
Okkey inilah bukti kemajuan blogger yang bisa Anda rasakan, semoga blogger lebih canggih lagi dan kita pun lebih mudah menggunakan blogger. Salam blogger
sumber:http://tutorial-jitu.blogspot.com/2010/07/widget-recent-posts-dan-recent-comments.html

Cara mengetahui tanggal pertama kali Blog atau Website dipublish

Untuk mengetahui kapan suatu website atau blog pertama kali dipublish dan terindex di google, begini caranya :
Jalankan browser kemudian buka google.com
Masukkan kata kunci pada kolom pencarian, kata kuncinya yaitu: inurl:http://komputertipstrik.blogspot.com (silakan ganti alamat url sesuai dengan web yang anda inginkan), contoh lain misal: inurl:http://www.detik.com
kemudian Klik search

Setelah ada hasil pencarian, kemudian masuk ke address bar .. lalu tambahkan kode berikut ini : &as_qdr=y15 disamping/setelah kode yang sudah ada,

kemudian klik go atau tekan enter, akan tampil hasil searching yang menampilkan tanggal pertama kali web terpublish dan terindex di google dari blog/web yang dimaksud.


Semoga bermanfaat.

Sumber : http://komputertipstrik.blogspot.com/2009/06/cara-mengetahui-tanggal-pertama-kali.html

Cara Pasang Sitemap Blog di Google Webmaster tool

Seperti posting saya terdahulu tentang "Kegunaan Sitemap Buat Blog", untuk cara pasang sitemap blog di Google Webmaster tool tidaklah sulit dan anda pun bisa melakukannya, caranya :

1. buka browser dan pergi ke Google Webmaster tool (www.google.com/webmaster/tool/);

2. login dengan akun gmail;

3. kemudian add site dan masukan url feed blog kamu dengan format :
http://nama_blog.blogspot.com/rss.xml
atau
http://nama_blog.blogspot.com/atom.xml
sitemap google webmaster tool
perlu diingat jangan menambahkan www pada nama_blog contoh seperti ini :
http://www.nama_blog.blogspot.com/atom.xml

4. bila selesai menambahkan feed blog di webmaster tool ambil kode verifikasi dan masukan ke dalam template blog diantara kode <head>....</head>
verifikasi kode sitemap5. simpan template blog dan kembali lagi ke google webmaster tool klik verify;

6. update terus blog yang kamu punya, gunakan keyword yang banyak dicari orang untuk posting selanjutnya dan coba lihat perkembangannya di webmaster tool, akan kelihatan peta situs (sitemap) blog kamu.
sumber:http://gadogadoblogs.blogspot.com/2010/11/cara-pasang-sitemap-blog-di-google.html

Cara mendaftarkan situs ke Search Engine.

Cara mendaftarkan situs ke Search Engine.
Cara mendaftarkan situs ke Search Engine. Mendaftar situs ke search engine merupakan hal yang sangat penting. Ini berguna terhadap SEO yang sedang Anda lakukan. Karena SEO sendiri ditujukan untuk mengoptimasi website Anda di search engine.

Seperti yang kita ketahui, google adalah mesin pencari yang paling banyak digunakan saat ini. Namun, selain mendaftarkan situs/blog anda ke google, anda juga perlu mendaftarkannya ke beberapa search engine lainnya yang juga sudah terkenal.

Search engine selain Google itu, antara lain adalah Yahoo, Bing, dan AOL Search. Cara mendaftar website ke search engine tersebut akan dijelaskan satu persatu di bawah ini.

Sebelum mendaftarkan website anda ke search engine, sebaiknya anda buat terlebih dahulu beberapa postingan. Selain itu juga terapkan tips-tips dasar SEO. Ini perlu anda lakukan agar situs anda bisa diterima di search engine tersebut.

Google

  1. Kunjungi http://www.google.com/addurl/.
  2. Masukkan alamat/url website anda (jangan lupa http:// nya).
  3. Ketik kode yang muncul.
  4. Klik tombol Add URL.
Yahoo (perlu registrasi)
  1. Kunjungi http://siteexplorer.search.yahoo.com/submit.
  2. Klik tulisan "Submit a Website or Webpage".
  3. Masukkan URL website anda pada kotak yang disediakan.
  4. Klik tombol Submit URL.
Bing
  1. Kunjungi http://www.bing.com/webmaster/SubmitSitePage.aspx.
  2. Tulis kode anti spam yang tampil.
  3. Ketik URL situs anda (dengan http://).
  4. Klik tombol Submit URL.
AOL Search
  1. Kunjungi http://www.aol.com/
  2. Klik tulisan "Add New Link" yang ada di sidebar kiri.
  3. Ketik URL dan label website anda.
  4. Klik tombol Add.
Beberapa search engine lain juga akan segera ditambahkan pada tutorial ini. Untuk saat ini cukup itu saja cara daftar situs ke search engine.

Cara Submit Blog ke Bing


1. Submit a site to Bing

Apabila anda sudah berada pada halaman, ada beberapa langkah yang harus dilakukan, yaitu mengisi form yang disediakan :

  • Type the characters from the picture → Ketik karakter dari gambar yang telah disediakan.
  • Type the URL of your homepage → Isi dengan URL blog sobat.
  •  Klik tombol Submit URL.













2. Submit a Sitemap to Bing

  • Langkah 1 : Salin dan sisipkan seluruh URL di bawah ini sebagai satu URL ke baris alamat pada browser anda
http://www.bing.com/webmaster/ping.aspx?sitemap=http://alamatbloganda.blogspot.com/sitemap.xml

  • Langkah 2 : Ubah "http://alamatbloganda.blogspot.com/" dengan URL blog sobat.
  • Langkah 3 : Tekan ENTER.


3. Add Site

  • Silahkan menuju → Bing Webmaster Tools.
  • Login dengan akun Windows Live ID anda, jika belum mempunyai ID nya, silahkan anda daftar dulu :






  • Get the most out of the Bing Webmaster Tools, By installing Silverlight, you will experience the full feature set offered by Bing Webmaster Tools. → klik Install Silverlight Now.
  • Klik Add Site.
  • Masukkan URL blog anda, Contoh: http://chenk-rahman.blogspot.com/
  • Klik Submit.








  • Verify Ownership, pilih Option 2: Copy and paste a <meta> tag in your default webpage.
  • Copy meta tag (yang dilingkari merah) ke blog anda.
- Login Blogger
- Rancangan
- Edit HTML
- Letakkan kode meta tag yang tadi anda dapatkan di bawah <head> atau <b:include data='blog' name='all-head-content'/>

  • Klik Simpan Template.
  • Kembali lagi ke halaman Bing Webmaster Tools Verify Ownership.
  • Klik tombol Verify.




















  • Selesai ... dan anda sekarang bisa mulai mengoptimalkan blog anda dengan Bing Webmaster Tools.

Mudah-mudahan dengan cara ini membuat blog anda lebih cepat di indeks oleh Search Engine Bing, dan mudah-mudahan pengunjung blog anda bisa lebih meningkat dari search engine.

Silahkan mencoba dan semoga bermanfaat...
sumber: http://chenk-rahman.blogspot.com/2010/11/cara-submit-blog-ke-bing.html

cara mendaftar infolink

cara mendaftar infolink
Banyak yang bilang diforum-forum Internet bahwa infolink keren, Infolink mantappp!! Dll.. kalo biasanya sih mereka sebut dengan IL sebelumnya saya juga gak tahu apa sih IL itu, setelah Tanya sama master wawan junaidi akhirnya tahu deh kalo IL = Infolinks, nah kalo udah tau mantap musti pasang lah, berikut ini ada tips cara mendaftar infolink dan cara pasang iklan infolink . cara mendaftar infolink dan cara pasang iklan infolink hampir sama dengan adsense, yaitu harus pake blog bahasa inggris dulu baru di taruh di blog bahasa Indonesia..hehe

Ok langsung aja cara mendaftar infolink dan cara pasang iklan infolink

cara mendaftar infolink

Buat blog berbahasa inggris (gak susah kaya adsense, bisa pake blogspot kok)
 
Buka situs infolinks disini
 
klik Join us now!
 
Registrasi :
Website URL: isi alamat blog bahasa inggris anda
Website language: inggris aja deh (saya belum tahu ini sudah support indo atau belum)
Salutation & first name: nama depan
Last name: nama belakang anda
Email: email anda
Password: boleh beda sama password email.. tapi harus di ingat yah jangn lupa
Password confirmation:  masukin ulang password diatas
Comments: kosongin ajah
Baca persetujuan (kalo mau kalo nggak mau lanjuut !!)
Centang semua pilihan
Isi Verification dengan tulisan dibawahnya
Continue
 
Setelah itu anda akan dibawa ke halaman lain terus ada script infolinks COPY SCRIPT TERSEBUT TARO DI BLOG BAHASA INGGRIS ANDA.
bentuknya seperti ini:
<script type="text/javascript">
    var infolink_pid = 159821;
    var infolink_wsid = 0;
</script>
<script type="text/javascript" src="http://resources.infolinks.com/js/infolinks_main.js"></script>

cara pasang iklan infolink :

masuk ke blogger>>login>>dashboard>>Rancangan >> Edit HTML>>centang Expand Template Widget>>tarik scroll sampai bagian paling bawah cari </body> Taruh script dari infolinks tadi diatas </body>.
Ok sampai disini tahap pendaftaran selesai !!

Terus gimana gan ? yah pijit-pijit pundak ane dulu dah..xixixi
Tunggu aja 2-3 hari jika di blog bahasa inggris anda sudah muncul infolinks SELAMAT !! anda udah di approve jadi publisher infolinks..

Nah ini intinya gimana cara pasang iklan infolinks di blog bahasa Indonesia ?
gampang tinggal copy script dari infolinks tadi yang sudah di taruh di blog bahasa inggris..
taruh di tempat yang sama di blog bahasa Indonesia mu.. 

muncul ?? 

selamat tinggal tunggu $50 traktir ane dah,,hehe

TUTORIAL INI DIBUAT OLEH PEMULA JADI KALO ADA KESALAHAN MOHON MAAF.

Cara Mencari Posisi Keyword di Google dan Yahoo

Cara Mencari Posisi Keyword di Google dan Yahoo
cara mengecek Keyword di google? atau cara mencari posisi postingan di google dan yahoo, ah gampang cari aja satu persatu halaman.. 
cara ini mah berlaku buat para master SEO, yang postingan mereka kalo gak nangkring di posisi satu yah dua..

nah kalo nubitol kaya ane.. yah hampir setengah jam nyari-nyari dimana yah Posisi postingan saya.. xixi .. maklumlah pasti terjerumus dalam lembah kegelapan google,, ntah dimana..

saya mau bagi-bagi tips nih bagi yang mau ngecek posisi postingan di SERP (search engine result page) di google ama yahoo,, sapa tau postingan kita bisa nangkring di posisi satu buat keyword yang lagi banyak di cari..kalo ane duduk manis gelar tiker di pojok nunggu pengunjung dateng ntah dari mana..hehe

ok !! coba buka situs ini http://www.seoserp.com/google.page.rank.checker/
udah ? sekarang gimana pakenya gan? gampang
Pilih google apa yang anda targetkan.. klik aja..
isi keywords : " keyword yang anda cari "
your domain : " situs anda bisa blogcepot,.com dll "
lalu klik SERP.. tunggu sebentar muncul deh.. 
Hore saya dihalaman Pertama.. selamat
yang gak muncul.. aih jangan ikut2an saya donk..hehe 

http://www.wolf-howl.com/wp-content/uploads/2007/09/wiki-jacking-serp1.jpg 
Ilustrasi SERP
sumber:http://www.teknologigue.com/2010/11/cara-mencari-posisi-keyword-di-google.html

Tip Membuat Sendiri Template Blogger (Blogspot)

Tip Membuat Sendiri Template Blogger (Blogspot)
Sudah bosan dengan template Blogger yang itu-itu saja? Ada dua pilihan buat Anda. Cara pertama cukup praktis, cari dan download template Blogger dari pihak ketiga, lalu salin dan pasang kode template blogger baru pilihan Anda. Cara kedua lebih kreatif, modifikasi sendiri template Anda!
Berikut beberapa tip dasar yang bisa Anda gunakan untuk mengedit atau membuat template Blogger Anda:

Backup Template dan Komponen

Hal pertama yang harus Anda lakukan sebelum mengganti template Blogger adalah membackup template lama dan elemen-elemen halaman yang telah Anda miliki. Komponen selain posting, arsip, dan komentar cukup rawan dengan resiko hilang saat template baru diterapkan (Blogger akan memberi peringatan berupa daftar widget yang akan terhapus jika template baru Anda terapkan).
  1. Login ke halaman pengelolaan blog, klik Layout > Edit HTML.
  2. Untuk membackup template awal, seleksi seluruh kode di kotak Edit Template (Ctrl+A), lalu copy (Ctrl+C).
  3. Buka Notepad, lalu salin kode ke dalam lembar kerja Notepad (Ctrl+V).
  4. Simpan backup template awal Anda.
Edit HTML Blogger
Sebagai catatan, jika Anda telah menambahkan elemen / widget pada halaman blog Anda, maka sebelum melakukan langkah ke-2, aktifkan dulu kotak pilihan Expand Template Widget (di bagian atas kotak Edit Template). Baru setelah itu salin seluruh kode dan Anda simpan sesuai langkah berikutnya.
Kini Anda sudah siap mengutak-atik template Blogger Anda. Jika hasilnya kurang memuaskan, Anda tetap dapat memulihkan template awal dengan cara menyalin kode backup dari Notepad ke kotak Edit Template.

Menghilangkan NavBar

Merasa tidak nyaman dengan tampilan NavBar di bagian atas halaman blog Anda? Singkirkan NavBar dan perluas tampilan halaman blog Anda dengan cara berikut:
NavBar Blogger
  1. Buka template Blogger Anda di Layout > Edit HTML.
  2. Temukan titik penyisipan, letakkan kursor persis di atas baris body {.
  3. Sisipkan baris kode di bawah ini untuk menghilangkan tampilan NavBar di halaman blog Anda:

    #navbar-iframe {
       height:0px;
       visibility:hidden;
       display:none
    }
  4. Simpan perubahan template, preview blog dan nikmati hasilnya.
Penyisipan Kode Menghilangkan NavBar

Memodifikasi Lebar Halaman

Hal pertama yang perlu Anda pahami dalam memodifikasi halaman blog Anda adalah mengenai penetapan lebar komponen halaman (header, halaman posting, sidebar, dan footer).
Berikut adalah rumusan yang bisa Anda jadikan pedoman dalam mengutak-atik lebar halaman blog Anda :
#header-wrapper = #outer-wrapper = #footer = #main-wrapper + 30 + #sidebar-wrapper
Temukan dan ubah nilai width: di bagian tersebut sesuai kebutuhan :
  • #header-wrapper, #outer-wrapper, dan #footer menjadi patokan lebar seluruh halaman blog.
  • #main-wrapper adalah ukuran kolom posting Anda.
  • #sidebar-wrapper adalah ukuran kolom sidebar Anda.
  • Nilai 30 digunakan untuk memberi jarak antara antara kolom posting dan kolom sidebar.
Dengan berpatokan pada rumusan di atas, maka Anda dapat mengubah ukuran halaman Anda dengan mengedit HTML dengan nilai seperti berikut :
Nilai width awal:
660px = 660px = 660px = 410px + 30px + 220px
Nilai width untuk modifikasi:
750px = 750px = 750px = 470px + 30px + 250px
Penjelasan langkah pengeditan:
  1. Timpa nilai width pada bagian #header-wrapper, #outer-wrapper, dan #footer menjadi 750px.
  2. Timpa nilai width pada bagian #main-wrapper menjadi 470px.
  3. Timpa nilai width pada bagian #sidebar-wrapper menjadi 250px.
Nilai width #main-wrapper = 470px cocok untuk beriklan (ukuran ini bisa mengakomodasi banner 468x60 px). Silakan ubah ukuran sesuai selera dengan berpatokan pada rumusan di atas.

Memodifikasi Jumlah Kolom

Pilihan template yang disediakan Blogger umumnya tersusun atas dua kolom (kolom posting dan kolom sidebar). Anda dapat membuat kolom tambahan dengan menyalin kode sidebar dan mengatur ulang ukurannya.
Sebagai contoh, berikut cara membuat halaman blog dengan tiga kolom.
Penyisipan Kolom Sidebar Baru
  1. Buka template Blogger Anda di Layout > Edit HTML.
  2. Kita gandakan kode kolom sidebar yang sudah ada. Umumnya kode sidebar dinamai sidebar-wrapper, namun ada juga template yang menggunakan nama sidebar-wrap atau sejenisnya.
  3. Temukan, seleksi, dan salin bagian 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 */
    }
  4. Pindahkan kursor di bawah kode tersebut, lalu sisipkan kode yang telah Anda salin. Kini anda memiliki 2 kode di atas.
  5. Bedakan nama kode, edit nama #sidebar-wrapper yang telah Anda sisipkan menjadi #sidebar-wrapper2.
  6. Ubah nilai width di #sidebar-wrapper dan #sidebar-wrapper2, dengan cara membagi 2 nilai yang ada. Misalnya nilai awal 220px Anda bagi menjadi masing-masing 110px.
  7. Selanjutnya temukan, seleksi, dan salin bagian ini:

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    ...
    ...
    </b:section>
    </div>
  8. Pindahkan kursor di bawah kode tersebut, lalu kembali sisipkan kode yang telah Anda salin. Kini anda memiliki 2 kode di atas.
  9. Edit nama <div id='sidebar-wrapper'> yang telah Anda sisipkan menjadi <div id='sidebar-wrapper2'>.
  10. Simpan Template. Preview blog Anda untuk memastikan tampilan 3 kolom telah berhasil Anda buat.
Catatan, jika lebar sidebar pertama dan kedua menjadi sempit, maka gunakan rumusan Memodifikasi Lebar Halaman.


Mengganti domain blogspot menjadi co.cc | gratis

Kalau mendengar kata gratis siapa sih yang tidak mau,, iya ga?? apalagi ini domain-nya keren juga kan .co.cc. hehe... Zoel aja baru kemarin buat dan ternyata mudah sekali, dan cepat, mungkin bisa terhitung sekitar 5 menitan, tidak usah nunggu sampe 24 jam,, atau mungkin lebih lama lagi...
Kalau ada yang mau buat ayo kita mulai...

Tahapannya seperti ini:
1. Sobat pastikan sudah memiliki e-mail karena pastinya akan sangat di butuhkan  (pastinya)

2. Sobat mencari hostingan yang nantinya akan di gabungkan dengan domain .co.cc sobat,
3. Buat account di .co.cc kemudian setting dengan hosting yang telah sobat pilih
4. Siapkan mental agar semuanya bisa berhasil,,hehe..

Untuk tahapan pertama tidak usah diterangkan ya,, soalnya sobat juga udah bisa kalau untuk yang satu ini,
Nah sekarang tahapan yang kedua, sobat buat account di hostingan yang telah sobat pilih mau di blogspot, 000webhost, dan sebenarnya masih banyak lagi, tapi kalau bisa zoel usulin siy yang blogspot aja, coz ini lebih familiar dan mudah. Tapi kalaupun sobat mau daftar hostingan di 000webhost ya ga apa-apa. Tapi berhubung postingan terlalu panjang mendingan satu-satu ya, sekarang kita setting dengan hosting di blogspot.
3. Silahkan ceck dulu nama domain yang ingin sobat buat, setelah cocok sobat bisa langsung sign up/daftar daftar langsung saja disini ,,

Setting di co.cc
Nah setelah dapat domain yang sesuai, nantinya sobat harus setu up dulu,
seperti gambar di bawah ini...


daftarkan domain gratis co.cc

Abaikan Menu 1>> manage DNS / kosongkan name servernya, anda langsung  Zona Record
Isi add record dengan isian sebagai berikut :
Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc
TTL : 1 D (tidak perlu dirubah)
Type : cname
Value : ghs.google.com
 Kemudian klik Setup

 setting di blogspot,
1. Masuk / login ke blogger.com.
2. Masuk menu setting >>> Publishing
3. Kemudian pilih “Switch to: • Custom Domain”
4. Klik already “Already own a domain? Switch to advanced settings
5. Isikan pada kolom “Your Domain” dengan domain co.cc yang anda daftarkan tadi.
6. Use a missing files host? pilih No.
7. Masukan Word Verivication dan klik Save setting

Sobat sudah berhasil menyetting co.cc pada blogspot, tinggal tunggu hasilnya,
Kalau masih ada yang kurang jelas, silahkan tanyakan saja di kotak komentar di bawah ya,, mudah-mudahan zoel bisa jawab,, semoga berhasil sobat..

Source:http://zoelf.blogspot.com/2010/02/membuat-domain-gratis-cocc.html

Menghindari Duplicate Title tags blogspot

Menghindari duplikat title

Menghindari Duplicate Title merupakan salah hal yang perlu diperhatikan dalam optimasi SEO. Karena yang namanya duplicate, google sangat tidak menyukainya. Oleh karena itu usahakan untuk menjauhlah dari yang namanya duplikat content baik duplicate title, maupun duplicate description.
Namun untuk saat ini zoel akan sedikit memberi informasi agar blog sobat tidak mengalami duplicate title.

Cara mengececknya sobat cukup :

1. Login ke webmaster tools
2. Klik nama blog Anda
3. Pilih Diagnostics pada sidebar kiri, kemudian pilih HTML Suggestions. Halaman ini memberikan tahu kepada Anda tentang masalah-masalah yang menyangkut coding di blog Anda. Berikut contoh duplicat content, dalam hal ini duplicat title tags yang ditangkap google dan dilaporkan ke webmaster tools. Maslah ini timbul karena link utama postingan dan link komentar salah satu artikel di blog sama-sama terindeks Google. Tentunya jika pengunjung klik kedua link tersebut mengarah ke halaman yang sama.

Sedikit screen shoot dari duplicate title milik zoel:

duplikat title, zoelf

Nah bisa dilihat terdapat duplicate title pada posting yang berjudul "Banner Friends". Hal ini disebabkan duplicate title yang muncul karena terindeksnya 2 alamat berbeda namun mengarah pada 1 artikel yang sama. Duplicate content di atas diakibatkan terindeksnya Link komentar yang mengarah pada 1 halaman yang sama dengan alamat aslinya. Jelas ini membuat 2 alamat berbeda menjadi 1 halaman.
Solusinya : karena link komentar tersebut secara default bersifat dofollow (dirayapi robots.txt) maka kita hanya tinggal memberikan perintah pada robots.txt untuk tidak merayapi link tersebut (nofollow).

Caranya seperti ini :

1. Login blogger
2. Tata Letak
3. Edit HTML
4. Centang Expand Templates Widget
5. Cari kode di bawah ini

<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>

rubah menjadi
<a expr:href='data:comment.url' title='comment permalink' rel='nofollow'>
<data:comment.timestamp/>
</a>

6. save

Selain merubah perintah menjadi nofollow, sobat juga bisa merubah kode di atas :

<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>

menjadi

 <b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>


selamat mencoba sob..

sumber:http://zoelf.blogspot.com/2010/11/menghindari-duplikat-title-tags.html

Keuntungan Sebagai Pengikut atau followers pada Blog

Teknik SEO Blogspot - Menjadi pengikut suatu blog sebenarnya lebih dari sekedar kebanggaan bahwa foto kita sudah tampil dan terpajang rapi pada widget followers suatu blog. Lebih dari itu, mungkin untuk sekedar saling berbagai menjadi pengikut dengan blogger lainnya. Tapi tanpa kita sadari juga, kalau lebih dari itu sebenarnya kita juga bisa memanfaatkannya untuk mencuri ilmu terbaru dan menarik pengunjung ke blog kita. Mau tau caranya?



Berikut adalah sekelumit isinya.

1.      Sekarang cobalah masuk ke halaman Dasbor blog anda dan scrollah sedikit ke bawah. Perhatikanlah pada Daftar Bacaan-nya.


2.      Di sebelah kiri tampak beberapa nama blog yang sudah anda ikuti. Dan disebelah kanan adalah update terbaru dari masing-masing blog tersebut. Susunan tulisan (postingannya) akan diurut berdasarkan waktu updatenya. Yang paling atas adalah update yang terbaru. Dan menyusul di bawahnya update lain sesuai tanggal dan jam yang lebih tua.

3.      Jika anda ingin melihat beberapa tulisan yang terdapat pada blog tertentu, anda bisa mengklik salah satu nama blog tersebut. Maka disebelah kanan akan muncul beberapa postingan terakhir dari blog tersebut.


4.      Jika salah satu judul postingan itu anda klik maka anda akan langsung tiba di halaman blog tersebut.


Lalu apa untungnya bagi anda?

1.      Anda tidak perlu susah-susah untuk mengakses blog tersebut lewat address bar dan mesin pencari. Karena anda sudah bisa langsung mengunjunginya lewat halaman dasbor anda.

2.      Dengan membaca update terbaru suatu blog berarti anda sudah mendapatkan tips dan informasi terbaru dari mereka dengan cepat, yang bisa jadi tips itu sangat anda butuhkan.

3.      Bila anda rajin melihat update terbaru dari setiap blog yang anda ikuti, maka anda berpeluang menjadi pemberi komentar pertama dari tulisan tersebut.

4.      Apa untungnya menjadi pengunjug yang meninggalkan komentar pertama?

5.      Karena tulisan terbaru adalah tulisan yang masih segar, maka komentar pertama adalah komentar yang paling ditunggu-tunggu oleh pemiliknya. Dan besar kemungkinan mereka akan segera berkunjung balik dan juga meninggalkan komentar di blog anda.

6.      Jadi ada 2 keuntungan yang akan anda peroleh: Pertama tips dan informasi terbaru. Dan kedua mendatangkan pengunjung ke blog anda.

Apakah anda tidak tertarik? Cobalah sekarang untuk menjadi salah satu pengikut suatu blog, dan anda juga bisa melakukannya di blog ini. :) Semoga bermanfaat!

Terima kasih.

sumber:http://blogdoodey.blogspot.com/2010/10/cara-mengambil-keuntungan-sebagai.html

Cara Memblokir para Spammer

Cara Memblokir para Spammer


Toolator akan memblokir IP address dari si tukang spam (spammer) sehingga dia tidak akan bisa mengunjungi blog atau site Anda, dengan demikian dia tidak bisa lagi membuat dan meninggalkan pesan-pesan spammy di blog atau situs.


Klik di sini untuk mengunjungi situs Toolator.com

Cara pendaftarannya mirip dengan cara jika kita membuat akun fb. Anda akan diminta mengetikkan email dan kata sandi (password).

Kemudian klik di link yang terdapat di email di Inbox untuk verifikasi pendaftaran, dan tunggu email selanjutnya untuk mendapatkan kata sandi (password).




Ada beberapa bagian yang harus diubah di bagian Navigational Menu jika sudah punya akun di toolator.
  • Block an IP untuk menentukan IP address mana saja yang ingin diblok.
  • View Blocked IP's untuk melihat alamat-alamat IP mana saja yang sudah diblok.
  • Change Password untuk mengubah kata sandi standar yang dikirimkan oleh toolator.
  • Change E-Mail Address untuk mengganti email.
  • Change Homepage Url untuk mengganti alamat URL situs atau blog milik Anda.
  • Change Logo untuk memilih logo/tombol mana yang akan ditampilkan atau dipasang di situs/blog Anda.
  • WebsiteCode adalah kode yang akan Anda copy-paste di blog atau site.
  • News & Announcements adalah bagian berita dan woro-woro dari toolator.
  • Log out untuk keluar dari toolator
Moga-moga dengan cara ini website atouw blog kamu terbebas dari komentar spam ya!

Semoga bermanfaat ...


sumber: http://andrestutorialblog.blogspot.com

Cara Pasang Update TWITTER di Blog

Cara Pasang Update TWITTER di Blog

Yang doyang ngetwit dan pengen update nya bisa ditampilin di blog, gini cara yang paling gampang karna dah di sediain langsung dari twitter nya.

login dulu ke twitter.com trus masuk ke setting >> profile
klik di bagian (You can also add Twitter to your site here)

setelah itu akan ngebuka pilihan jenis widgetnya untuk di pasang di situs anda
setelah itu klik (1) My Website trus pilih (2) Profil Widget















Trus akan masuk kebagian setting widgetnya.
di bagian ini anda bisa memilih setting yang akan anda gunakan. Pada bagian kanan di sediakan tab-tab yang mempermudah anda untuk meng-costum tampilan twitter anda, ada setting, preference, apperience, ada dimensions. So di sesuaikan dengan keinginan aja.

Setelah itu klik finish and grab code. Tu kan dapet code nya, tinggal pasang di blog, ato situs kamu.

Menebak Keyword terpopuler Hari ini


SEO, tips SEO pemula, google
Tidak bisa dipungkiri bahwa Keyword yang baik dan bagus dapat membuat peringkat blog menjadi teratas dalam google search, Tahukah anda bahwa ada tool gratisan yang efektif untuk mengetahui Keyword apa yang paling dicari di mbah google untuk periiode hari ini. Namanya google news atau Google warta.

Caranya mudah 
1. Buka browser
2. Arahkan alamat ke http://google.co.id/berita atau http://google.com/news
3. Lalu anda akan lihat Berita terpopuler untuk hari ini dan anda tinggal memanfaatkan salah satu Keyword tersebut untuk postingan baru anda.
sumber:http://atokz.blogspot.com/2010/09/menebak-keyword-terpopuler-hari-ini.html

cara Bagaimana backup artikel blog di blogspot

cara Bagaimana backup artikel blog di blogspot
Gerikut adalah tutorial langkah-langkah cara Bagaimana membackup artikel blog di blogspot
Langkah 1
1.Login Ke Blogger
2.Pada Dasbord klik Setting dan pilih basic.
3.Selepas itu klik Export Blog
3.kemudian akan muncul halaman baru di komputer anda,lalu klik download blog.

*Post anda sudah tersimpan.
Langkah 2
Untuk Import balik boleh ikut tutorial dibawah ini.
*Anda juga boleh upload post ini ke blog baru .
1Pada Dasbord klik Setting dan pilih basic.
2.Selepas itu klik Import Blog
3.Jika sudah klik Browse kemudian pilih data backup Blog anda lalu masukan code verifikasi lalu tick pada Automatically publish all imported posts jika anda ingin data backupnya terus publish ke blog.

6.jika sudah klik import blog.

7.Selesai....

Cara Membuat text sizer di Blog

Cara Membuat text sizer di Blog
Text Sizer adalah suatu widget untuk merubah ukuran teks pada blog. Text sizer sangat bermanfaat, karena setiap blog mempunyai ukuran font teks yang berbeda-beda. mungkin ada yang terlalu besar atau terlalu kecil. dengan text sizer, pembaca blog nantinya dapat menentukan sendiri ukuran font teks blog kita sesuai kenyamanan mereka.

Berikut ini demo text sizer, silahkan coba sendiri.

+ Larger Font
- Smaller Font
Untuk memasang text sizer di blog caranya cukup mudah. dalam pemasangan ini, diperlukan script dan link saja. widget text sizer dapat dipasang di mana saja seperti di sidebar, di atas postingan, dll. Widget text sizer ini juga dapat mempercantik blog. berikut ini langkah-langkah memasang widget text sizer

1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. Centang checkbox Expand Widget Template.
  • 3 .Copy paste code berikut setelah tag <head> atau sebelum </head> pada website Anda:

    <script src='http://nestoriko.googlepages.com/textsizer.js' type='text/javascript'></script>
  • 4. Copy paste code berikut setelah tag <body> atau sebelum </body> (atau dibagian mana Anda ingin menempatkan tombol Text Sizer) pada website Anda:

    <a href="javascript:ts('body',1)">+ Larger Font</a> | <a

    href="javascript:ts('body',-1)">+ Smaller Font</a>
  • 5. Silahkan ganti tulisan "+ Larger Font" dan "- Smaller Font" dengan tulisan yang Anda inginkan.
Juka sudah>>> simpan template !!

Memasang tombol Button Tweetmeme untuk meningkatkan pengunjung blog

Memasang tombol Button Tweetmeme untuk meningkatkan pengunjung blog
Cara memasang button Tweetmeme ini sangat mudah, pertama masuk kehalaman EDIT HTML, kemudian beri tanda centang pada Expand Template Widget. Kalo sudah, cari kode yang warna kuning dan letakan kode button warna Putih tepat dibawahnya.

<div class='post-header-line-1'/>

<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>


Note :, Tweetmeme memiliki nilai counter tersendiri untuk menilai seberapa banyak link kita yang telah dibagikan oleh pembaca. kita dapat melihat nilai tersebut langsung pada buttonnya.

Nah Cukup sekian Trik kali ini yang saya dapatkan dari mas o-om
semoga bermanfaat Buat anda!!

Cara Membuat dan Memasang Featured Content Slider di Blogger -

Cara Membuat dan Memasang Featured Content Slider di Blogger - Banyak fitur untuk mempermanis blog. Salah satunya, featured content slider (FCS). Ibarat toko, FCS adalah etalase di mana kita bisa memajang konten yang dirasa ‘menjual’. Berikut ini cara membuat featured content slider.

Image and video hosting by TinyPic

Sekarang masuk ke tutorialnya:

1. Masuk ‘Layout’-->‘Edit HTML’, centang ‘Expand Template Widget’ (jangan lupa backup dulu untuk jaga-jaga).

2. Cari kode </head>

3. Tambahkan kode berikut ini di atasnya.


Kode
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?"15":"w",P=o.y?"t":"s";p c=$(G),9=$("9",c),E=$("10",9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$("10",9),l=f.Y(),4=o.B;c.5("1c","H");f.5({U:"T",1b:o.y?"S":"w"});9.5({19:"0",18:"0",Q:"13","1v-1s-1r":"S","z-14":"1"});c.5({U:"T",Q:"13","z-14":"2",w:"1q"});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+"C").5(A,-(4*g));c.5(P,j+"C");7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+"C");4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+"C");4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A=="w"?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+","+o.x).1n("X");$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m("X")}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,\'1j\')+5(a,\'1i\')};6 t(a){8 a[0].1t+5(a,\'1u\')+5(a,\'1e\')}})(1x);',62,96,'||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery'.split('|'),0,{}))

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

/*
* Copyright (c) 2009 Simo Kinnunen.
* Licensed under the MIT license.
*
* @version 1.02
*/
var Cufon=(function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener("DOMContentLoaded",D,false);window.addEventListener("pageshow",D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll("left");D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,"load",D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||"px";this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&" ")+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba\((.*?),\s*([\d.]+)\)/,function(E,D,F){B.opacity=parseFloat(F);return"rgb("+D+")"});return B}),fontStretch:j(function(B){if(typeof B=="number"){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient\(/)[1],stops:[]},C=F.substr(F.indexOf("(")).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);for(var E=0,B=C.length,D;E<B;++E){D=C[E].split("=",2).reverse();G.stops.push([D[1]||E/(B-1),D[0]])}return G}),hasClass:function(C,B){return RegExp("(?:^|\\s)"+B+"(?=\\s|$)").test(C.className)},quotedList:j(function(E){var D=[],C=/\s*((["'])([\s\S]*?[^\\])\2|[^,]+)\s*/g,B;while(B=C.exec(E)){D.push(B[3]||B[1])}return D}),recognizesMedia:j(function(G){var E=document.createElement("style"),D,C,B;E.type="text/css";E.media=G;try{E.appendChild(document.createTextNode("/**/"))}catch(F){}C=g("head")[0];C.insertBefore(E,C.firstChild);D=(E.sheet||E.styleSheet);B=D&&!D.disabled;C.removeChild(E);return B}),removeClass:function(D,C){var B=RegExp("(?:^|\\s+)"+C+"(?=\\s|$)","g");D.className=D.className.replace(B,"");return D},supports:function(D,C){var B=document.createElement("span").style;if(B[D]===undefined){return false}B[D]=C;return B[D]===C},textAlign:function(E,D,B,C){if(D.get("textAlign")=="right"){if(B>0){E=" "+E}}else{if(B<C-1){E+=" "}}return E},textDecoration:function(G,F){if(!F){F=this.getStyle(G)}var C={underline:null,overline:null,"line-through":null};for(var B=G;B.parentNode&&B.parentNode.nodeType==1;){var E=true;for(var D in C){if(!k(C,D)||C[D]){continue}if(F.get("textDecoration").indexOf(D)!=-1){C[D]=F.get("color")}E=false}if(E){break}F=this.getStyle(B=B.parentNode)}return C},textShadow:j(function(F){if(F=="none"){return null}var E=[],G={},B,C=0;var D=/(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)|(-?[\d.]+[a-z%]*)|,/ig;while(B=D.exec(F)){if(B[0]==","){E.push(G);G={};C=0}else{if(B[1]){G.color=B[1]}else{G[["offX","offY","blur"][C++]]=B[2]}}}E.push(G);return E}),textTransform:(function(){var B={uppercase:function(C){return C.toUpperCase()},lowercase:function(C){return C.toLowerCase()},capitalize:function(C){return C.replace(/\b./g,function(D){return D.toUpperCase()})}};return function(E,D){var C=B[D.get("textTransform")];return C?C(E):E}})(),whiteSpace:(function(){var B={inline:1,"inline-block":1,"run-in":1};return function(E,C,D){if(B[C.get("display")]){return E}if(!D.previousSibling){E=E.replace(/^\s+/,"")}if(!D.nextSibling){E=E.replace(/\s+$/,"")}return E}})()};n.ready=(function(){var B=!n.recognizesMedia("all"),E=false;var D=[],H=function(){B=true;for(var K;K=D.shift();K()){}};var I=g("link"),J=g("style");function C(K){return K.disabled||G(K.sheet,K.media||"screen")}function G(M,P){if(!n.recognizesMedia(P||"all")){return true}if(!M||M.disabled){return false}try{var Q=M.cssRules,O;if(Q){search:for(var L=0,K=Q.length;O=Q[L],L<K;++L){switch(O.type){case 2:break;case 3:if(!G(O.styleSheet,O.media.mediaText)){return false}break;default:break search}}}}catch(N){}return true}function F(){if(document.createStyleSheet){return true}var L,K;for(K=0;L=I[K];++K){if(L.rel.toLowerCase()=="stylesheet"&&!C(L)){return false}}for(K=0;L=J[K];++K){if(!C(L)){return false}}return true}x.ready(function(){if(!E){E=n.getStyle(document.body).isUsable()}if(B||(E&&F())){H()}else{setTimeout(arguments.callee,10)}});return function(K){if(B){K()}else{D.push(K)}}})();function s(C){var B=this.face=C.face;this.glyphs=C.glyphs;this.w=C.w;this.baseSize=parseInt(B["units-per-em"],10);this.family=B["font-family"].toLowerCase();this.weight=B["font-weight"];this.style=B["font-style"]||"normal";this.viewBox=(function(){var E=B.bbox.split(/\s+/);var D={minX:parseInt(E[0],10),minY:parseInt(E[1],10),maxX:parseInt(E[2],10),maxY:parseInt(E[3],10)};D.width=D.maxX-D.minX;D.height=D.maxY-D.minY;D.toString=function(){return[this.minX,this.minY,this.width,this.height].join(" ")};return D})();this.ascent=-parseInt(B.ascent,10);this.descent=-parseInt(B.descent,10);this.height=-this.ascent+this.descent}function f(){var C={},B={oblique:"italic",italic:"oblique"};this.add=function(D){(C[D.style]||(C[D.style]={}))[D.weight]=D};this.get=function(H,I){var G=C[H]||C[B[H]]||C.normal||C.italic||C.oblique;if(!G){return null}I={normal:400,bold:700}[I]||parseInt(I,10);if(G[I]){return G[I]}var E={1:1,99:0}[I%100],K=[],F,D;if(E===undefined){E=I>400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||J<F){F=J}if(!D||J>D){D=J}K.push(J)}if(I<F){I=F}if(I>D){I=D}K.sort(function(M,L){return(E?(M>I&&L>I)?M<L:M>L:(M<I&&L<I)?M>L:M<L)?-1:1});return G[K[0]]}}function r(){function D(F,G){if(F.contains){return F.contains(G)}return F.compareDocumentPosition(G)&16}function B(G){var F=G.relatedTarget;if(!F||D(this,F)){return}C(this)}function E(F){C(this)}function C(F){setTimeout(function(){m.replace(F,d.get(F).options,true)},10)}this.attach=function(F){if(F.onmouseenter===undefined){q(F,"mouseover",B);q(F,"mouseout",B)}else{q(F,"mouseenter",E);q(F,"mouseleave",E)}}}function u(){var C=[],D={};function B(H){var E=[],G;for(var F=0;G=H[F];++F){E[F]=C[D[G]]}return E}this.add=function(F,E){D[F]=C.push(E)-1};this.repeat=function(){var E=arguments.length?B(arguments):C,F;for(var G=0;F=E[G++];){m.replace(F[0],F[1],true)}}}function A(){var D={},B=0;function C(E){return E.cufid||(E.cufid=++B)}this.get=function(E){var F=C(E);return D[F]||(D[F]={})}}function a(B){var D={},C={};this.extend=function(E){for(var F in E){if(k(E,F)){D[F]=E[F]}}return this};this.get=function(E){return D[E]!=undefined?D[E]:B[E]};this.getSize=function(F,E){return C[F]||(C[F]=new n.Size(this.get(F),E))};this.isUsable=function(){return !!B}}function q(C,B,D){if(C.addEventListener){C.addEventListener(B,D,false)}else{if(C.attachEvent){C.attachEvent("on"+B,function(){return D.call(C,window.event)})}}}function v(C,B){var D=d.get(C);if(D.options){return C}if(B.hover&&B.hoverables[C.nodeName.toLowerCase()]){b.attach(C)}D.options=B;return C}function j(B){var C={};return function(D){if(!k(C,D)){C[D]=B.apply(null,arguments)}return C[D]}}function c(F,E){var B=n.quotedList(E.get("fontFamily").toLowerCase()),D;for(var C=0;D=B[C];++C){if(i[D]){return i[D].get(E.get("fontStyle"),E.get("fontWeight"))}}return null}function g(B){return document.getElementsByTagName(B)}function k(C,B){return C.hasOwnProperty(B)}function h(){var B={},D,F;for(var E=0,C=arguments.length;D=arguments[E],E<C;++E){for(F in D){if(k(D,F)){B[F]=D[F]}}}return B}function o(E,M,C,N,F,D){var K=document.createDocumentFragment(),H;if(M===""){return K}var L=N.separate;var I=M.split(p[L]),B=(L=="words");if(B&&t){if(/^\s/.test(M)){I.unshift("")}if(/\s$/.test(M)){I.push("")}}for(var J=0,G=I.length;J<G;++J){H=z[N.engine](E,B?n.textAlign(I[J],C,J,G):I[J],C,N,F,D,J<G-1);if(H){K.appendChild(H)}}return K}function l(C,J){var B=n.getStyle(v(C,J)).extend(J);var D=c(C,B),E,H,G,F,I;for(E=C.firstChild;E;E=G){H=E.nodeType;G=E.nextSibling;if(H==3){if(F){F.appendData(E.data);C.removeChild(E)}else{F=E}if(G){continue}}if(F){C.replaceChild(o(D,n.whiteSpace(F.data,B,F),B,J,E,C),F);F=null}if(H==1&&E.firstChild){if(n.hasClass(E,"cufon")){z[J.engine](D,null,B,J,E,C)}else{arguments.callee(E,J)}}}}var t=" ".split(/\s+/).length==0;var d=new A();var b=new r();var y=new u();var e=false;var z={},i={},w={enableTextDecoration:false,engine:null,forceHitArea:false,hover:false,hoverables:{a:true},printable:true,selector:(window.Sizzle||(window.jQuery&&function(B){return jQuery(B)})||(window.dojo&&dojo.query)||(window.Ext&&Ext.query)||(window.$$&&function(B){return $$(B)})||(window.$&&function(B){return $(B)})||(document.querySelectorAll&&function(B){return document.querySelectorAll(B)})||g),separate:"words",textShadow:"none"};var p={words:/[^\S\u00a0]+/,characters:"",none:/^/};m.now=function(){x.ready();return m};m.refresh=function(){y.repeat.apply(y,arguments);return m};m.registerEngine=function(C,B){if(!B){return m}z[C]=B;return m.set("engine",C)};m.registerFont=function(D){var B=new s(D),C=B.family;if(!i[C]){i[C]=new f()}i[C].add(B);return m.set("fontFamily",'"'+C+'"')};m.replace=function(D,C,B){C=h(w,C);if(!C.engine){return m}if(!e){n.addClass(x.root(),"cufon-active cufon-loading");n.ready(function(){n.addClass(n.removeClass(x.root(),"cufon-loading"),"cufon-ready")});e=true}if(C.hover){C.forceHitArea=true}if(typeof C.textShadow=="string"){C.textShadow=n.textShadow(C.textShadow)}if(typeof C.color=="string"&&/^-/.test(C.color)){C.textGradient=n.gradient(C.color)}if(!B){y.add(D,arguments)}if(D.nodeType||typeof D=="string"){D=[D]}n.ready(function(){for(var F=0,E=D.length;F<E;++F){var G=D[F];if(typeof G=="string"){m.replace(C.selector(G),C,true)}else{l(G,C)}}});return m};m.set=function(B,C){w[B]=C;return m};return m})();Cufon.registerEngine("canvas",(function(){var b=document.createElement("canvas");if(!b||!b.getContext||!b.getContext.apply){return}b=null;var a=Cufon.CSS.supports("display","inline-block");var e=!a&&(document.compatMode=="BackCompat"||/frameset|transitional/i.test(document.doctype.publicId));var f=document.createElement("style");f.type="text/css";f.appendChild(document.createTextNode((".cufon-canvas{text-indent:0;}@media screen,projection{.cufon-canvas{display:inline;display:inline-block;position:relative;vertical-align:middle;"+(e?"":"font-size:1px;line-height:1px;")+"}.cufon-canvas .cufon-alt{display:-moz-inline-box;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-10000in;}"+(a?".cufon-canvas canvas{position:relative;}":".cufon-canvas canvas{position:absolute;}")+"}@media print{.cufon-canvas{padding:0;}.cufon-canvas canvas{display:none;}.cufon-canvas .cufon-alt{display:inline;}}").replace(/;/g,"!important;")));document.getElementsByTagName("head")[0].appendChild(f);function d(p,h){var n=0,m=0;var g=[],o=/([mrvxe])([^a-z]*)/g,k;generate:for(var j=0;k=o.exec(p);++j){var l=k[2].split(",");switch(k[1]){case"v":g[j]={m:"bezierCurveTo",a:[n+~~l[0],m+~~l[1],n+~~l[2],m+~~l[3],n+=~~l[4],m+=~~l[5]]};break;case"r":g[j]={m:"lineTo",a:[n+=~~l[0],m+=~~l[1]]};break;case"m":g[j]={m:"moveTo",a:[n=~~l[0],m=~~l[1]]};break;case"x":g[j]={m:"closePath"};break;case"e":break generate}h[g[j].m].apply(h,g[j].a)}return g}function c(m,k){for(var j=0,h=m.length;j<h;++j){var g=m[j];k[g.m].apply(k,g.a)}}return function(ah,H,Z,D,L,ai){var n=(H===null);if(n){H=L.alt}var J=ah.viewBox;var p=Z.getSize("fontSize",ah.baseSize);var X=Z.get("letterSpacing");X=(X=="normal")?0:p.convertFrom(parseInt(X,10));var K=0,Y=0,W=0,F=0;var I=D.textShadow,U=[];if(I){for(var ag=I.length;ag--;){var O=I[ag];var T=p.convertFrom(parseFloat(O.offX));var R=p.convertFrom(parseFloat(O.offY));U[ag]=[T,R];if(R<K){K=R}if(T>Y){Y=T}if(R>W){W=R}if(T<F){F=T}}}var al=Cufon.CSS.textTransform(H,Z).split(""),B;var o=ah.glyphs,E,r,ac;var h=0,v,N=[];for(var ag=0,ae=0,ab=al.length;ag<ab;++ag){E=o[B=al[ag]]||ah.missingGlyph;if(!E){continue}if(r){h-=ac=r[B]||0;N[ae-1]-=ac}h+=v=N[ae++]=~~(E.w||ah.w)+X;r=E.k}if(v===undefined){return null}Y+=J.width-v;F+=J.minX;var C,q;if(n){C=L;q=L.firstChild}else{C=document.createElement("span");C.className="cufon cufon-canvas";C.alt=H;q=document.createElement("canvas");C.appendChild(q);if(D.printable){var ad=document.createElement("span");ad.className="cufon-alt";ad.appendChild(document.createTextNode(H));C.appendChild(ad)}}var am=C.style;var Q=q.style;var m=p.convert(J.height);var ak=Math.ceil(m);var V=ak/m;var P=V*Cufon.CSS.fontStretch(Z.get("fontStretch"));var S=h*P;var aa=Math.ceil(p.convert(S+Y-F));var t=Math.ceil(p.convert(J.height-K+W));q.width=aa;q.height=t;Q.width=aa+"px";Q.height=t+"px";K+=J.minY;Q.top=Math.round(p.convert(K-ah.ascent))+"px";Q.left=Math.round(p.convert(F))+"px";var A=Math.ceil(p.convert(S))+"px";if(a){am.width=A;am.height=p.convert(ah.height)+"px"}else{am.paddingLeft=A;am.paddingBottom=(p.convert(ah.height)-1)+"px"}var aj=q.getContext("2d"),M=m/J.height;aj.scale(M,M*V);aj.translate(-F,-K);aj.lineWidth=ah.face["underline-thickness"];aj.save();function s(i,g){aj.strokeStyle=g;aj.beginPath();aj.moveTo(0,i);aj.lineTo(h,i);aj.stroke()}var u=D.enableTextDecoration?Cufon.CSS.textDecoration(ai,Z):{};if(u.underline){s(-ah.face["underline-position"],u.underline)}if(u.overline){s(ah.ascent,u.overline)}function af(){aj.scale(P,1);for(var x=0,k=0,g=al.length;x<g;++x){var y=o[al[x]]||ah.missingGlyph;if(!y){continue}if(y.d){aj.beginPath();if(y.code){c(y.code,aj)}else{y.code=d("m"+y.d,aj)}aj.fill()}aj.translate(N[k++],0)}aj.restore()}if(I){for(var ag=I.length;ag--;){var O=I[ag];aj.save();aj.fillStyle=O.color;aj.translate.apply(aj,U[ag]);af()}}var z=D.textGradient;if(z){var G=z.stops,w=aj.createLinearGradient(0,J.minY,0,J.maxY);for(var ag=0,ab=G.length;ag<ab;++ag){w.addColorStop.apply(w,G[ag])}aj.fillStyle=w}else{aj.fillStyle=Z.get("color")}af();if(u["line-through"]){s(-ah.descent,u["line-through"])}return C}})());Cufon.registerEngine("vml",(function(){var e=document.namespaces;if(!e){return}e.add("cvml","urn:schemas-microsoft-com:vml");e=null;var b=document.createElement("cvml:shape");b.style.behavior="url(#default#VML)";if(!b.coordsize){return}b=null;var g=(document.documentMode||0)<8;document.write(('<style type="text/css">.cufon-vml-canvas{text-indent:0;}@media screen{cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}.cufon-vml-canvas{position:absolute;text-align:left;}.cufon-vml{display:inline-block;position:relative;vertical-align:'+(g?"middle":"text-bottom")+";}.cufon-vml .cufon-alt{position:absolute;left:-10000in;font-size:1px;}a .cufon-vml{cursor:pointer}}@media print{.cufon-vml *{display:none;}.cufon-vml .cufon-alt{display:inline;}}</style>").replace(/;/g,"!important;"));function c(h,i){return a(h,/(?:em|ex|%)$|^[a-z-]+$/i.test(i)?"1em":i)}function a(k,l){if(/px$/i.test(l)){return parseFloat(l)}var j=k.style.left,i=k.runtimeStyle.left;k.runtimeStyle.left=k.currentStyle.left;k.style.left=l.replace("%","em");var h=k.style.pixelLeft;k.style.left=j;k.runtimeStyle.left=i;return h}var f={};function d(o){var p=o.id;if(!f[p]){var m=o.stops,n=document.createElement("cvml:fill"),h=[];n.type="gradient";n.angle=180;n.focus="0";n.method="sigma";n.color=m[0][1];for(var l=1,i=m.length-1;l<i;++l){h.push(m[l][0]*100+"% "+m[l][1])}n.colors=h.join(",");n.color2=m[i][1];f[p]=n}return f[p]}return function(aj,K,ad,G,O,ak,ab){var o=(K===null);if(o){K=O.alt}var M=aj.viewBox;var q=ad.computedFontSize||(ad.computedFontSize=new Cufon.CSS.Size(c(ak,ad.get("fontSize"))+"px",aj.baseSize));var aa=ad.computedLSpacing;if(aa==undefined){aa=ad.get("letterSpacing");ad.computedLSpacing=aa=(aa=="normal")?0:~~q.convertFrom(a(ak,aa))}var C,r;if(o){C=O;r=O.firstChild}else{C=document.createElement("span");C.className="cufon cufon-vml";C.alt=K;r=document.createElement("span");r.className="cufon-vml-canvas";C.appendChild(r);if(G.printable){var ag=document.createElement("span");ag.className="cufon-alt";ag.appendChild(document.createTextNode(K));C.appendChild(ag)}if(!ab){C.appendChild(document.createElement("cvml:shape"))}}var ap=C.style;var V=r.style;var m=q.convert(M.height),am=Math.ceil(m);var Z=am/m;var T=Z*Cufon.CSS.fontStretch(ad.get("fontStretch"));var Y=M.minX,X=M.minY;V.height=am;V.top=Math.round(q.convert(X-aj.ascent));V.left=Math.round(q.convert(Y));ap.height=q.convert(aj.height)+"px";var v=G.enableTextDecoration?Cufon.CSS.textDecoration(ak,ad):{};var J=ad.get("color");var ao=Cufon.CSS.textTransform(K,ad).split(""),B;var p=aj.glyphs,H,s,af;var h=0,P=[],W=0,x;var z,L=G.textShadow;for(var ai=0,ah=0,ae=ao.length;ai<ae;++ai){H=p[B=ao[ai]]||aj.missingGlyph;if(!H){continue}if(s){h-=af=s[B]||0;P[ah-1]-=af}h+=x=P[ah++]=~~(H.w||aj.w)+aa;s=H.k}if(x===undefined){return null}var A=-Y+h+(M.width-x);var an=q.convert(A*T),ac=Math.round(an);var S=A+","+M.height,n;var N="r"+S+"ns";var y=G.textGradient&&d(G.textGradient);for(ai=0,ah=0;ai<ae;++ai){H=p[ao[ai]]||aj.missingGlyph;if(!H){continue}if(o){z=r.childNodes[ah];while(z.firstChild){z.removeChild(z.firstChild)}}else{z=document.createElement("cvml:shape");r.appendChild(z)}z.stroked="f";z.coordsize=S;z.coordorigin=n=(Y-W)+","+X;z.path=(H.d?"m"+H.d+"xe":"")+"m"+n+N;z.fillcolor=J;if(y){z.appendChild(y.cloneNode(false))}var al=z.style;al.width=ac;al.height=am;if(L){var u=L[0],t=L[1];var F=Cufon.CSS.color(u.color),D;var R=document.createElement("cvml:shadow");R.on="t";R.color=F.color;R.offset=u.offX+","+u.offY;if(t){D=Cufon.CSS.color(t.color);R.type="double";R.color2=D.color;R.offset2=t.offX+","+t.offY}R.opacity=F.opacity||(D&&D.opacity)||1;z.appendChild(R)}W+=P[ah++]}var Q=z.nextSibling,w,E;if(G.forceHitArea){if(!Q){Q=document.createElement("cvml:rect");Q.stroked="f";Q.className="cufon-vml-cover";w=document.createElement("cvml:fill");w.opacity=0;Q.appendChild(w);r.appendChild(Q)}E=Q.style;E.width=ac;E.height=am}else{if(Q){r.removeChild(Q)}}ap.width=Math.max(Math.ceil(q.convert(h*T)),0);if(g){var U=ad.computedYAdjust;if(U===undefined){var I=ad.get("lineHeight");if(I=="normal"){I="1em"}else{if(!isNaN(I)){I+="em"}}ad.computedYAdjust=U=0.5*(a(ak,I)-parseFloat(ap.height))}if(U){ap.marginTop=Math.ceil(U)+"px";ap.marginBottom=U+"px"}}return C}})());

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

/*
* jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php
*
* Uses the built in easing capabilities added in jQuery 1.1
* to offer multiple easing options
*
* Copyright (c) 2007 George Smith
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*/

jQuery.easing = {
easein: function(x, t, b, c, d) {
return c*(t/=d)*t + b; // in
},
easeinout: function(x, t, b, c, d) {
if (t < d/2) return 2*c*t*t/(d*d) + b;
var ts = t - d/2;
return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b;
},
easeout: function(x, t, b, c, d) {
return -c*t*t/(d*d) + 2*c*t/d + b;
},
expoin: function(x, t, b, c, d) {
var flip = 1;
if (c < 0) {
flip *= -1;
c *= -1;
}
return flip * (Math.exp(Math.log(c)/d * t)) + b;
},
expoout: function(x, t, b, c, d) {
var flip = 1;
if (c < 0) {
flip *= -1;
c *= -1;
}
return flip * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b;
},
expoinout: function(x, t, b, c, d) {
var flip = 1;
if (c < 0) {
flip *= -1;
c *= -1;
}
if (t < d/2) return flip * (Math.exp(Math.log(c/2)/(d/2) * t)) + b;
return flip * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b;
},
bouncein: function(x, t, b, c, d) {
return c - jQuery.easing['bounceout'](x, d-t, 0, c, d) + b;
},
bounceout: function(x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
bounceinout: function(x, t, b, c, d) {
if (t < d/2) return jQuery.easing['bouncein'] (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing['bounceout'] (x, t*2-d,0, c, d) * .5 + c*.5 + b;
},
elasin: function(x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
elasout: function(x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
elasinout: function(x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
backin: function(x, t, b, c, d) {
var s=1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
backout: function(x, t, b, c, d) {
var s=1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
backinout: function(x, t, b, c, d) {
var s=1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
linear: function(x, t, b, c, d) {
return c*t/d + b; //linear
}
};

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

jQuery(document).ready(function() {
Cufon.replace('.blogname h2', { fontFamily: 'MankSans-Medium' });
Cufon.replace('.sidetitl,.blogname h1', { fontFamily: 'ChunkFive' });

});

//]]>
</script>


<style type='text/css'>
#slidearea{
height: 230px;
overflow: hidden;
position: relative;
width:600px;
background:#333333;
}
#gallerycover{
overflow: hidden;
margin:0px 0px;
}

.mygallery{
overflow: hidden;
position:relative;
}

.mytext img{
position:absolute;
left:10px;
top:10px;
padding:5px;
background:#ffffff;
border:1px solid #5e5e5e;
}

.mytext{
position:relative;
margin:0px 0px;
height:200px;
width:680px;
float:left;
display:inline;
line-height:20px;
color:#ffffff;
font-family: Tahoma,Georgia,century gothic,Verdana, sans-serif;
}

.mytext ul li{
height:200px;

}

.mytext a:link, .mytext a:visited {
color:#fff;
}

.mytext h2 {
font: 18px Georgia,century gothic,Verdana, sans-serif;
margin:15px 0px 5px 310px;
font-weight:normal;
width:350px;
height:24px;
overflow:hidden;
}

.mytext p {
width:350px;
margin:0px 0px 5px 310px;
color:#ffffff;
}

.mytext h2 a:link, .mytext h2 a:visited {
color:#fff;
}
.slnav{
padding:3px 0px;
background:#000;

}
.prev{
float:left;
width:24px;
height:24px;
z-index:200;
margin-left:5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCfB0Ef31jMGhsGfUa5Jj0OloEO5cTwTSHMmvEyYHLYGIrmaNv1hwWE4lWKL_KTDLmS2_vAp5uBcEZKyEJvZ3x2rVzC1Z8bvizIiyAsfRDA3rT6qWSsCE-aT5NmjUFVkSCfpYDBLUisQSR//);
}

.next{
float:right;
width:24px;
height:24px;
z-index:200;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGviDweI5h5hxmUS4HBDKHeVKn04d8SVlgtvVH5o5qiGO_e82L_kQtSPnzHjc14NkLrZcNUh6SfOO8wuPhlTPMYZHTrT9a0gklD1B3XqeW749uqKYRez9zvPzfE__FctcfazJuEXLpu5Z//);
display:block;
}

</style>

4. Perhatikan pada kode bagian ini:
<style type='text/css'>
#slidearea{
height: 230px;
overflow: hidden;
position: relative;
width:600px;
background:#333333;
}

Anda bisa ganti tinggi (height) dan lebar (width), serta warna background (di situ kodenya #333333) sesuai selera.

5. Simpan.

6. Masuk dashboard. Klik ‘Layout/Rancangan’, lalu ‘Tambah Gadget’, pilih ‘HTML/JavaScript’, dan masukkan kode ini:

<script type="text/javascript">
var $jx = jQuery.noConflict();
$jx(function() {
$jx(".mygallery").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 1,
easing: "backout",
speed: 1000
});

});
</script>

<div id="slidearea">

<div id="gallerycover">
<div class="mygallery">
<ul>

<li>
<div class="mytext">
<h2><a href="URL postingan yang akan ditampilkan" title="#">Judul postingan</a></h2>
<p>Uraian singkat postingan.[...]</p>

<img src="URL foto/gambar" alt="" />
</div>
</li>


<li>
<div class="mytext">
<h2><a href="URL postingan yang akan ditampilkan" title="#">Judul postingan</a></h2>
<p>Uraian singkat postingan.[...]</p>

<img src="URL foto/gambar" alt="" />
</div>
</li>


<li>
<div class="mytext">
<h2><a href="URL postingan yang akan ditampilkan" title="#">Judul postingan</a></h2>
<p>Uraian singkat postingan.[...]</p>

<img src="URL foto/gambar" alt="" />
</div>
</li>
<div class="clear"></div>

</div>
</div>

<div class="slnav">
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
<div class="clear"></div>
</div>

</div>

7. Simpan, lalu pilih penempatannya.

8. Selesai. Selamat mencoba.


.