Tampilkan postingan dengan label BLOGSPOT. Tampilkan semua postingan

Sabtu, 27 Agustus 2011

Cara Membuat Navbar Keren!!!

Halloo para bloger!!!
kali ini saya akan share Cara Membuat Navbar Keren!!!
hmm..., biarpun mata saya dah 5 watt, tapi saya bela-belain deh untuk share sama om & tante blogger.
ok langsung saja ya
hmm.., sebelumnya dah pada tau kan Navbar itu apa?
itu loh yang ada di bagian paling atas blog
nah dah tau kan?
kalo dah tau langsung aja deh kita praktekin ok!!!
contoh navbarnya, itu loh yang ada di bagian paling atas di blog saya
gimana keren kan?
heheh
ok Pertama-tama :

Login ke blogger.
lalu klik rancangan.
klik edit HTML

cari kode

]]></b:skin>

biar lebih gampang tekan aja CTRL+F/F3

kalo dah ketemu lalu taruh kode di bawah ini di atas kode ]]></b:skin>

#REVIVALnavbar{font-family:Fontdiner Swanky,Geo;background:rgba(0,0,0, 0.75);border:1px solid blue;padding:2px 0;z-index:999;top:1px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
#REVIVALnavbar .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#REVIVALnavbar .right{float:right;padding:0px 2px;}
#REVIVALnavbar a{color:orange;text-shadow:none;-moz-outline-style:none;}
#REVIVALnavbar a:hover{color:cyan;border:0px;-moz-outline-style:none;}

Next cari kode

<body>

terus taruh kode di bawah ini di atas kode <body>

<div id='REVIVALnavbar' style='position: fixed;'>
<span class='left'><img align='top' alt='REVIVAL' height='20' src='isi dengan URL kalian' width='20'/></span><span class='left'>
isi dengan Text kalian</span></div>

hmm kalo pengen Textnya bisa bergerak seperti saya tinggal masukan kode <marquee> di dalamnya
contoh :

<div id='REVIVALnavbar' style='position: fixed;'>
<span class='left'><img align='top' alt='REVIVAL' height='20' src='isi dengan URL gambar kalian' width='20'/></span><span class='left'><marquee>
isi dengan Text kalian</marquee></span></div>

terakhir klik simpan template
and jangan lupa di partinjau dulu ya

ok selesai deh
semoga artikel saya kali ini bermanfaat buat om & tante blogger
heheh
salam blogger!!!

Cara Membuat Navbar Keren!!!

Senin, 22 Agustus 2011

CARA PASANG ICON DI SAMPING JUDUL POSTINGAN

Contohnya seperti yang di bawah ini

icon_posting

Judul Postingan Anda.

kalo om & tante mau, silahkan untuk memperaktekkan langkah2 berikut

1. Login ke Blogger
2. Klik Tata Letak/Rancangan.
3. Klik Edit HTML
4. Centang "Expand Widget Template"
5. Lalu carilah kode: <a expr:href='data:post.url'> dan letakkan script berikut setelahnya.

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9iXsJGDlgn4YdE28PpQcq4AHAoEspDuqFQp2hkaNjzBngVoop3alZFg0rOgJbJUrMXa80K9QxVf24YnZtgTc9Qt9xFfk-YR52q0VBmNh9z88t6Xu4MUHMdrQuFds-8aNt-dY5x45cn-Si/'/>

NB : Ganti tulisan yang berwarna hijau dengan URL gambar/icon om & tante

6. Simpan hasil kerjaan om & tante . dan lihat hasilnya.

selamat mencobanya ya

CARA PASANG ICON DI SAMPING JUDUL POSTINGAN

Kamis, 18 Agustus 2011

Cek Kecepatan Situs – Website Speed Test

Untuk menggunakan alat ini kamu tinggal memasukkan alamat blog atau URL blog kamu yang ingin di cek, kemudian hasilnya akan langsung keluar. Hasil yang ditampilkan yaitu : Size, Load Time dan Avarege Speed per KB. Yang perlu diperhatikan adalah “Size”, karena “Load Time” dan “Avarege Speed per KB” hasilnya akan selalu berubah-ubah. Jika hasil tes menunjukkan blogmu size-nya lebih dari 100 KB, usahakan untuk menguranginya dengan cara mengurangi pernak-pernik yang kurang begitu berguna seperti jam, kalender, dll. Dengan alat ini kamu juga bisa membandingkan dengan web/blog kepunyaan orang lain atau dengan blog sederhana ini.

Website Speed Test

Cek Kecepatan Situs – Website Speed Test

Senin, 15 Agustus 2011

Cara menampilkan widget di halaman tertentu

