Pages

Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan

Sabtu, 16 April 2011

Pesawat Berpenumpang 1 Orang Dengan Berat 70 Kg

Aki Suokas, seorang insinyur penerbangan Finlandia, baru saja selesai membuat pesawat satu kursi unik minggu ini. Proyek ini selesai pada Aero Friedrichshafen, dan telah dijuluki FlyNano.


The FlyNano terdiri sepenuhnya dari bahan serat karbon komposit yang membuat pesawat ini sangat ringan. Seluruh pesawat beratnya hanya 70 kilogram secara total. Kelas berat ini benar-benar dapat membuat pesawat ini cukup ringan pilot mungkin tidak perlu izin untuk terbang, tergantung pada jalur penerbangan Anda. Pesawat kedua lepas landas dan mendarat di air, dan datang dalam tiga versi.


Versi pertama, satu listrik saja, dan versi bahan bakar dua berbasis. Versi listrik-hanya memiliki mesin 20kW. Yang menjalankan dua bermesin bensin berbasis pada 24 bhp dan 35 bhp, masing-masing. Kecepatan tertinggi pada pesawat ini adalah sekitar 140 km / jam, dengan kecepatan minimal 70 km / jam. The FlyNano memiliki lebar sayap lima meter. Rencana tersebut dapat mendukung take off berat 200 kg, serta melepaskan kecepatan sekitar 70 km / jam Secara teori, pesawat itu dapat melakukan perjalanan sekitar hingga 70 kilometer dalam satu kali pengisian bahan bakar, atau pengisian, tergantung pada model yang Anda telah memilih untuk terbang.

Jika Anda ingin memiliki salah satu pesawat itu akan dikenakan biaya sekitar $ 39.000, untuk paling murah dari tiga model. Pesanan pada FlyNano akan diambil dalam tiga bulan dari sekarang, sehingga Anda memiliki beberapa waktu untuk menghemat uang jika Anda benar-benar ingin memiliki kerajinan ini orang satu untuk diri sendiri.

The FlyNano telah resmi diluncurkan pada 2011 Aero pertunjukan di Friedrichshafen, Jerman, 13 - 16 April.

