Tutorial Setting Domain Blogger ke Godaddy

Setelah mencari-cari tutorial untuk merubah domain blogger ke godaddy ahirnya mendapatkannya silakan menikamti artikel ini yang di terjemahkan dari bahasa Inggris, Menggunakan Domain tingkat kustom / atas dengan blog blogger tentu saja ide yang baik. Ini membantu untuk membuat branding, terlihat profesional dan juga membantu untuk mendapatkan backlink mudah daripada blogger sub-domain dan Anda mengetahui faktor SEO sangat penting hari ini.

Harap dicatat bahwa saya tidak menulis di sini tentang cara mendaftar / membeli domain dari GoDaddy, tutorial ini adalah untuk menambahkan domain (yang sudah terdaftar / dibeli dari GoDaddy) ke blog blogger / blogspot sebagai domain kustom.

Berikut adalah cara untuk membuat sebuah domain kustom untuk Blog BlogSpot Anda yang terdaftar dari GoDaddy.

Saya membagi tutorial ini menjadi dua bagian;

Langkah-1: Menambahkan domain kustom untuk blog Anda di blogger
Langkah-2: Membuat Record CNAME di godaddy.com

Langkah-1. Menambahkan custom domain untuk blog blogger Anda

1. Pergi ke halaman pengaturan dasar blog BlogSpot Anda, Dashboard> Settings> Basic 
1. Klik Tambah custom domain> Beralih ke pengaturan lanjut
3. Masukkan domain Anda (misalnya www.example.com) di dalam kotak di bawah Pengaturan lanjutan
4. Klik Simpan
Jangan khawatir tentang pijat "Kami belum dapat memverifikasi otoritas untuk domain ini. Kesalahan 5 "- Kita akan memperbaiki keluar itu.

5. Lihatlah di bawah untuk pijat kesalahan, Anda akan melihat beberapa kode yang diperlukan disediakan oleh Google Copy dan Simpan potongan kode ditandai seperti yang ditunjukkan pada gambar di bawah.. Ini akan diperlukan pada berikutnya.

Catatan: kode ini disediakan oleh Google adalah untuk memverifikasi Otoritas Domain Anda. Anda harus membuat dua CNAME pada pengaturan DNS domain Anda dengan kode tersebut. Salah satu kode CNAME untuk hosting dan yang panjang untuk memverifikasi otoritas.


Sekarang ikuti bagian kedua dari tutorial di bawah ini.
Langkah-2: Buat CNAME Record di godaddy.com

1. Masuk ke GoDaddy akun.
2. Buka tab All product dan dari Domain sub-tab pilih Manajemen Domain. Ini akan mencapai Anda ke halaman Manajer Domain.

3. Klik pada nama domain keinginan Anda. Sebuah halaman baru pengelolaan domain akan datang.
4. Dalam halaman tersebut, DNS Manager section, Edit Zone

5. Tambahkan Rekam CNAME dengan mengklik tombol Add Cepat bawah CNAME (Alias) bagian, dengan rincian di bawah ini ...

Host: www
Poin ke: ghs.google.com

[Catatan: Jika sudah ada CNAME Record dengan www sebagai host, delete dulu kemudian menambahkan Anda.]

6. Buat CNAME Record lain dengan rincian yang disimpan dalam (langkah-1: 5)
7. Setelah itu, klik pada file Simpan Zona> Ok

Catatan: Anda mungkin memperhatikan bahwa ada beberapa CNAME Records dibuat sudah, ini dihasilkan oleh GoDaddy sebagai default. Anda dapat menghapus tema semua jika Anda tidak membutuhkan karena kita menunjuk domain ini di Google Hosting Server (ghs.google.com)

Di sini kita telah melakukan semua di sisi Goaddy.


Sekarang kembali ke halaman pengaturan blogger [ ... ]

1. Klik Simpan
2. Setelah berhasil disimpan klik Edit lagi.
3. Periksa pada Redirect example.com ke www.example.com 
4. Simpan

Satu catatan terakhir: Setelah menyelesaikan semua langkah berhasil, jika Anda melihat "404 error" saat melihat pratinjau domain baru Anda ditambahkan. Jangan khawatir, perubahan ini mungkin memakan waktu 1-48 jam untuk mengambil efek.

