Cara membuat widget/link tersusun rapi

Hy.......sobat mbukak rahasia...kali ini saya akan memberikan tips and trick agar widget tersusun dengan rapi.....okedeh langsung saja ini dia caranyya....
 copy kode ini dan taruh di widget sobat:

<table><tr>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

</tr></table>

<table><tr>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

</tr></table>

<table><tr>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

</tr></table>

okedeh itu yang dikasih warna merah ganti dengan kode widget sobat sekalian....nah itu yang format dua-dua...

ini ada yang format tiga-tiga..hahaha aneh2 saja kok ngga sekalian aja ya satu-satu aku cinta Allah ,dua-dua juga sayang ibu.....hahaha justkid2 jangan marah ya...okedeh langsung aja...ini dia:

<table><tr>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

</tr></table>

<table><tr>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

</tr></table>

<table><tr>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

<td>Letakkan kode widget sobat disini</td>

</tr></table>

 
gampang kan....nah sekian dulu tutorialnya......bye....

inspired from :brilliandwi.blogspot.com

Read More

Cara mengganti tulisan home,post baru dan post lama dengan Gambar

 

Hi semua...kali ini....mbukak rahasia akan nge post tentang cara mengganti tulisan home,post lebih baru dan post lebih lama dengan gambar ......udah tau kan...?ituloh yang biasannya di bawah postingan an ada itu tulisan...nah kali ini saya akan memberitahu cara untuk menggantinya dengan gambar...contohya diatas...okedeh langsung saja ini dia cara2nya.....

Ikuti langkah-langkah di bawah ini:

1. Masuk ke Dasbor

2. Klik Template

3. Klik Edit HTML

4. Klik Lanjutkan

• Mengganti tulisan posting baru

1. Cari kode di bawah ini (kalo kesulitan tinggal tekan ctrl+f )

<data:newerPageTitle/>

2. Hapus dan ganti dengan

<img src='http://i643.photobucket.com/albums/uu155/miskahiper/newer.png'/>

• Mengganti tulisan beranda (home)

1. Cari kode di bawah ini (kalo kesulitan tinggal tekan ctrl+f )

<data:homeMsg/>

2. Hapus dan ganti dengan

<img src='http://i643.photobucket.com/albums/uu155/miskahiper/home.png'/>

• Mengganti tulisan posting lama

1. Cari kode di bawah ini (kalo kesulitan tinggal tekan ctrl+f )

<data:olderPageTitle/>

2. Hapus dan ganti dengan

<img src='http://i643.photobucket.com/albums/uu155/miskahiper 

/older.png'/>

 Okedeh gampang kan..?oooo iya tulisan yang berwarna ini itu adalah gambar yang muncul ,jika sobat ingin mengganti gambarnya silahkan.....sekian dulu tips dan trick kali ini semoga bermanfaat.....:D
inspired from:rh-w.blogspot.com

Read More

Cara buat Readmore/baca selengkapnya

Okedeh kali ini saya akan memposting tentang cara buat readmore/baca selengkapnya...ini dia caranya...
Masuk ke dashbor blogspot anda , lalu masuk ke Setting ( Pengaturan) , lalu ke bagian : " Select post editor" dan centang di "Updated editor", kemudian setelah itu masuk ke edit post (atau ke postingan baru yang akan dibuat ) , kemudian nanti di kotak editor posting anda akan melihat ikon seperti ini :

Nah pada saat membuat postingan , ambil opsi COMPOSE , kemudian ditengah halaman artikel ( Misalnya di alinea/paragraf pertama) anda tempatkan kursor mouse diakhir alinea , lalu klik ikon readmore tsb , berikut contoh gambarnya :

Read More

Bagaimana cara mengganti tema blog

Cara Mengganti Tema di Blogspot:

 

1. Akseslah blog blogspot anda
2. Setelah masuk ke dashboard anda, lihatlah Layout di sebelah tulisan Settings dan klik

Read More

Apa itu Feed....?dan bagaimana mengetahuinya..?

Untuk yang masih bingung atau susah untuk mengetahui URL feed blog/web selain blogspot/wodpress, bisa menggunakan jasa feedburner dari google (GRATIS). Caranya sbb :