Maksud dari menampilkan widget di halaman tertentu adalah, menyembunyikan widget di halaman-halaman blog dan menampilkannya di halaman lain. Lalu apa kegunaannya? dengan menampilkan widget di halaman tertentu maka bisa membuat loading blog anda menjadi lumayan cepat dan tampilan blog anda pun menjadi minimalis karena tidak terlalu banyak widget yang tampil secara berbarengan di suatu halaman.

Sebagai contoh, anda mempunyai widget chat box atau shoutbox namun anda hanya ingin menampilkannya di halaman homepage blog anda dan hanya tidak ingin menampilkannya di halaman artikel saja. Maka anda bisa menggunakan tips dari saya ini.

Pertama-tama cari dulu kode dari widget yang akan ditampilkan dihalaman tertentu, caranya mudah saja, yaitu ke Rancangan - Edit HTML - Expand Template Widget. Lalu gunakan CTRL + F untuk memudahkan pencarian. Setelah itu ketikan judul dari widget yang anda cari di menu find, kita ambil contoh widget chat box.

Mungkin kode nya tidak akan sama karena tergantung template nya juga tapi itu tidak masalah yang terpenting sudah ketemu kode nya. Ini contoh kode dari CHAT BOX :

<b:widget id='HTML6' locked='false' title='Chat Box' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

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

Setelah itu, tambahkan kedua kode ini ke dalam kode widget yang ingin anda tampilkan di halaman tertentu. Saya ambil contoh untuk hanya menampilkan widget tersebut di halaman homepage saja sehingga di halaman artikel atau archive widget itu tidak akan tampil.

<b:if cond='data:blog.pageType == "index"'>

</b:if>

Tambahkan kedua kode tersebut dibawah <b:includable id='main'> dan </b:if>,sehingga menjadi seperti ini :

<b:widget id='HTML6' locked='false' title='Chat Box' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/> </div></b:if>
</b:includable>
</b:widget>

Setelah itu, simpan template dan sekarang widget tadi hanya akan tampil di halaman home page saja. Untuk widget lain pun sama,mungkin yang berbeda adalah kode widget nya saja.Seperti widget komentar terakhir di blog ini, kode nya seperti ini.

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

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

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

Jadi kalau saya ingin menampilkannya hanya di halaman homepage saja, seperti widget chat box tadi, sisipkan kode tadi ke dalam kode widget komentar terakhir. Sehingga menjadi seperti ini :

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

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

Intinya adalah menyisipkan kode yang berwarna hijau ke dalam kode widget anda.

Keterangan :

Kode <b:if cond='data:blog.pageType == "index"'> berfungsi untuk menampilkan widget di homepage saja (halaman depan).
Kode </b:if> adalah sebagai penutup dari kode diatas.
Jika anda ingin menampilkan widget hanya pada halaman artikel atau archive,anda tinggal mengganti kode <b:if cond='data:blog.pageType == "index"'> dengan kode dibawah ini.

Menampilkan widget di halaman artikel saja :

<b:if cond='data:blog.pageType == "item"'>

Menampilkan widget di halaman archive saja :

<b:if cond='data:blog.pageType == "archive"'>

Cara menampilkan widget di halaman tertentu

Jumat, 22 Juli 2011

Cara mengganti tamplate blog

Apa kamu sudah bosan dengan tampilan template blogspot kamu seperti ini, dulu template pada blogspot tidak banyak pilihan, memang sih bisa diganti secara manual dengan mengupload file template yang sudah banyak tersedia di internet, tapi terkadang banyak juga kendala ketika sudah mengupload file template, misalnya saja file template tampil tidak sempurna, bagi yang mahir dengan disain blogspot mungkin tidak masalah, tapi bagi yang masih pemula tentunya itu juga suatu masalah.

Baru baru ini blogspot telah memberikan tambahan menu-menu baru pada pengaturan template di blogspotnya. Berbeda dengan pengaturan template blog blogspot yang lama, pada pengaturan template baru ini sangat memudahkan kamu yang belum begitu lihai mengedit code code html menjadi lebih mudah, tanpa mengutak atik kode kode html pun sudah bisa mendapatkan template blogspot yang bagus. Pada menu pengaturan template baru ini terdapat empat pengaturan menu utama, yaitu : template, background, layout, dan advance. nanti akan saya jelaskan fungsi masing masing menu tersebut.

agar lebih jelas cara mengganti template blog di blogspot ini, ikuti panduan di bawah ini ya,

Silahkan login pada blogspot kamu, dengan mengunjungi www.blogger.com, lalu masukan email dan password kamu

Setelah masuk pada dasboard blogspot, klik pada tombol Rancangan, kemudian klik pada tombol Perancang Template,