sumber

HTML Editor Blogger Template Terbaru

Apakah Anda seorang pengembang web yang membangun template blog untuk hidup, atau pemilik web blog-savvy yang lebih suka untuk membuat perubahan ke template Anda menggunakan HTML, CSS atau JavaScript, Anda mungkin tertarik pada beberapa perangkat tambahan yang Ada pada Template Blogger HTML Editor.

Template blog Anda HTML adalah kode sumber yang mengontrol tampilan blog Anda. Template ini dapat disesuaikan untuk muncul namun Anda ingin. Peningkatan template editor HTML sekarang mendukung penomoran baris, sintaks, auto-lekukan dan kode lipat untuk membuat mengedit template Anda jauh lebih mudah.

Misalkan kita ingin memindahkan tanggal posting blog di bawah judul posting, mirip dengan blog Blogger Buzz. Untuk melakukannya, ikuti langkah-langkah berikut:

Klik "Template" tab pada dashboard Blogger, maka "Edit HTML" tombol, untuk melihat editor HTML template baru:

Cari "Blog1" widget cepat menggunakan baru "Langsung ke widget" drop-down:

Widget ini mengontrol bagaimana posting blog Anda akan ditampilkan. Kode di dalam widget dilipat secara default. Mengklik penanda lipat baru '►' di sebelah nomor baris memperluas widget dan mengungkapkan satu set tag "includable":

Di dalam "utama" includable adalah blok kode yang membuat tanggal post:

Potong bagian posting kode tanggal dan memindahkannya ke tempat yang kita inginkan, dalam hal ini, di bawah judul posting di "posting" includable:

Untuk memeriksa perubahan kami, klik baru "Preview template" tombol untuk melihat update:

Tanggal pos persis di mana kita inginkan, sehingga tab kembali ke "Edit Template", tekan tombol "Simpan template" dan kita sudah selesai!

Akhirnya, kami telah menambahkan "Format template" tombol yang secara otomatis membersihkan lekukan template, dan memungkinkan untuk mencari teks dengan menekan "Ctrl + F" setelah Anda diklik ke editor. Untuk mencari dan mengganti teks kejadian satu per satu, gunakan "Ctrl + Shift + F" atau untuk menemukan dan mengganti semua kejadian sekaligus, gunakan "Ctrl + Shift + R".
 
Blogger bekerja pada proyek ini sebagai bagian dari BOLD Program Magang Keanekaragaman Google Australia. Semoga Bermanfaat!

Stella Lee , Blogger Cantik Indonesia Yang Terkenal

Stella Lee dikenal sebagai beauty blogger Indonesia yang cukup terkenal. Pencapaian terbesar gadis 19 tahun itu berkat ngeblog adalah diundang ke Korea oleh Etude House. Inilah beberapa foto Stella dengan make-up lengkap, hasil dandannya sendiri.

1. Diundang Etude House ke Korea

Sejak usia 16 tahun Stella sangat tertarik dengan dunia kecantikan, hingga ia membuat blog yang berisi tentang serba-serbi kecantikan. Blog stellalee.net itu semakin dikenal oleh banyak orang, termasuk dari brand-brand kosmetik ternama. Hingga membawa Stella diundang oleh Etude House ke Korea.

2. Produk Kosmetik Favorit Stella

Produk kosmetik favorit Stella di antaranya, foundation dari Coverderm, bedak dari Nars loose powder, primer dari Shu Uemura UV under base, eyeliner dari Dolly Wink. Sedangkan maskara dari Dolly Wink dan Lancome, bulu mata dari diamond lash, blush on dari Mac, lipgloss dari Lancome, lipstick dari Shu Uemura.

3. Make-up ala Harajuku

Inspirasi make-up Stella berasal dari wanita Jepang, seperti gaya harajuku dan gyaru.

4. Make-up ala Barbie

Stella juga sering mengikuti riasan ala boneka Barbie. Untuk mendapatkan efek wajah seperti Barbie, gadis kelahiran Jakarta, 12 september 1992 itu menguatkannya pada riasan mata dengan menggunakan soft lense dan bulu mata palsu untuk bagian atas dan bawah mata.