(http://www.flynano.com/)

Jumat, 04 Maret 2011

Ini Dia Foto-Foto Latihan Militer Korea Selatan & Amerika Serikat

Pasukan dari kedua negara Korea Selatan dan Amerika telah mulai latihan militer dalam kasus serangan Korea Utara. Tidak kurang dari 56.000 tentara Korea Selatan dan 30.000 tentara AS berlatih di Korea Selatan. Mereka mengatakan itu murni defensif tapi Korea Utara melihatnya dari sudut yang berbeda dan mengatakan latihan adalah latihan untuk invasi ...

Anda akan melihat di sini terutama foto-foto tentara Korea Selatan dalam tindakan tetapi juga foto warga sipil yang mengambil bagian dalam pelatihan.

























(www.amazingtopics.com)

12 Alasan Mengejutkan Kenapa Kita Harus Makan Buah Blueberry

1. Catechin yang ditemukan dalam blueberry mengaktifkan gen pembakaran lemak dalam sel lemak perut untuk membantu penurunan berat badan. Menurut penelitian di Tufts University, teratur memakan catechin dapat menghilangkan lemak perut sekitar 77% dari total berat badan anda.


2. Blueberry mengandung fitonutrien alam (unsur hara) proanthocyanidins disebut yang memiliki kemampuan unik untuk melindungi kedua bagian berair dan lemak otak terhadap kerusakan dari beberapa racun lingkungan.

3. Blueberry adalah salah satu sumber terkaya proanthocyanidins. Fitonutrien ini menurunkan kadar radikal bebas yang berkaitan dengan penuaan dan penyakit.

4. Dalam penelitian hewan, mereka diberi ekstrak blueberry memiliki keterampilan motorik penurunan kurang dan lebih baik pada tes memori dari hewan tidak diberi blueberry. Para peneliti menyimpulkan bahwa senyawa dalam blueberry dapat membalikkan beberapa kehilangan memori berkaitan dengan usia dan penurunan kemampuan motorik.

5. Blueberry dapat dikemas dengan vitamin C, E, riboflavin, niasin, dan folat.

6. Blueberry adalah sumber yang kaya dari fitonutrien asam ellagic. asam Ellagic telah antikanker terbukti dan kemampuan genetik materi perlindungan. Hal ini juga mendorong tingkat sehat apoptosis, bagaimana tubuh berusaha keluar dan menghancurkan sel-sel berbahaya atau rusak, seperti sel-sel kanker.

7. Karena mereka mengandung jumlah melimpah dari quercetin phytonutrisi, mereka dapat mengurangi kemungkinan dan beratnya alergi.

8. Blueberry mengandung mineral seperti besi, magnesium, mangan, dan kalium.


9. Blueberry mengandung asam-salisilat versi alami aspirin. Asam salisilat diketahui mengencerkan darah dan mengurangi rasa sakit.

10. Blueberry adalah agen-agen anti inflamasi yang sangat baik. Mereka meningkatkan jumlah senyawa yang disebut protein heat-shock yang mengurangi umur orang. Bila panas shock protein penurunan hasilnya adalah peradangan dan kerusakan, terutama di otak. Penelitian menunjukkan bahwa dengan makan blueberry teratur, mengurangi peradangan.

11. Blueberry meningkatkan produksi dopamine. Dopamin adalah neurotransmiter alami (pesan otak) yang cenderung merendah Parkinson.

12. Blueberry mempunyai rasa yang enak. Ok, ini tidak mengejutkan tapi alasan yang bagus untuk makan blueberry.

Selasa, 01 Maret 2011

Seorang Pengantar Surat Di Jerman Menikahi Seekor Kucing

Seorang pekerja pos dari Possendorf di Jerman telah resmi menikahi kucing tercintanya, Cecilia. 39 tahun, Uwe Mitzscherlich telah berbagi momen berharga dengan Cecilia selama 10 tahun terakhir. Sayangnya sekarang dia menderita obesitas dan asma, dan menurut dokter hewan dia tidak memiliki hidup lebih lama. Karena mereka telah memiliki sebuah hubungan yang unik, selama bertahun-tahun, Mr Mitzscherlich memutuskan untuk membuatnya hubungan resmi layaknya manusia.


Sayangnya, pernikahan manusia dengan hewan tidak diakui di Jerman, jadi Uwe Mitzscherlich harus membayar seorang perempuan untuk memimpin upacara. Pada awalnya dia pikir itu lelucon, tapi dengan cepat menyadari bahwa ini adalah mimpi yang menjadi kenyataan, untuk pasangan pekerja. Dia berpakaian rapih untuk kesempatan ini, dengan Uwe mengenakan setelan pernikahan dan topi atas, dan Cecilia memakai gaun putih yang indah.


Itu adalah upacara yang indah, dan Cecilia 15 tahun bahkan mengeong keras, melalui pertukaran sumpah.




(www.amazingtopics.com)

Minggu, 27 Februari 2011

Inilah Video Youtube Paling Lama 485 Jam

Ini Adalah Video YouTube paling lama yang pernah ada mencapai durasi 485 jam

Senin, 21 Februari 2011

Meningkatkan Traffic Blog Anda Menggunakan YouTube


YouTube diluncurkan oleh tiga mantan karyawan PayPal. Mereka berasal dari ide ini ketika mereka sampai frustrasi untuk berbagi video di Internet. Pada tahun 2005 mereka menciptakan sebuah situs berbagi video yang disebut YouTube, dan pada bulan April 2005, video pertama di YouTube telah di-download.

Bisnis lambat pada awalnya, namun pada akhir tahun 2005, YouTube telah membuat beberapa perubahan untuk meningkatkan lalu lintas situs Web. Pada bulan Desember 2005, YouTube secara resmi diluncurkan. Pada bulan Oktober 2006, dan YouTube mengalir lebih dari 100 juta video per hari.

Menakjubkan bukan? Jadi bagaimana Anda bisa mendapatkan bahkan "sedikit" lalu lintas YouTube mengalir di situs Anda? Jadi baik untuk mendengar? Ya! Anda bisa melakukannya! Seperti banyak orang lain, You Tube adalah situs jejaring sosial seperti Facebook, Twitter, Linkedin dll.

Jutaan pengunjung terhubung ke You Tube setiap bulan mencari video di topik yang menarik perhatian mereka. Anda menggunakan You Tube untuk memasarkan bisnis Anda atau blog Anda dengan sukses. Sama seperti pemasar online banyak yang menggunakannya untuk mempromosikan situs Web mereka berhasil. Dan ini adalah cara untuk memasarkan blog Anda di You Tube:

Buat sebuah Video!

Tentu! Youtube adalah "Video" situs berbagi dan Anda bisa mengirimkan video Anda ke You Tube. Anda dapat melakukan ini dengan meng-upload video Anda ke You Tube dan anda akan mendapatkan traffic dari mereka. Untuk meng-upload video sangat sederhana.

Mulailah dengan membuat judul yang menarik dan tepat untuk itu. Mesin pencari akan memilih video Anda setelah itu telah semakin populer. Anda kemudian dapat sekarang menunjukkan kepada orang bagaimana melakukan atau melakukan sesuatu atau Anda mungkin ingin berbagi beberapa tips informatif tentang topik tertentu. Sertakan kata kunci yang relevan sehingga pengguna dapat menemukan video Anda dengan mudah dan pada gilirannya dapat menjadi pelanggan setia Anda.

Link Situs Anda!

Jika Anda sudah membuat video, Anda produktif dapat membuat link URL situs Anda ke video, sehingga setiap orang yang melihat video Anda akan memiliki kesempatan untuk menjadi pengunjung situs Anda. Cobalah untuk membuat video yang berhubungan dengan konten situs Anda untuk aliran lebih produktif lalu lintas dari video Anda.

Membuat Pemirsa Anda Berlangganan!

Dorong pemirsa video Anda untuk berlangganan ke saluran Anda Tube Anda. Bila pengguna berlangganan ke saluran YouTube Anda, mereka akan secara otomatis mendapatkan update setiap kali Anda membuat sebuah video baru. Anda akan meningkatkan Anda penggemar sangat dengan jumlah pengunjung yang terus melihat video Anda. Setelah video Anda menjadi populer mereka Tube rangking Anda akan meningkat. Ini berarti lebih banyak traffic bagi Anda dan kemungkinan lebih memiliki pengunjung setia ke blog Anda!

Memanfaatkan kekuatan situs media sosial pasti akan menguntungkan bagi situs Anda. Ketika Anda mendapatkan situs Anda terlibat di situs sosial, situs Anda tidak akan hanya mendapatkan dan meningkatkan pada pengunjung tetapi juga akan memiliki peningkatan popularitas yang layak.

(www.blogtopsites.com)

Kode Etik Blogger

Kami sudah melalui banyak tips dan trik untuk mendapatkan diri Anda memanjakan dan dilengkapi dengan pola pikir blogger yang sukses. Dari memiliki sikap blogger yang tepat untuk mengetahui sudut pandang dari seorang blogger yang sukses dan untuk mendapatkan koneksi yang tepat dengan pembaca Anda.

Tentu saja, tips ini memandu Anda melalui aspek dan pola pikir yang membuat Anda lebih produktif. Tapi apa kita akan belajar di posting ini bukan hanya menjadi blogger bercita-cita tetapi juga menjadi salah satu untuk bergabung dengan jajaran blogger yang sukses dengan etika yang tepat untuk memandu Anda melalui hall of fame di blogosphere.

Jadi apa itu Kode Etik?

Seperti yang didefinisikan, Kode Etik adalah pernyataan formal dan sistematis aturan, prinsip, peraturan atau hukum, yang dikembangkan oleh komunitas untuk mempromosikan kesejahteraan dan untuk mengecualikan atau menghukum setiap perilaku merusak.

Pada dasarnya adalah membuat diri Anda lebih produktif dengan mengikuti prinsip-prinsip dan aturan.

Jujur / Adil

Bila Anda membuat posting perbandingan atau review di blog Anda, menjadikannya sebagai transparan dan seadil mungkin. Jangan seperti orang blogger lain yang biasa pada apa yang mereka katakan tentang pendapat mereka dan hanya memikirkan keuntungan mereka dapat menuai dari berbohong. Tulis fakta, cara ini Anda sedang membangun sebuah kepercayaan dengan pembaca anda dan bisa menjadi manfaat besar dalam jangka panjang.

Bersenang-senang

Blogging bukan hanya tentang keuntungan dan menuai manfaat! Bersenang-senang dan hanya mengekspresikan diri, setelah blog Anda dan tidak ada yang dapat menghentikan Anda dari apapun yang Anda ingin posting, tetapi berhubungan dengan etika pertama, cobalah untuk bersikap adil mungkin saat menulis tentang review.

Berikan kredit

Familiar dari "apa yang Anda lakukan kepada orang lain akan dilakukan untuk Anda" kuota? etika ini cenderung diambil untuk diberikan oleh banyak blogger. Ketika Anda mendapatkan sesuatu yang berguna dari blog lain atau website, memberi mereka kredit yang sah mereka. Dengan cara ini Anda sedang membangun profil Anda dan jika seseorang mencoba untuk posting sesuatu tentang karya Anda, mereka pasti akan memberikan kredit yang berhak Anda.

Jangan menjadi bodoh yang ironis

Pernah sumbled pada sebuah blog yang menyiratkan ironi? Kau tahu, mereka blogger yang cenderung berpura-pura dan mengklaim sebagai sesuatu yang pada kenyataannya mereka tidak.

Hanya pertimbangkan
contoh ini: Sebuah blog yang memberikan saran tentang cara meningkatkan traffic rank Alexa (dalam Alexa, peringkat lalu lintas yang lebih rendah lebih baik, lebih tinggi lebih buruk) memiliki peringkat Alexa lalu lintas yang sangat rendah 2.993.997!

Lihat bagaimana bodoh itu adalah untuk menulis dan klaim tentang sesuatu yang ironis? Kemudian lebih baik tidak menerapkan jenis kebodohan di blog Anda karena dapat merusak tidak hanya profil Anda tetapi juga kepercayaan audiens blog Anda.

Lanjutkan untuk belajar

Seperti blog Anda, cobalah untuk belajar dari pengalaman Anda, baik dari yang baik dan dari yang buruk. Dengan cara ini Anda tidak hanya akan melupakan apa yang terjadi dan menerima begitu saja, tetapi juga membuat sebagian besar dan mengambil itu sebagai pelajaran untuk lebih baik.

Hubungkan dengan masyarakat

Selalu terhubung dengan masyarakat, Berikan respon dan selalu membuat pembaca Anda merasa bahwa mereka adalah bagian dari blog Anda, Ambil bagian dari komunitas blogging dan membangun profil Anda.

Apakah gaya Anda sendiri!

Ger kreatif dan memiliki gaya sendiri dalam blogging. Ini tidak hanya membuat orang melihat dan mengakui Anda tetapi juga memberikan diri Anda sebuah merek. Buat diri Anda yang unik dan mencoba untuk tidak menyalin gaya orang lain.

Ini etika penting pasti akan membantu Anda keluar dan memberi Anda ide yang tepat pada perilaku yang tepat. Anda tidak benar-benar diwajibkan untuk melakukan semua langkah diatas tetapi jika Anda benar-benar ingin mendapatkan hasil maksimal dari kehidupan blogging anda maka ini etika adalah suatu keharusan.

(www.blogtopsites.com)

Sabtu, 19 Februari 2011

7 SEO Terbaik Untuk Blog Anda

Search engine optimization tidak dapat dipisahkan dari blogging. Setiap blogger akan memerlukan beberapa mesin pencari toolkit optimasi yang akan membantu mereka mengoptimalkan blog mereka untuk mesin pencari. Kami sebelumnya telah dibahas di Seberapa pentingkah SEO adalah untuk blog dan apa itu SEO.

Jika Anda ingin blog Anda menjadi lebih efektif pada itu optmization Search engine, maka Anda dapat sonsider menggunakan SEO tools gratis yang bekerja seperti sihir pada optimalisasi dan mengetahui seberapa baik blog anda bekerja di search engine.

Google Analytics

Ini adalah salah satu alat terbaik yang dapat digunakan untuk melacak lalu lintas Anda. Ini memberikan informasi rinci tentang segala hal yang perlu Anda ketahui tentang lalu lintas Anda. Menjadi seperti alat yang berguna ini cukup mengejutkan bahwa Google Analytics gratis dan bahwa apa yang membuat pilihan yang cocok untuk blogger.

Multirank Checker

Ini adalah alat yang hebat untuk memeriksa pagerank dari beberapa situs Web. Ini menghemat banyak waktu karena Anda tidak harus memeriksa secara manual untuk website masing-masing.

Ranking Checker

Alat SEO bagus memungkinkan Anda untuk memeriksa peringkat Anda hingga 5 kata kunci per hari GRATIS dan itu membuat arsip untuk Anda. Yang Anda butuhkan adalah untuk sign up account SEOmoz gratis. Bagian paling keren adalah bahwa Anda dapat men-download peringkat Anda diarsipkan sebagai CSV. Ketika Anda menginstal "tombol browser" secara otomatis salinan URL dari halaman yang anda kunjungi ke alat untuk pemeriksaan peringkat cepat. Karena perangkat gratis dapat menangani sampai 5 kata kunci harian, Anda akan dapat memeriksa sekitar 150 kata kunci bulanan.

Backlink Checker

Ini yang terbaik "bebas" backlink checker di luar sana, memberikan rincian tepat dari backlink saat ini Anda miliki. Backlink checker ini disediakan oleh Diagnosa Link.

Google Adwords tool

Ini adalah satu lagi alat besar dari google yang memberi Anda wawasan rinci dari kata kunci yang Anda targetkan. Anda juga dapat memeriksa kata kunci yang ditargetkan oleh sebuah situs dengan memasukkan URL-nya. Beberapa fitur yang alat ini yang ditawarkan adalah volume pencarian lokal dan global, persaingan pengiklan dengan biaya rata-rata per klik dll

SEOquake toolbar

Ini adalah salah satu alat terbaik dibangun yang dapat memberikan rincian SEO instan setiap halaman yang Anda kunjungi.

Keyword density and prominence checker

Seperti namanya, alat ini memiliki kemampuan untuk menemukan kepadatan kata kunci dari halaman tertentu. Alat ini ditawarkan oleh Ranks.nl

Ini hanya beberapa dari SEO tools gratis terbaik di luar sana yang pasti akan membantu Anda pada optimizaing Anda duduk untuk mesin pencari. Jika Anda pikir Anda tahu alat layak untuk disebutkan di sini kemudian bebas Anda untuk berbagi di komentar di bawah ini.

(www.blogtopsites.com)

Membuat Hubungan Yang Tepat Dengan Pembaca Blog Anda

Salah satu tujuan utama dari membuat blog bisnis yang sukses adalah memiliki banyak pembaca mungkin. Tapi bagaimana? Apakah mungkin untuk memiliki 100.000 pembaca sebulan? Ya, tentu saja adalah mungkin. Saat memulai blog baru Anda harus mempertimbangkan hal-hal yang dapat membuat blog Anda terhubung ke media sosial.


Menulis dan menulis banyak posting tidak bisa benar-benar membantu anda mencapainya. Ada hal-hal lebih dari tulisan yang dapat meningkatkan potensi penuh anda sebagai seorang blogger. Tapi bagaimana? Dengan menjelajahi dunia web, lebih khusus blogosphere dan membiarkan orang lain tahu tentang blog Anda.

Hal pertama yang perlu Anda pertimbangkan dalam rangka untuk memiliki sebuah blog yang luar biasa adalah bahwa Anda harus membiarkan orang lain tahu tentang hal itu bahwa blog Anda ada. Anda perlu lakukan adalah mengekspos diri untuk apa yang orang sibuk tentang dan yang dengan mudah dapat membantu Anda menjadi diakui sebagai Blogger, Mengapa tidak mulai di arena media sosial?

media sosial, mereka hanya bermunculan di mana-mana di web. Ini adalah cara terbaik untuk menemukan orang-orang dengan ide-ide besar. Itu sebabnya Facebook merupakan situs paling banyak dikunjungi Dunia hari ini. Dengan ini anda dapat dengan mudah menemukan teman dan untuk Blogger seperti Anda adalah lebih penting untuk menemukan pembaca yang akan membaca Blog Anda. Mendapatkan update melalui media sosial dapat banyak membantu Anda dalam hal mendapatkan dalam menyentuh dengan pembaca anda dan apa yang dunia bicarakan sekarang.

Berikut adalah beberapa tips tentang bagaimana untuk memiliki hubungan yang sempurna dengan pembaca blog Anda, sebagai penonton blog Anda adalah faktor terbesar jika Anda ingin blog Anda untuk sukses.

Bagaimana untuk memiliki Koneksi Sempurna dengan Pembaca Anda

-Anda harus memiliki ceruk Blog yang pasti bisa berkaitan dengan kepentingan dari banyak karena akan berguna jika niche blog Anda sangat spesifik dan memiliki beberapa pembaca potensial.

-Anda harus memperbarui blog Anda secara teratur. Ini akan membuat pembaca anda datang kembali ke blog Anda sehingga mereka dapat tetap update tentang semua posting Anda lates.

-Anda harus mencoba untuk membuat hubungan baik dengan rekan-rekan blogger terutama blogger yang memiliki niche yang sama seperti milik Anda. Bergabung jaringan beberapa blog akan membantu Anda karena dengan ini Anda dapat meningkatkan kemampuan Anda sebagai Blogger dan akan membangun profil Anda.

-Anda harus membuat pembaca Anda tetap berhubungan dengan Blog Anda. Membuat Pembaca berhubungan dengan blog Anda adalah faktor besar memiliki Blog yang sukses.

-Anda harus membuat masyarakat aktif dengan update Blog dan komentar Anda.

-Anda harus memaksimalkan pemaparan dari Blog Anda dengan menambahkan Kunci Social Networking. Ini akan membantu Anda mengekspos Blog Anda karena pembaca dapat dengan mudah berbagi melalui Facebook, Twitter dan banyak lagi. Hal ini juga dapat menambahkan hingga popularitas dari Blog Anda.

Hasil keseluruhan adalah bahwa Anda harus tersambung ke masyarakat yang lebih besar dari pembaca / orang / blogger. Menjadi dengan Media sosial tidak wajib tetapi memiliki pembaca semaksimal mungkin harus wajib untuk memiliki situs didorong luar biasa dan komunitas Blog. Dalam Sosial Arena tidak ada keterbatasan. Anda hanya harus mengikuti arus.

(www.blogtopsites.com)

Senin, 29 November 2010

Cara Membuat Kotak Blogroll dan Marquee

Jika link-link jumlahnya sudah banyak, maka semakin sesaklah blog ini jika hal ini tidak diatasi maka blog penuh dengan link-link itu dan mengurangi performancenya

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>
 
Contoh:





#link1


#link2


#link3


#link...


keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode


2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML 

/Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>


Contoh:



#link1

#link2

#link3

#link...



Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......!!!

Hal-hal Yang Harus Diperhatikan Dalam Mengganti Template Blogger

Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan/template blog. Jika kita mengganti template dengan template yang sudah disediakan blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga kita seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis. Namun jika kita menganti template dengan template lain yang disediakan oleh selain blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yg disediakan blogger, karena ada beberapa efek sampingnya, diantaranya yaitu kamu akan kehilangan element2 kamu ato malah blog kamu jadi rusak. Nha berikut ini akan aku jelaskan hal-hal apa aja yang harus diperhatikan jika kamu pingin ganti template dengan jasa lain.

Pertama kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu "Layout --> Edit HTML", trus klik link bertuliskan "Download Full Template" terus simpan file yang diberikan.

Kedua yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu "Page Element", nha disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada link bertiliskan "edit" klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di "add page elements".

Ketiga, jika template dan elemen-elemen sudah kamu backup langkah selanjutnya yaitu mengupload template yang sudah kamu download. Biasanya file template yang di download berextenxi "xml" tapi kadang-kadang ada juga yang berekstensi "zip atau rar", kalo begitu kamu harus mengekstraknya dulu sehingga kamu akan mendapat file berekstensi "xml". Trus gini cara ngaploadnya, Kembali ke menu "Edit HTML", trus disitu kan ada tombol "brows" klik tombol tersebut terus cari file template yg pingin kamu pakai sudah kamu download, trus klik tombol :upload".
Keempat, biasanya kamu akan mendapat konfirmasi seperti gambar dibawah ini, itu artinya elemen-elemen kamu akan dihapus. Klik tombol "Confirm & Save"
Kelima, jika ternyata yang muncul adalah seperti gambar dibawah ini maka itu artinya ada yang tidak beres dengan template kamu dan kamu tidak bisa memakai template tersebut di blog kamu, jadi kamu ganti aja dengan template yang lain.
Keenam, coba preview blog baru kamu, merasa sudah cocok ikuti langkah ketuju. Jika kamu mendapati ada gambar header yang sebelumnya kamu pake buat header masih muncul di template baru kamu dan posisinya sepertinya tidak cocok, maka kamu harus menghilangkannya dulu gambar header tersebut, caranya masuk kembali ke menu "Page Element", dibagian header coba kemu edit dan hapus gambar kamu. Jika di bagian header tidak ada link "edit" coba kamu ganti dulu templatenya dengan template yang disediakan oleh blogger dan kembali ke "Page Element" trus "edit dibagian header dan hapus gambar header kamu kemudian ikuti lagi langkah-langkah ketiga
Ketuju, Kembalikan elemen-elemen yang sudah kamu backup tadi sehingga kini kamu memiliki template baru dan elemen-elemen yang dulu tidak ilang.
SELAMAT MENCOBA……!!!!

Cara Membuat Commments Box (Kotak Komentar) Haloscan

Comments Box atau Kotak Komentar adalah suatu kotak yang berfungsi untuk memberikan komentar terhadap isi dari suatu artikel dalam sebuah weblog. Jika di Wordpress.com kotak komentar tersebut akan langsung muncul tepat di bawah artikel. Namun tidak halnya di Blogspot/Blogger, kotak komentar dilayanan blog ini hanya berupa link yang kemudian baru akan muncul kotak komentar bagi pengunjung yang mau memberikan komentar terhadap artikel tersebut, hal ini menyebabkan para komentator sedikit enggan untuk melakukannya karena merasa malas untuk membuka window baru yang tentu saja akan memerlukan sedikit waktu untuk membukanya. Sehingga para pengguna layanan Blogspot lebih sedikit menerima komentar dibanding dengan para pengguna layanan Wordpress.
WARNING : KARENA BANYAK BLOGGER YANG GAGAL MENGGUNAKAN TRIK INI DAN JUGA ADA YANG KEHILANGAN POSTINGNYA, JADI ANDA HARUS MEMBACKUP DULU TEMPLATE ANDA. YANG GAGAL MEMAKAI INI MUNGKIN KARENA ADANYA KETIDAKCOCOKAN DENGAN TEMPLATE YANG DIGUNAKAN. JIKA TERJADI HAL-HAL YANG TIDAK DIINGIINGINKAN SEGERA KEMBALIKAN TEMPLATE ANDA YANG LAMA. TAPI BANYAK JUGA KOK YANG BERHASIL, SEMOGA BERUNTUNG
Tapi bagi kamu yang memakai layanan Blogspot tidakperlu khawatir lagi karena trik berikut ini akan mengulas bagaimana caranya menambahkan kotak komentar atau comments box sehingga menjadi kotak komentar yang ada di Wordpress yaitu persis berada dibawah artikel caranya adalah dengan menggunakan layanan di http://www.haloscan.com. Satu hal yang perlu diperhatikan sebelum kamu menggunakan layanan ini yaitu "komentar-komentar terdahulu akan hilang", jadi pikirkanlah dulu sebelum kamu memakai layanan ini. Kalau kamu sudah yakin mau menerapkannya maka berikut ini dalah caranya:
  1. Buka website http://www.haloscan.com.
  2. Daftarkan diri kamu di website tersebut.
  3. Setelah selesai lalu Login dengan username dan password yang sama dengan pada saat mendaftar.
  4. Setelah login berhasil maka akan muncul beberapa menu. Pertama-tama pilih menu setting. Didalam menu Setting ada beberapa pengaturan yang harus disi silahkan atur sesuai dengan keinginanmu. Supaya kotak komentarnya muncul dibawah postingan, ganti status "open in popup window" menjadi "off". kamudian simpan.
  5. Langkah selanjutnya yaitu pilih menu Template. Silahkan pilih mana yang kamu sukai, sebaiknya sesuaikan dengan warna blog kamu kemudian simpan.
  6. Langkah berikutnya yaitu pilih menu Install
  7. Beri tanda pada radio button di samping tulisan Blogger or Blogspot lalu klik Tombol Next
  8. Klik Tombol Brows , silahkan pilih file template yang sudah dibackup. Kalau belum silahkan backup dulu. Jika belum tahuh caranya backup klik disini
  9. Klik tombol Upload Blogger Template.
  10. Jika sudah berhasil klik tombol Download New Template kemudian di save.
  11. Login ke Blogger/Blogspot
  12. Pilih Template kemudian klik menu Edit HTML
  13. Untuk Upload template klik tombol Brows. Masukkan template yang sudah didownload dari haloscan tadi lalu Upload kemudian simpan setting.
  14. Coba buka buka web blog kamu dan lihat hasilnya. Sekarang kamu sudah mempunya kotak komentar seperti yang ada di wordpress.
  15. Trus gimana caranya nampilin komen-komen terbaru biar bisa kelihatan di sidebar? caranya gampang, yiatu kembali ke haloscan trus pilih dashbord nha disitu kan ada recent comments trus dibawahnya ada link tulisannya gini "put this widget on your site" nha kamu klik link tersebut, setelah itu dibawahnya akan muncul kotak yang berisi kode. Copy kode tersebut dan pasang di blog kamu, gampang to?
SELAMAT MENCOBA... !!!

Cara Mengganti Icon Pada Address Bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode
</head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.


SELAMAT MENCOBA….!!!

Cara Menghilangkan Navbar (Navigation Bar)

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.
Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head
#navbar-iframe {
display: none !important;
}


contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: rulidistro
Designer: rulidistro
URL: www.tanggulangincc.blogspot.com
Date: 29 Feb 2010
Updated by: Rulidistro
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!!

Membuat menu DropDown

Menu Dropdown atau Menu Pull-down merupakan kumpulan beberapa data (berupa text dan link)  yang di ringkas menjadi menu tunggal, Menu dropdown bisa digunakan sesuai kebutuhan anda, selain bisa digunakan sebagai alternatif Blogroll, bisa juga anda gunakan untuk memuat banyak alamat Link ke situs tujuan. mau tau cara pembuatannya?

Cara Buat Menu Dropdown Standar

Menu1 Menu2 Menu3   
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
</form>
 
Cara Buat  Menu Dropdown dengan Tombol

 Menu1 Menu2 Menu3 
<form name="jump">
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>

Cara Buat Menu Dropdown dengan Tombol Gambar

function jumpMenu(){ location=document.jump.menu.options[document.jump.menu.selectedIndex].value; } 

Menu1 Menu2 Menu3

<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<a href="Javascript:jumpMenu()"><IMG src="http://oom.blog.googlepages.com/Go.gif" border=0></a>
</form>

Catatan : kode ditandai warna merah bisa diganti sesuai keinginan anda.
 SELAMAT MENCOBA…!!!