1. Kunjungi :  http://feedburner.google.com/
2. Login dengan akun Google anda
3. Masukkan URL blog/web anda pada kotak tersedia, lalu tekan next ( gmbr.1)

Gmbr.1 : Masukkan URL di Feedburner

4.Jika CMS ( Content Management System ) blog anda menyediakan script RSS feed , maka dihalaman berikutnya akan otomatis muncul URL feed blog anda.Tapi jika tidak ada script RSS feednya , maka Feedburner akan memberitahu bahwa feed blog anda tidak ada, dan tdk valid. ( Lihat Gmbr.2 )

Gmbr.2 : Feed tdk ada yg Valid

Pada kasus saat saya mencoba mensubmit URL : http://rajaiklanbaris.com , feedburner mengatakan bahwa tdk ada URL feed yg valid di web ikalnbaris itu, dan memang saya belum memasang script rss feed nya.

Tapi ketika saya mencoba memasukkan subdomain http://blog.rajaiklanbaris.com , maka feedburner langsung

mengusulkan URL feed yg baru dengan nama : http://feeds.feedburner.com/QuickJumpNews  ( Lihat Gmbr.3 )

Gmbr.3 : URL feed ada yg Valid

5. Untuk blog dengan CMS blogger (blogspot) ,karena disediakan dua macam URL feed, maka oleh feedburner nantinya kita akan disuruh untuk memilih yg mana ? Yang ATOM atau yang RSS ? Pilih saja salah satu yah.. keduanya sama aja kok ,yaitu sama-sama untuk menampilkan update blog terbaru. ( lihat gmbr.4 )

Gmbr.4 : Ada dua feed pada blogspot

Semoga bermanfaat..
copied from : http://universityofbloggers.blogspot.com

Read More

Cara Buat Menu Horizontal Tabs Sederhana Di Blog

Pada episode kali ini kita kembali lagi dengan persembahan Menu Horizontal untuk Blogger/Blogspot. Seperti menu-menu horizontal sebelumnya, menu horizontal ini masih berkutat dengan CSS dan HTML tanpa Javascript/Jquery, bahkan tanpa menggunakan gambar, berbasis tab individual, dan tidak menggunakan list (HTML unordered list). Posting menu horizontal ini juga dibuat untuk memenuhi permintaan pada komentar sobat Klik Menarik di posting Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot untuk dibuatkan menu horizontal yg sama dengan menu horizontal sebuah blog lain. Tentu saja menu ini telah mengalami beberapa modifikasi agar sesuai sebagai widget tambahan. Namun sekiranya ada kemiripan lah. Hope you enjoy and like it!

Kode CSS:

/* Navigasi tabs Sederhana buka-rahasia.blogsot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */

Kode HTML:

<!-- Navigasi tabs Sederhana http://buka-rahasia.blogspot.com Starts -->
<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
</div>
<!-- Navigasi tabs Sederhana Ends -->

Sebelumnya copy & edit terlebih dahulu kode HTML di atas. Ganti # dengan URL yg dikehendaki. Ganti juga Home, Blog Tips, SEO Tips, dan seterusnya dengan anchor text yg diinginkan. Untuk menambah atau mengurangi tab, copy/tambahkan atau hapus bagian <a href="#" class="burastabs">Anchor Text</a> di atas </div>.

Cara Membuat Menu Horizontal Tabs Sederhana di Blogger/Blogspot:

1. Masuk ke Dashboard > Design/Rancannga > Edit HTML.

2. Copy kode CSS di atas,

4. Cari ]]></b:skin> (cari dengan Ctrl + F) & letakkan/paste Kode CSS tepat di atasnya.
5. Save Template.
6. Masuk ke Page Elements > Klik Add a Gadget

7. Setelah pop up window muncul, pilih opsi HTML/Javascript

8. Masukkan Kode HTML yg telah diedit tadi pada kolom seperti contoh berikut:

 

9. Klik save.

10. Drag/geser widget menu horizontal tersebut ke bawah/atas header (letakkan pada slot gadget) dan save lagi. DOnE! 

resource :  http://buka-rahasia.blogspot.com/2011/08/cara-membuat-menu-horizontal-tabs.html

Read More