5. Cat Kuku

Tidak hanya fokus pada make-up wajah, Stella pun kerap bergonta-ganti cat kuku. Stella memang ahli dalam nail art.

6. Menulis dengan Jujur

Ingin juga terkenal karena menulis blog seperti Stella? Wanita yang ahli dalam make-up tersebut memberikan saran untuk pembaca Wolipop. "Selalulah menulis dengan jujur, jangan takut, dan bawalah blogging ini se-fun mungkin, jangan terpaksa. Usahakan menulis sesuai dengan gayamu sendiri sehingga tampil berbeda dengan yang lain. Blogging is supposed to be fun, enjoy it!"

Read more: http://adajendeladunia.blogspot.com

Negara Yang Di Benci Oleh Blogger

Ini dia 10 negera yang banyak aturan sehingga membuat para blogger geram dan benci, karena banyak dari para blogger di negara dibawah ini yang ditangkap karena tidak sesuai dengan apa yang diinginkan oleh negaranya

 Burma









Merupakan negara dengan sensor yang ketat bagi media cetak dan televisi, kini juga mulai membatasi aktifitas blog dan internet. Tekanan bagi pengguna internet pribadi sangat kecil –hanya sekitar satu persen menurut OpenNet Intiative– sehingga banyak warga mengakses internet melalui kafe. Namun, pemerintah membuat aturan ketat bagi kafe dengan akses internet, bahkan memonitor pengguanaan e-mail dan metode komunikasi lain dan menutup akses dari situs kelompok lawan politik. Setidaknya ada dua blogger yang masuk penjara, yakni Maung Thura, yang populer dengan sebutan Zarnagar, karena setelah melansir video menganai Cyclone Nargis 2008.

Iran 

Otoritas negara ini tak segan-segan menahan para blogger yang mengkritik mengenai agama, figur politisi, revolusi Islam dan berbagai simbolnya. Pemerintah meminta seluruh blogger mendaftarkan situsnya ke Kementrian Seni dan Budaya. Pemerintah mengklaim telah menutup jutaan situs. Baru-baru ini kantor kejaksaan yang khusus menangani kasus internet dan bertugas dalam intelijen dibentuk. Blogger Omidreza Mirsayafi dijebloskan penjara karena dianggap menghina pemimpin spiritual negara, yang tewas di Penjara Evin pada Maret.

Syria 

Pemerintah menggunakan filter untuk menutup situs yang sensitif secara politik. Para blogger bisa ditahan jika terbukti mengisi situs yang bikin alergi pemerintah. Pada tahun 2008, menteri komunikasi memerintahkan pemilik kafe internet untuk mencatat setiap pelanggan dan berapa kali menggunakannya dan mengirimkan dokumentasi ini secara berkala. Whaed al-Mhana, pengacara untuk situs arkeologi yang dianggap membahayakan, diperiksa dipengadilan karena kritikannya mengenai peledakan pasar di kota tua Damaskus.

Kuba  

Hanya pejabat pemerintah dan orang-orang yang mempunyai hubungan dengan Partai Komunis yang bisa mengakses internet. Pada umumnya masyarakat menggunakan internet malalui hotel atau kafe internet yang dikontrol ketat pemerintah, yang artinya harus membayar mahal dengan voucher. Pemerintah pernah memenjarakan 21 penulis dalam situs online dalam satu dekade ini.

Saudi Arabia 

Sekitar 400 ribu situs di tutup di negara kerajaan ini, termasuk yang berhubungan dengan politik, sosial atau isu-isu agama. Pemerintah akan dengan cepat menutup apapun yang kontra dengan negara atau sistemnya. Blogger Ahmed al-Farhan dipenjara tanpa diadili untuk beberapa bulan pada tahun 2007 dan 2008 karena menyuarakan perubahan dan pembebasan kepada tahanan politik.

Vietnam 

Para blogger nekat mencoba mengisi berita-berita independen yang telah ditinggalkan oleh media tradisional yang dikontrol pemerintah. Pemerintah menanggapinya dengan membuat aturan. Akhir september lalu, blogger terkenal Nguyen Van Hai, yang dikenal Dieu Cay, dijatuhi hukuman 30 bulan penjara atas tuduhan menghindari pajak. Dalam penyelidikan CPJ menunjukkan hukuman itu sebagai balasan dari blog Nguyen. Pada oktober 2008, menteri informasi dan Komunikasi membuat agen baru untuk memonitor internet.