Tips Mengedit HTML Blogspot

Jika kita/anda mengedit HTML blog kadang-kadang akan mengalami kesulitan, apalagi bagi yang masih pemula. Entah itu tidak bisa menemukan kode yang mau diedit, gak bisa disimpan karena error, Ada pesen error yang gak jelas, dan lah-lah yang lain, ya kan...??? Nah trik dan tips kita kali ini akan mencoba bagaimana cara untuk mengatasi atau setidaknya mengurangi masalah-masalah yang kadang-kadang atau sering terjadi tersebut.
Berikut ini beberapa tips/trik untuk edit HTML bogger:


1. Backup Template
Membackup template ini sangat penting sekali karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak atau berantakan maka kita bisa membuatnya normal atau seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini sangat mudah sekali. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita/anda. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload  file template  yang tadi kita download tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Hal ini yang kadang-kadang dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode-kode yang dicari kemungkinan tidak dapat ditemukan. Tapi kadang-kadang hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perlu diperhatikan baik-baik tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang akan dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalau misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".


4. Tips Menghadapi Error Yang Muncul
 Jika pada saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal-hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan benear-benar sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.
 Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut

Rabu, 20 Oktober 2010

Cara Membuat Multi TAB (JQuery) Pada Blog

Langkah-langkahnya :
1. Masuk ke blog dashboard --> layout --> Edit HTML
2. Kemudian Cari Tag </head>.
3. Copy semua code dibawah ini dan paste sebelum tag </head>.


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

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