Sesaat kamudian akan tampil jendela Blogger Template Designer,

Menu template (pada menu ini disediakan template-templat baru yang lebih bagus dari pada template yang lama, dan template ini bisa diedit sesuai dengan keinginan kamu, dan cara mengeditnya pun tidak repot, tinggal klik dan klik)

Coba pilih salah satu template blogspot yang kamu suka,

setelah kamu pilih salah satu, dibagian bawah akan muncul jendela preview template yang baru kamu pilih tadi. Pada setiap pilihan template terdapat beberapa sub menu template, misalnya seperti template yang saya pilih ini ada 3 buah sub menu template, kamu bisa memilih salah satu untuk menghasilan template yang sedikit berbeda.

Menu Background (pada menu ini digunakan untuk mengganti warna atau gambar latar template anda), pada menu Background Images, klik pada tombol Panah yang berada di samping kanan maka nanti akan muncul beberapa pilihan, begitu juga pada menu Main color theme, kamu juga bisa mengganti sesuai dengan seleramu pada tombol panah itu.

Menu Layout (pada menu ini digunakan untuk menganti layout template blog anda, telah disediakan beberapa pilihan template layout yang lebih baru dan lebih bagus)

ada tiga menu pada Layout ini yaitu Body Layout, Footer layout, Adjust widt.

pada body layout digunakan untuk mengganti layout body utama pada blogspot kamu, silahkan pilih salah satu.

pada Footer layout digunakan untuk mengganti model footer layout blogspot kamu, ada 3 macam di sini yaitu footer dengan 1 kolom, footer dengan 2 kolom dan footer dengan 3 kolom.

pada Adjust Width digunakan untuk mengatur lebar disain template blogspot kamu, ada dua pengaturan di sini, yaitu pengaturan lebar isi blog, dan pengaturan lebar sidebar blog, silahkan diatur sesukamu, tapi kalau tidak diatur lagi juga tidak apa apa.

4. Advance (pada menu digunakan untuk pengaturan template yang lebih detail, misalnya mengganti jenis tulisan / font pada judul, atau pada artikel, dll, menganti warna latar, dan lain), silahkan diotak atik sendiri ya….

jika semua sudah disetting pengaturan template nya, yang terakhir adalah klik pada Tombol APPLY TO BLOG yang berada pada pojok kanan atas.

Lalu lihat hasil pengaturan templat yang telah kamu lakukan tadi dengan mengunjungi blog kamu,

bagaimana kawan ? sudah paham dengan penjelasan di atas, Silahkan diotak atik sendiri ya templatenya, diatur warnya background, layout nya, font nya dan lain-lain biar menjadi lebih cantik.

selamat mencoba.

BY : http://www.ridwanaz.com

Cara mengganti tamplate blog

Cara mengisi artikel pada blog

Posting ini merupakan lanjutan dari posting artikel saya terdahulu tentang cara membuat blog di blogspot untuk pertama kalinya ( mendaftar dan membuat). Sedangkan pada artikel akan dibahas menga cara mengisi artikel pada blog yang telah dibuat sebelumnya, Panduan mengisi artikel yang saya bahas di sini bukan hanya mengisi tulisan-tulisan saja, tetapi juga mengisi blog dengan gambar atau foto agar posting kamu nantinya tampil lebih maksimal. Sebenarnya pada artikel yang pertama juga saya tuliskan cara mengisi artikel, tetapi saya rasa kok terlalu singkat, makanya saya buatkan posting khusus tetang cara mengisi artikel pada blog. Untuk mengisi artikel atau posting blog di blogspot ikuti langkah-langkah di bawah ini

A. Yang pertama tentu saja login ke bloger dulu ya…… masuk ke alamat situ www.blogger.com

cara membuat blog

tunggu beberapa saat sampai tampil halaman seperti gambar seperti di bawah ini,

lalu kamu klik tombol Menu entri baru, maka akan muncul seperti tampak gambar seperti ini

C. Supaya lebih jelas lagi saya beri tahu fungsi masing-masing tool bar pada jendela posting ini ya…

0 kolom Judul
1. Model huruf
2. Ukuran huruf
3. format huruf tebal
4. format huruf miring
5. coret huruf (kata)
6. warna huruf
7. memberi warna dibawah huruf
8. menyisipkan link
9. memberikan gambar / upload gambar
10. memotong paragrap (agar pada halaman utama hanya tampil sebagian),
11. format perataan teks, (rata kanan, rata kiri, rata kanan kiri, rata tengah)
12. penomoran
13. bulet
14. blockquote
15. menghapus format
16. penyecek tata bahasa (berlaku untuk bahasa inggris)
17. Untuk memposting dan menyimpan artikel yang telah selesai di ketik
18. untuk menyimpan tanpa memposting artikel dulu
19. melihat tampilan artikel
20. memberikan nama ketegori posting
21. pilihan posting (seperti pilihan mengizinkan pengunjung untuk berkomentar, dan pilihan tidak mengizinkan pengunjung untuk berkomentar)
22. tempat menulis artikel