Tunisia 

Seluruh lalu lintas internet harus melewati jaringan sentral, yang membuat pemerintah bisa menyaring ini dan memonitor e-mail. Penulis online Slim Boukhdhir dan Mohammed Abbou harus mendekam di penjara karena tulisannya.

China 











Hampir 300 juta orang menggunakan internet –melebihi negara manapun di dunia. Namun pemerintahnya masih sempat melakukan program sensor bagi pengguna online. Kontrol yang ketat dilakukan dan jangan harap ada e-mail yang bebas dari monitor pemerintah. Setidaknya ada 24 penulis di dunia maya telah masuk penjara. Pada tahun 2008, Kantor Badan Pembersihan Pornogarfi dan Memerangi Publikasi Ilegal mengumumkan telah menghapus lebih dari dua juta situs yang haram di negeri Tirai Bambu ini.

Turkmenistan 










Presiden Gurbanguly Berdymukhammedov membuka isolasi negaranya dari dunia dengan menyediakan akses internet. Namun, pertama kali ada kafe internet tahun 2007, tentara menjaganya setengah mati. Meski jaringan telekomunikasi Rusia MTS, masuk pasar Turkmenistan dan mulai menawarkan akses internet melalui telepon genggam pada Juni 2008, tetap saja pengawasan pemerintah ketat dalam usahanya menghindari adanya situs yang mengkritik pemerintahan.

Mesir

Hampir semua lalulintas komunikasi melalui internet harus melewati layanan milik pemerintah yakni Egypt Telecom. Setidaknya tercatat 100 blogger ditangkap pada tahun 2008. Blogger Abdel Karim Suleiman, yang terkenal dengan Karim Amer, harus mendekam empat tahun di penjara karena dianggap menghina Islam dan Presiden Mesir Hosni Mubarak.


Read more: http://adajendeladunia.blogspot.com

Google Penguin

Setelah Google Panda yang sempat menghebohkan dunia maya, kemudian muncul Google Penguin yang update beberapa bulan lalu atau sekitar pertengahan bulan April dan awal Mei. Google Penguin di ciptakan oleh Google untuk mengubah peringkat pencarian di seluruh web termasuk tutorial blogspot ini. Google sendiri mengupdate algoritmanya dengan tujuan utamanya adalah untuk membuat Google dapat mengenali dan menghukum web atau blog yang melakukan spam lebih banyak.

Ribuan blogger yang terkena imbasnya, termasuk blog saya mybloggerthemes.com dan beberapa teman saya juga terkena imbasnya. Sangat menyedihkan, karena traffic yang lumayan banyak tiba-tiba turun drastis dan yang lebih mengerikan adalah hampir semua postingan blog kita menghilang dari search engine atau melorot jauh dari halaman depan search engine.

Sedikit pembahasan tentang Google Penguin, berikut adalah beberapa hal yang dapat menyebabkan blog kita terkena Google Penguin antara lain :

1. Kata kunci berlebihan yang digunakan untuk meningkatkan halaman tertentu.
2. Link yang dibuat untuk meningkatkan peringkat halaman tertentu.
3. Duplikat konten yang digunakan dengan tujuan untuk meningkatkan traffic peringkat di mesin pencari.
4. Melakukan optimasi yang berlebihan, seperti mensubmit sebuah konten secara serentak ke banyak situs social bookmark atau menggunakan jasa ping service yang berlebihan.
5. Menggunakan jasa traffic exchange (tukar traffic) seperti easyhits4u.com yang jelas-jelas tidak disukai oleh Google.

Blog yang terkena Google Penguin akan mengalami penurunan traffic yang sangat signifikan, karena hampir seluruh konten dari blog tidak dapat kita temukan di search engine. Google mengatakan update ini hanya mempengaruhi 3% dari permintaan. Meskipun tidak banyak, itu tentu merupakan sinyal bahwa Google ingin mengencangkan cengkeraman pada website atau blog yang spam, jadi pastikan sobat melakukan strategi SEO yang baik dan benar sesuai standar Google.