eval(function(p,a,c,k,e,d){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--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('(3(C){C.8={3o:{19:3(E,F,H){6 G=C.8[E].1h;21(6 D 3p H){G.1I[D]=G.1I[D]||[];G.1I[D].28([F,H[D]])}},2P:3(D,F,E){6 H=D.1I[F];5(!H){7}21(6 G=0;G<H.k;G++){5(D.b[H[G][0]]){H[G][1].1H(D.c,E)}}}},1l:{},n:3(D){5(C.8.1l[D]){7 C.8.1l[D]}6 E=C(\'<2a 3s="8-3r">\').j(D).n({3q:"3i",2g:"-2A",3g:"-2A",1r:"1w"}).22("2C");C.8.1l[D]=!!((!(/3I|3P/).12(E.n("3z"))||(/^[1-9]/).12(E.n("2T"))||(/^[1-9]/).12(E.n("2E"))||!(/2v/).12(E.n("3w"))||!(/3S|3C\\(0, 0, 0, 0\\)/).12(E.n("3D"))));3E{C("2C").2w(0).3B(E.2w(0))}3x(F){}7 C.8.1l[D]},3y:3(D){C(D).v("1p","2I").n("2q","2v")},3H:3(D){C(D).v("1p","3O").n("2q","")},3Q:3(G,E){6 D=/2g/.12(E||"2g")?"3N":"3M",F=e;5(G[D]>0){7 t}G[D]=1;F=G[D]>0?t:e;G[D]=0;7 F}};6 B=C.2e.W;C.2e.W=3(){C("*",2).19(2).z("W");7 B.1H(2,2M)};3 A(E,F,G){6 D=C[E][F].35||[];D=(1F D=="1E"?D.2h(/,?\\s+/):D);7(C.1j(G,D)!=-1)}C.1i=3(E,D){6 F=E.2h(".")[0];E=E.2h(".")[1];C.2e[E]=3(J){6 H=(1F J=="1E"),I=2D.1h.3J.2P(2M,1);5(H&&A(F,E,J)){6 G=C.i(2[0],E);7(G?G[J].1H(G,I):1n)}7 2.14(3(){6 K=C.i(2,E);5(H&&K&&C.3v(K[J])){K[J].1H(K,I)}o{5(!H){C.i(2,E,3e C[F][E](2,J))}}})};C[F][E]=3(I,H){6 G=2;2.15=E;2.2H=F+"-"+E;2.b=C.1A({},C.1i.1k,C[F][E].1k,H);2.c=C(I).u("1e."+E,3(L,J,K){7 G.1e(J,K)}).u("2j."+E,3(K,J){7 G.2j(J)}).u("W",3(){7 G.1b()});2.23()};C[F][E].1h=C.1A({},C.1i.1h,D)};C.1i.1h={23:3(){},1b:3(){2.c.1q(2.15)},2j:3(D){7 2.b[D]},1e:3(D,E){2.b[D]=E;5(D=="f"){2.c[E?"j":"r"](2.2H+"-f")}},1X:3(){2.1e("f",e)},1P:3(){2.1e("f",t)}};C.1i.1k={f:e};C.8.2J={3h:3(){6 D=2;2.c.u("3d."+2.15,3(E){7 D.2G(E)});5(C.x.13){2.2K=2.c.v("1p");2.c.v("1p","2I")}2.3c=e},38:3(){2.c.16("."+2.15);(C.x.13&&2.c.v("1p",2.2K))},2G:3(F){(2.V&&2.1o(F));2.1C=F;6 E=2,G=(F.39==1),D=(1F 2.b.25=="1E"?C(F.2f).2x().19(F.2f).y(2.b.25).k:e);5(!G||D||!2.2S(F)){7 t}2.1D=!2.b.26;5(!2.1D){2.3a=1x(3(){E.1D=t},2.b.26)}5(2.2m(F)&&2.1T(F)){2.V=(2.1U(F)!==e);5(!2.V){F.3b();7 t}}2.2n=3(H){7 E.2r(H)};2.2l=3(H){7 E.1o(H)};C(2N).u("2O."+2.15,2.2n).u("2t."+2.15,2.2l);7 e},2r:3(D){5(C.x.13&&!D.3j){7 2.1o(D)}5(2.V){2.1V(D);7 e}5(2.2m(D)&&2.1T(D)){2.V=(2.1U(2.1C,D)!==e);(2.V?2.1V(D):2.1o(D))}7!2.V},1o:3(D){C(2N).16("2O."+2.15,2.2n).16("2t."+2.15,2.2l);5(2.V){2.V=e;2.2u(D)}7 e},2m:3(D){7(29.3m(29.2z(2.1C.2L-D.2L),29.2z(2.1C.2s-D.2s))>=2.b.2F)},1T:3(D){7 2.1D},1U:3(D){},1V:3(D){},2u:3(D){},2S:3(D){7 t}};C.8.2J.1k={25:U,2F:1,26:0}})(27);(3(A){A.1i("8.4",{23:3(){2.b.Z+=".4";2.1m(t)},1e:3(B,C){5((/^d/).12(B)){2.1v(C)}o{2.b[B]=C;2.1m()}},k:3(){7 2.$4.k},1Q:3(B){7 B.2R&&B.2R.1g(/\\s/g,"2Q").1g(/[^A-4o-4x-9\\-2Q:\\.]/g,"")||2.b.2X+A.i(B)},8:3(C,B){7{b:2.b,4u:C,30:B,11:2.$4.11(C)}},1m:3(O){2.$l=A("1O:4p(a[p])",2.c);2.$4=2.$l.1G(3(){7 A("a",2)[0]});2.$h=A([]);6 P=2,D=2.b;2.$4.14(3(R,Q){5(Q.X&&Q.X.1g("#","")){P.$h=P.$h.19(Q.X)}o{5(A(Q).v("p")!="#"){A.i(Q,"p.4",Q.p);A.i(Q,"q.4",Q.p);6 T=P.1Q(Q);Q.p="#"+T;6 S=A("#"+T);5(!S.k){S=A(D.2d).v("1s",T).j(D.1u).4l(P.$h[R-1]||P.c);S.i("1b.4",t)}P.$h=P.$h.19(S)}o{D.f.28(R+1)}}});5(O){2.c.j(D.2b);2.$h.14(3(){6 Q=A(2);Q.j(D.1u)});5(D.d===1n){5(20.X){2.$4.14(3(S,Q){5(Q.X==20.X){D.d=S;5(A.x.13||A.x.43){6 R=A(20.X),T=R.v("1s");R.v("1s","");1x(3(){R.v("1s",T)},44)}4m(0,0);7 e}})}o{5(D.1c){6 J=46(A.1c("8-4"+A.i(P.c)),10);5(J&&P.$4[J]){D.d=J}}o{5(P.$l.y("."+D.m).k){D.d=P.$l.11(P.$l.y("."+D.m)[0])}}}}D.d=D.d===U||D.d!==1n?D.d:0;D.f=A.41(D.f.40(A.1G(2.$l.y("."+D.1a),3(R,Q){7 P.$l.11(R)}))).31();5(A.1j(D.d,D.f)!=-1){D.f.3V(A.1j(D.d,D.f),1)}2.$h.j(D.18);2.$l.r(D.m);5(D.d!==U){2.$h.w(D.d).1S().r(D.18);2.$l.w(D.d).j(D.m);6 K=3(){A(P.c).z("1K",[P.Y("1K"),P.8(P.$4[D.d],P.$h[D.d])],D.1S)};5(A.i(2.$4[D.d],"q.4")){2.q(D.d,K)}o{K()}}A(3U).u("3W",3(){P.$4.16(".4");P.$l=P.$4=P.$h=U})}21(6 G=0,N;N=2.$l[G];G++){A(N)[A.1j(G,D.f)!=-1&&!A(N).1f(D.m)?"j":"r"](D.1a)}5(D.17===e){2.$4.1q("17.4")}6 C,I,B={"3X-2E":0,1R:1},E="3Z";5(D.1d&&D.1d.3Y==2D){C=D.1d[0]||B,I=D.1d[1]||B}o{C=I=D.1d||B}6 H={1r:"",47:"",2T:""};5(!A.x.13){H.1W=""}3 M(R,Q,S){Q.2p(C,C.1R||E,3(){Q.j(D.18).n(H);5(A.x.13&&C.1W){Q[0].2B.y=""}5(S){L(R,S,Q)}})}3 L(R,S,Q){5(I===B){S.n("1r","1w")}S.2p(I,I.1R||E,3(){S.r(D.18).n(H);5(A.x.13&&I.1W){S[0].2B.y=""}A(P.c).z("1K",[P.Y("1K"),P.8(R,S[0])],D.1S)})}3 F(R,T,Q,S){T.j(D.m).4k().r(D.m);M(R,Q,S)}2.$4.16(".4").u(D.Z,3(){6 T=A(2).2x("1O:w(0)"),Q=P.$h.y(":4e"),S=A(2.X);5((T.1f(D.m)&&!D.1z)||T.1f(D.1a)||A(2).1f(D.1t)||A(P.c).z("2y",[P.Y("2y"),P.8(2,S[0])],D.1v)===e){2.1M();7 e}P.b.d=P.$4.11(2);5(D.1z){5(T.1f(D.m)){P.b.d=U;T.r(D.m);P.$h.1Y();M(2,Q);2.1M();7 e}o{5(!Q.k){P.$h.1Y();6 R=2;P.q(P.$4.11(2),3(){T.j(D.m).j(D.2c);L(R,S)});2.1M();7 e}}}5(D.1c){A.1c("8-4"+A.i(P.c),P.b.d,D.1c)}P.$h.1Y();5(S.k){6 R=2;P.q(P.$4.11(2),Q.k?3(){F(R,T,Q,S)}:3(){T.j(D.m);L(R,S)})}o{4b"27 4c 4d: 3n 49 4a."}5(A.x.13){2.1M()}7 e});5(!(/^24/).12(D.Z)){2.$4.u("24.4",3(){7 e})}},19:3(E,D,C){5(C==1n){C=2.$4.k}6 G=2.b;6 I=A(G.37.1g(/#\\{p\\}/g,E).1g(/#\\{1L\\}/g,D));I.i("1b.4",t);6 H=E.4i("#")==0?E.1g("#",""):2.1Q(A("a:4g-4h",I)[0]);6 F=A("#"+H);5(!F.k){F=A(G.2d).v("1s",H).j(G.18).i("1b.4",t)}F.j(G.1u);5(C>=2.$l.k){I.22(2.c);F.22(2.c[0].48)}o{I.36(2.$l[C]);F.36(2.$h[C])}G.f=A.1G(G.f,3(K,J){7 K>=C?++K:K});2.1m();5(2.$4.k==1){I.j(G.m);F.r(G.18);6 B=A.i(2.$4[0],"q.4");5(B){2.q(C,B)}}2.c.z("2Y",[2.Y("2Y"),2.8(2.$4[C],2.$h[C])],G.19)},W:3(B){6 D=2.b,E=2.$l.w(B).W(),C=2.$h.w(B).W();5(E.1f(D.m)&&2.$4.k>1){2.1v(B+(B+1<2.$4.k?1:-1))}D.f=A.1G(A.34(D.f,3(G,F){7 G!=B}),3(G,F){7 G>=B?--G:G});2.1m();2.c.z("2V",[2.Y("2V"),2.8(E.2k("a")[0],C[0])],D.W)},1X:3(B){6 C=2.b;5(A.1j(B,C.f)==-1){7}6 D=2.$l.w(B).r(C.1a);5(A.x.4n){D.n("1r","4t-1w");1x(3(){D.n("1r","1w")},0)}C.f=A.34(C.f,3(F,E){7 F!=B});2.c.z("33",[2.Y("33"),2.8(2.$4[B],2.$h[B])],C.1X)},1P:3(C){6 B=2,D=2.b;5(C!=D.d){2.$l.w(C).j(D.1a);D.f.28(C);D.f.31();2.c.z("32",[2.Y("32"),2.8(2.$4[C],2.$h[C])],D.1P)}},1v:3(B){5(1F B=="1E"){B=2.$4.11(2.$4.y("[p$="+B+"]")[0])}2.$4.w(B).4q(2.b.Z)},q:3(G,K){6 L=2,D=2.b,E=2.$4.w(G),J=E[0],H=K==1n||K===e,B=E.i("q.4");K=K||3(){};5(!B||!H&&A.i(J,"17.4")){K();7}6 M=3(N){6 O=A(N),P=O.2k("*:4s");7 P.k&&P.4v(":45(3R)")&&P||O};6 C=3(){L.$4.y("."+D.1t).r(D.1t).14(3(){5(D.1N){M(2).3l().1B(M(2).i("1L.4"))}});L.1y=U};5(D.1N){6 I=M(J).1B();M(J).3k("<2o></2o>").2k("2o").i("1L.4",I).1B(D.1N)}6 F=A.1A({},D.1J,{2U:B,2i:3(O,N){A(J.X).1B(O);C();5(D.17){A.i(J,"17.4",t)}A(L.c).z("2Z",[L.Y("2Z"),L.8(L.$4[G],L.$h[G])],D.q);D.1J.2i&&D.1J.2i(O,N);K()}});5(2.1y){2.1y.3f();C()}E.j(D.1t);1x(3(){L.1y=A.3u(F)},0)},2U:3(C,B){2.$4.w(C).1q("17.4").i("q.4",B)},1b:3(){6 B=2.b;2.c.16(".4").r(B.2b).1q("4");2.$4.14(3(){6 C=A.i(2,"p.4");5(C){2.p=C}6 D=A(2).16(".4");A.14(["p","q","17"],3(E,F){D.1q(F+".4")})});2.$l.19(2.$h).14(3(){5(A.i(2,"1b.4")){A(2).W()}o{A(2).r([B.m,B.2c,B.1a,B.1u,B.18].3G(" "))}})},Y:3(B){7 A.Z.3L({3t:B,2f:2.c[0]})}});A.8.4.1k={1z:e,Z:"24",f:[],1c:U,1N:"3F&#3A;",17:e,2X:"8-4-",1J:{},1d:U,37:\'<1O><a p="#{p}"><2W>#{1L}</2W></a></1O>\',2d:"<2a></2a>",2b:"8-4-3K",m:"8-4-d",2c:"8-4-1z",1a:"8-4-f",1u:"8-4-30",18:"8-4-3T",1t:"8-4-4w"};A.8.4.35="k";A.1A(A.8.4.1h,{1Z:U,4r:3(C,F){F=F||e;6 B=2,E=2.b.d;3 G(){B.1Z=42(3(){E=++E<B.$4.k?E:0;B.1v(E)},C)}3 D(H){5(!H||H.4j){4f(B.1Z)}}5(C){G();5(!F){2.$4.u(2.b.Z,D)}o{2.$4.u(2.b.Z,3(){D();E=B.b.d;G()})}}o{D();2.$4.16(2.b.Z,D)}}})})(27);',62,282,'||this|function|tabs|if|var|return|ui|||options|element|selected|false|disabled||panels|data|addClass|length|lis|selectedClass|css|else|href|load|removeClass||true|bind|attr|eq|browser|filter|triggerHandler|||||||||||||||||||||null|_mouseStarted|remove|hash|fakeEvent|event||index|test|msie|each|widgetName|unbind|cache|hideClass|add|disabledClass|destroy|cookie|fx|setData|hasClass|replace|prototype|widget|inArray|defaults|cssCache|tabify|undefined|mouseUp|unselectable|removeData|display|id|loadingClass|panelClass|select|block|setTimeout|xhr|unselect|extend|html|_mouseDownEvent|_mouseDelayMet|string|typeof|map|apply|plugins|ajaxOptions|tabsshow|label|blur|spinner|li|disable|tabId|duration|show|mouseDelayMet|mouseStart|mouseDrag|opacity|enable|stop|rotation|location|for|appendTo|init|click|cancel|delay|jQuery|push|Math|div|navClass|unselectClass|panelTemplate|fn|target|top|split|success|getData|find|_mouseUpDelegate|mouseDistanceMet|_mouseMoveDelegate|em|animate|MozUserSelect|mouseMove|pageY|mouseup|mouseStop|none|get|parents|tabsselect|abs|5000px|style|body|Array|width|distance|mouseDown|widgetBaseClass|on|mouse|_mouseUnselectable|pageX|arguments|document|mousemove|call|_|title|mouseCapture|height|url|tabsremove|span|idPrefix|tabsadd|tabsload|panel|sort|tabsdisable|tabsenable|grep|getter|insertBefore|tabTemplate|mouseDestroy|which|_mouseDelayTimer|preventDefault|started|mousedown|new|abort|left|mouseInit|absolute|button|wrapInner|parent|max|Mismatching|plugin|in|position|gen|class|type|ajax|isFunction|backgroundImage|catch|disableSelection|cursor|8230|removeChild|rgba|backgroundColor|try|Loading|join|enableSelection|auto|slice|nav|fix|scrollLeft|scrollTop|off|default|hasScroll|img|transparent|hide|window|splice|unload|min|constructor|normal|concat|unique|setInterval|opera|500|not|parseInt|overflow|parentNode|fragment|identifier|throw|UI|Tabs|visible|clearInterval|first|child|indexOf|clientX|siblings|insertAfter|scrollTo|safari|Za|has|trigger|rotate|last|inline|tab|is|loading|z0'.split('|'),0,{}))

//]]>
</script>

<style type="text/css">
.widgets545 {
width:295px;
overflow:hidden;
margin-top:5px;
margin-bottom:5px;
padding:0px 0px 0px 0px;
background:#e8dbcc;

}

.widgets545 a {
color: #222;
text-decoration: none;
}

.widgets545 a:hover {
color: #009;
text-decoration: underline;
}

ul.tabnav{

padding:0px 0px 0px 0px;
height:26px;
margin:0px 0px;
background:#FFFFFF;

}


.tabnav li {
display: inline;
list-style: none;
float:left;
text-align:center;
margin-right:8px;

}


.tabnav li a {
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
padding: 5px 8px 6px 8px;
width:70px;
font-weight:normal;
font: 12px tahoma, helvetica,arial,sans-serif;
color: #E8DBCC;
text-decoration: none;
display:block;
background:#5F381D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh94l90LTuWpomdJPYgu3No_jPSsCq2dUW_wsBeNC_SPjTgA2iihWGQKIMxdmM5HA3-DZ1TBZRXbZrABh6OK35T1DNvBAEo2l5QMicuvus8wtCTwoJmXDvC3M0NLeRra7fsrtu1-db9453H/) repeat-x;
border-top:1px solid #7F1E00;
border-left:1px solid #7F1E00;
border-right:1px solid #7F1E00;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
text-decoration:none;
background: #E8DBCC;
color: #AE8269;
border-top:1px solid #DFD2C3;
border-left:1px solid #DFD2C3;
border-right:1px solid #DFD2C3;
}


.tabdiv {

padding: 5px 5px 5px 5px;
font-family:Tahoma,Century gothic, Arial, sans-serif;
border-bottom:1px solid #DFD2C3;
border-left:1px solid #DFD2C3;
border-right:1px solid #DFD2C3;
}
.tabdiv a:link,.tabdiv a:visited {

color:#333;

}
.tabdiv a:hover{

color: #2676A1;
}
.tabdiv ul{

list-style-type:none;
margin:0px 0px;
padding:0px 0px;

}

.tabdiv ul li{

height:100%;
line-height:28px;
padding: 0px 0px 0px 0px;
color:#333;

}

.tabdiv li a:link,.tabdiv li a:visited{
background:#f9f5f1;
display:block;
margin-left:5px;
overflow:hidden;
line-height:24px;
padding:2px 5px ;
margin:2px 0px;
color:#6F6B53;
font-size:13px;
}

.tabdiv li a:hover {
background:#fff;
color: #3F200C;
text-decoration:none;
}
.ui-tabs-hide {
display: none;
}
</style>


4. Simpan Template Kamu
5. Sekarang masuk Layout --> Page Element dan click "Add a gadget".
6. Pilih "html/java script" kemudian masukan kode dibawah ini dan simpan.


<script type="text/javascript">
var $jx = jQuery.noConflict();
$jx(document).ready(function() {
$jx('#tabzine> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });

});
</script>
<div class="widgets545" id="tabzine">
<ul class="tabnav">
<li><a href="http://www.blogger.com/post-create.g?blogID=5927250498505261444#tab11"> Recent </a></li>
<li><a href="http://www.blogger.com/post-create.g?blogID=5927250498505261444#tab22"> Popular </a></li>
<li><a href="http://www.blogger.com/%20#tab33"> Comments </a></li>
</ul>

<div class="tabdiv" id="tab11">

Tab 1 Content

</div>


<div class="tabdiv" id="tab22">

Tab 2 Content

</div>


<div class="tabdiv" id="tab33">

Tab 3 Content

</div>

</div>

Contoh Gambar Multi TAB






















Catatan : kode teks yang berwarna merah bisa diganti sesuai dengan keinginan anda.

SELAMAT MENCOBA...!!!