D. Cara Mengiri Mengisi artikel (posting artikel blog)
Tulis judul artikel pada seperti nomor 1, kemudian tulis artikelmu pada nomor 22, saya sarankan untuk menyelesaikan menulis artikel terlebih dahulu. kalau sudah selesai tinggal memformat artike kamu. Jika ingin mewarna, menebalkan, atau mengatur posisis pertaaan teks, awalilah dengan mengblok kalimat atau kata yang akan di format.

E.Menyisipkan gambar pada artikel (upload gambar atau foto)

Untuk menyisipkan gambar, klik icon nomor 9 (lihat keterangan gambar poin C di atas), kemudian nanti akan tampil jendela Add an Images, pada jendela itu terdapat dua pilihan yaitu polihan Uploaded images dan Web Adress (url). Uploaded images berati menyisipkan gambar dengan cara mengUpload dulu file gambarnya. sedangkan Web Addres berarti menyisipkan gambar dengan cara menuliskan alamat web file gambar (misalnya seperti ini http://ariesaksono.files.wordpress.com/2008/05/masjid-kubah-emas-05.jpg )
pada contoh ini kita gunakan opsi yang pertama, yaitu opsi uploaded images, klik pada tombol Browse.

setelah kamu klik pada tombol Brows, maka akan tampil jendela File Upload, pilih salah satu gambar yang akan diupload, pada contoh ini yang saya pilih adalah gambar handphone, setelah dipilih klik pada tombol OK

setelah kamu klik pada tombol OK, akan tampil proses upload ke server, tunggulah beberapa saat sampai proses uploading selesai.

Proses upload gambar telah selesai ditandai dengan munculnya jendela seperti gambar di bawah ini, lanjutkan dengan tombol OK

setelah kamu klik tombol OK, gambar akan tampil pada kolom posting artikel, hasilnya seperti gambar di bawah ini. Pada bagian bawah gambar terdapat tombo tombol pembantu format gambar, seperti Smal, medium, large, x large itu untuk mengatur besar kecil gambar , sedangkan Left, center, right itu berfungsi untuk mengatur posisi gambar mau diletakkan di kanan, kiri, atau tengah, dan tombol Remove untuk menghapus gambar

Jjika gambar ditampilkan terlebih dahulu sebelum mengetik artikel terkadang anda akan keculitan meletakkan posisi kursor pada kolom penulisan artikel. maka untuk mengatasi hal itu klik pada tombol Edit HTML , maka akan tampil jendela formating artikel dalam bentuk dasar HTML, pada format HTML gambar yang tadinya terlihat akan digantikan dengan bentuk kode (perhatikan gambar di bawah), tulislah artikel di bawah kode gambar atau di atas kode gambar sesuai dengan kebutuhan kamu.

Setelah selesai mengetik, klik pada Tombol Compose maka hasilnya akan tampil seperti gambar di bawah ini

Jika sudah selesai mengetik artikel dan memberikan gambar jangan lupa berikan judul artikel, dan juga label artikel. pada contoh di bawah ini judul artikel saya tulis Sony ericson, sedangkan labelnya adalah handphone. jiks sudah diisi klik pada tombolterbitkan Entri

Setelah kamu klik tombol terbitkan entri, maka akan muncul tampil seperti gambar di bawah ini, yang menunjukkan bahwa artikel berhasil di posting. untuk melihat hasilnya klik pada tombol lihat entri.

maka hasilnya akan tampak seperti gambar di bawah ini.

Gimana ???? udah jelas apa belum???? Kalau belum silahkan tanya aja…. pada kolom komentar di bawah…

BY : http://www.ridwanaz.com

Cara mengisi artikel pada blog

SELAMAT DATANG

About Me

REVIVAL

Revival

Sabtu, 27 Agustus 2011

Cara Membuat Navbar Keren!!!

Senin, 22 Agustus 2011

CARA PASANG ICON DI SAMPING JUDUL POSTINGAN

Kamis, 18 Agustus 2011

Cek Kecepatan Situs – Website Speed Test

Senin, 15 Agustus 2011

Cara menampilkan widget di halaman tertentu

Jumat, 22 Juli 2011

Cara mengganti tamplate blog

Cara mengisi artikel pada blog