sumber:http://miscah.blogspot.com/

Cara Pasang Banner di Blogger

Sebelumnya untuk banner iklan di blog kita cari di situs yang di maksud, biasanya di menu banner atau di menu iklan reff untuk memasang program bisnis, nantinya akan muncul kode2 HTML, dan masukkan seperti tutorial di bawah ini

Bagaimana cara memasangnya di blog kita? silahkan ikuti panduannya berikut ini :

Login ke Blogger dengan ID kamu.

Klik Tata Letak.

Kemudian klik yang bertuliskan Tambah Gadget, bisa di sidebar, header atau bagian bawah template.
semua tergantung anda mau di taruh dimana banner tersebut

Kemudian pilih yang HTML/Java Script

Copy paste kode HTML kamu kedalamnya, sobat bisa menambahkan judul diatasnya jika mau.


Lalu klik Simpan.

Selesai.

Membuat Widget Entri Populer Tampil Lebih Menarik

Pada kesempatan kali ini saya mau berbagi tentang cara membuat widget entri populer yang seperti terpasang disidebar blog saat ini. Sebenarnya widget ini merupakan widget kepunyaanBlogger sendiri yang ditambahkan kode css tertentu agar tampak lebih menarik dan lain dari pada yang lain.

Bagaimana cara membuatnya? Silakan disimak langkah-langkahnya di bawah ini. Semoga berhasil.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau-kalau nanti terjadi kesalahan dalam pengeditan.

4. Silakan cari kode ]]></b:skin>.

5. Letakkan kode berikut di bawah kode ]]></b:skin>.

<style type='text/css'>
.PopularPosts .item-title{display:yes}
.PopularPosts ul li {
border-radius:50px 0px 0px 50px;
float: left;list-style: none outside none;margin: 1px !important;padding: 1px !important;
border: 1px solid #444;
overflow: hidden;
box-shadow: 0px 0px 1px #333;
font-style: normal;
font-weight:bold;
width: 100%;
height:60px;
border-radius:35px 5px 5px 35px;
}
.PopularPosts ul li:hover{
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
overflow: hidden;
color: #414141;
width: 100%;
height:60px;
border: 1px solid #ffffff;
box-shadow: 0px 0px 2px #ffffff;
}
.PopularPosts ul li img {
padding:1px  ;
margin:1px;
margin-top:3px;
border-radius:35px 35px 35px 35px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #333;
height: 50px;width:50px;
overflow: hidden;
}
.PopularPosts ul li img:hover {
border:1px solid #ffffff;
border-radius:25px 25px 25px 25px;
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
box-shadow: 0px 0px 10px #ffffff;
}
</style>

6. Klik tombol SIMPAN TEMPLATE.

7. Pasang widget Entri Populer Anda dan konfigurasikan sesuai keinginan.

sumber:http://klikmunadi.blogspot.com

Cara menampilkan animasi flash di blog /website

Bila anda menggunakan engine blog gratisan seperti Blogger atau wordpress biasanya anda hanya diijinkan untuk mengupload file dengan format jpg, bmp, gif, atau png dengan maximum ukuran file 8 mb saja. Sedangkan file animasi  seperti swf, avi, mov tidak diijinkan untuk di upload. Untuk mengakalinya anda bisa mengupload file animasi anda ke tempat lain seperti YouTube.com (tidak mendukung format flash/swf) atau ke salah satu penyedia space swf di bawah ini:
http://www.4shared.com, 
http://www.swfcabin.com, 
http://www.swfupload.org, 
http://megaswf.com.
Selanjutnya anda tinggal mengcopy embed code nya saja ke dalam blog atau website kita.
Berikut ini beberapa metode embedding animasi flash pada blog atau website kita. Yaitu dengan memasukkan kode berikut ini ke blog atau website anda.


Kode pertama:

<object width=”400” height=”300”>
<param name=”movie” value="URL FILE FLASH.SWF”></param>
<param name=”wmode” value=”transparent”></param>
<embed src=”URL FILE FLASH.SWF” type=”application/x-shockwafe-flash” wmode=”transparent” width=”400” height=”300”></embed>
</object>


Ganti "URL FILE FLASH.SWF” dengan kode yang anda dapat dari 4shared.com(atau yang lain).
Selesai cara yang pertama.

Atau anda bisa menggunakan metode yang kedua dengan mengkopy kode berikut:

<object type="application/x-shockwave-flash" data="images/flash.swf" width="525" height="320">
<param name="movie" value="images/flash.swf" />
<img src="images/noflash.jpg" width="525" height="320" alt="banner" />
</object>

Ganti nilai - nilai :

• data="images/flash.swf
• value="images/flash.swf"
• img src="images/noflash.jpg"
• beserta ukuran width dan height

Script diatas mampu menggantikan flash dengan sebuah image jika browser terdeteksi tidak support flash, yaitu dengan menampilkan gambar noflash.jpg
Selesai cara yang kedua.

Anda bisa mencoba salah satu dari dua metode di atas, semoga bermanfaat…

bum1.info

Gadget Views Blogger Dinamis

kabar gembira untuk tampilan template blogger dinamis. Blogger telah memperkenalkan 6 Gadget awesome untuk Tampilan Dinamis / Template View Dinamis. Para Widget muncul sebagai Dock Terapung dan memperluas ketika pengguna melayang di atasnya. Gadget ini cocok dengan tampilan dan nuansa dari CSS3 Views Dinamis bertenaga.

Ini adalah daftar Gadget bahwa Blogger telah menambah Views Dinamis

Arsip Blog
Pengikut
Label
Profil
Link Daftar
Berlangganan
Anda sudah akan menjadi akrab dengan 5 gadget pertama, tetapi ini cukup berbeda dengan Gadget normal. Ini adalah interaktif dan membuka ketika melayang pengguna atas dermaga sehingga menghemat ruang berharga. Gadget terakhir dalam daftar (Berlangganan) adalah Gadget View Dinamis baru yang akan ditampilkan jika Anda telah menambahkan Tindak oleh Email atau Berlangganan Gadget.

Cara menambahkan Gadget Views Dinamis?
Anda hanya perlu pergi ke Page Layout dan menambahkan Gadget seperti biasa. Gadget merapat akan muncul di tampilan template dinamis atau pada View Dinamis Blog Anda.

Saya tidak menggunakan Template View Dinamis, tetapi Anda dapat melihat Gadget baru dalam aksi pada Halaman Dinamis Blog saya Lihat. Anda dapat melihat demo di

http://www.bloggerplugins.org/view

Jika Anda ingin melihat bagaimana ini akan terlihat seperti di blog Anda. hanya menambahkan tampilan ke URL utama blog Anda.

misalnya: http://www.bloggerplugins.org/view

Jika Anda masih baru Views Dinamis, lakukan check out video ini

Membuat Simple Tabber di Sidebar

abber yang biasa kita lihat di sidebar dapat berfungsi untuk menghemat space dalam sebuah blog, sehingga blog lebih kelihatan rapi. Banyak cara dalam membuat tabber ini, sebelumnya saya juga pernah membuat tutorial membuat tab view menu ini bisa dilihat pada membuat Tab View Menu Tanpa Edit HTML dan Tab View di Blogspot. Kelemahan dari tabber sebelumnya adalah kita mesti memasukkan URL postingan satu persatu ke dalamnya sehingga tidak secara otomatis jika ada postingan baru akan muncul di tabber.

Nah kali ini saya akan memberikan satu tips untuk Anda semua dalam membuat tabber, sangat sederhana dan tidak memperberat loading blog. Tips ini saya dapat dari Pak Abu Farhan, master blogger Indonesia yang sudah malang melintang di dunia persilatan.. eh dunia perbloggeran. Sebenarnya membuat tabber atau tab view menu ini juga bisa dengan menggunakan fungsi accordion tapi terkadang scriptnya bentrok dengan script lain dengan script silder misalnya, bisa sih diatasi tapi mesti merubah jquery menjadi no conflict, ah ribet deh pokoknya.

Untuk hasil akhir tabber ini gambarnya seperti diatas, jika ingin melihat demonya disini. Baiklah, langsung saja pada cara pemasangannya :

1. Login ke blogger dengan akun anda
2. Di dashboard klik Tata Letak > pilih Edit HTML centang expand widget templates
3. Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
4. Letakkan kode berikut di atas kode ]]></b:skin>
   
   view plainprint?

   1. .widget-wrapper2{  
   2. border:1px solid #494e52;  
   3. background-color:#636d76;  
   4. padding:10px;  
   5. }  
   6.   
   7. .widget-tab {  
   8. background:#c9dbdd;  
   9. font-family:Arial,Helvetica,sans-serif;  
   10. padding:5px !important;  
   11. }  
   12.   
   13. .widget-tab  ul {  
   14. margin:0px;  
   15. padding:0px 5px 0 5px;  
   16. }  
   17. .widget-tab  ul li {  
   18. list-style:none;  
   19. border-bottom:1px dotted #a4bddf;  
   20. padding-top:4px;  
   21. padding-bottom:4px;  
   22. font-size:12px;  
   23. }  
   24. .widget-tab  ul li:last-child {  
   25. border-bottom:none;  
   26. }  
   27. .widget-tab  ul li a {  
   28. text-decoration:none;  
   29. color:#3e4346;  
   30. }  
   31. .widget-tab  ul li a small {  
   32. color:#8b959c;  
   33. font-size:9px;  
   34. text-transform:uppercase;  
   35. font-family:Verdana, Arial, Helvetica, sans-serif;  
   36. position:relative;  
   37. left:4px;  
   38. top:0px;  
   39. }  
   40. .tab-content  ul li a:hover {  
   41. color:#a59c83;  
   42. }  
   43. .tab-content  ul li a:hover small {  
   44. color:#baae8e;  
   45. }  
   46.   
   47. .active-tab{  
   48. background:#FFFFFF url(http://3.bp.blogspot.com/-F2JucRkielU/Ty7NHVdzBkI/AAAAAAAAFG8/d4ZqQOFH3Bg/s1600/sidebar.png) repeat-x scroll left bottom !important;  
   49. color:#282E32 !important;          
   50. }  
   51.   
   52. ul.tab-wrapper {  
   53. margin:0px; padding:0px;  
   54. margin-top:5px;  
   55. margin-bottom:6px;  
   56. }  
5. Tabber ini butuh sebuah jquery.min.js untuk bisa bekerja dengan baik, anda harus menambahkan kode di bawah ini diatas </head> (jika pada template anda sudah terinstall, langkah ini dilewati saja) :
   

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

6. Setelah itu, tambahkan kode berikut ini di bawah script jquery diatas
   

   <script type='text/javascript'>
   var starttab=0;
   var endtab=3;
   var sidebarname="sidebar";
   </script>
   <script src='http://creatingwebsite.googlecode.com/files/tabber.js' type='text/javascript'/>

   Keterangan :
   var starttab=0;
   var endtab=3;
   var sidebarname="sidebar";
   
   Starttab adalah nomor awal untuk widget yang Anda pilih, mulai menghitung dari 0. Endtabadalah jumlah untuk widget terakhir yang ingin ditampilkan dalam tabber. Endtab=3 berarti widget yang ditampilkan dalam tabber ada 4 (0, 1, 2, 3 empat kan jumlahnya).
   
   
   Sidebarname adalah id sidebar letak tabber nantinya, bisa anda letakkan di kiri menggantinya dengan sidebarleft atau bisa juga diletakkan di tengah, yang perlu diperhatikan Anda harus mencari id dimana tabber ini akan diletakkan, biasanya tempatnya seperti kode di bawah ini (perhatikan yang warna kuning) :

   <div id='sidebar-wrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'>

7. Setelah itu Save/Simpan template, sudah selesai.

Setelah itu anda tinggal membuat 4 widget yang akan ditampilkan dalam tabber, ingat dikasih judul semua ya widgetnya. Itu tadi tutorial dasar dari saya untuk membuat tabber sederhana dengan jquery, silahkan dimodifikasi sendiri warna serta tampilan lainnya. Sesuaikan dengan komposisi warna blog Anda sehingga tabber ini semakin memperindah tampilan blog dan pengunjung semakin betah berlama-lama di blog Anda. Selamat mencoba dan semoga bermanfaat.....

Script source by : Abu Farhan