Showing posts with label tips blog. Show all posts

Radio Online Untuk Blog Anda

bagi agan yg suka lagu yg lumayan baru untuk blog agan di wah sudah saya siapkan beberapa sesaji yg bisa agan pasang di blog agan  semua
ok lansung aja di comot









<center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPl`yer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="160"></embed></center>
<div style="text-align: center;">
<center><span style="font-size: xx-small;">Widget By: <a href="http://suprie19.blogspot.com/">supri 19</a></span></div></center>



NB
  • untuk warna merah bleh di ganti dgn url blog anda ,,,,, gak ngaruh 
  •  untuk warnau hijau gaboleh diganti nwma sesuai mau agan
  • ubah height dan width sesuai akuran yg agan kehendaki

Picasa Web Albums untuk memperingan loading blog


Memanfaatkan Picasa Web Albums untuk memperingan loading blog

Telah dibaca 637 kali
Blogger 2012 – Loading blog yang lemot bisa membuat suntuk visitor, sehingga mereka akan langsung menutup blog kita sebelum konten blog tampil penuh. Ini jelas sangat berpengaruh pada traffic dan page view, juga menyebabkan tingginya bounce rate (visitor langsung meninggalkan blog tanpa membuka konten). Artikel saya kali ini membahas langkah meringankan loading blog menggunakan Picasa Webs Album.
Cara ini sangat bermanfaat terutama jika blog kita banyak memiliki konten image. Jika kita upload banyak image ke hosting, selain menyebabkan lambatnya loading blog juga mempercepat habisnya space jatah blog kita. Nah, langkah yang jitu adalah menitipkan image kita ke Picasa Webs Album. Jadi untuk menampilkan image di posting, kita hanya tinggal mencantumkan linknya saja. Saya telah menggunakan cara ini untuk menampilkan image di beberapa blog saya, dan hasilnya loading blog lebih singkat dan image tampil lebih cepat.
Sebelum kita terapkan cara ini Anda perlu sebuah akun Gmail. Lebih bagus lagi kalau punya Picasa image viewer yang bisa didownload gratis di sini. Denganprogram ini kita bisa langsung upload image secara instan. Caranya: silahkan set Picasa sebagai image viewer default, lalu bukalah sebuah image. Pada menu bar paling bawah klik saja | Upload | maka image Anda akan langsung disimpan di Picasa Web Albums punya Google. Selain itu Anda juga bisa melakukan image editing menggunakan menu | Edit in Picasa |. Namun tidak menggunakan program ini juga tidak masalah.
Jika sudah punya akun Gmail silahkan buka Picasa Webs Album. Masukkan email dan password, lalu akan tampil jendela baru. Untuk menyimpan image di sana klik saja | Upload |. Lihat screeshot berikut:
  • Pada Title : isikan nama album
  • Pada Visibility : pilihlah pengaturan penampakan image, apakah Public, Private, ataukah Anyone with the link.
  • Klik | Continue | Choose photos to upload |.
  • Pilih image yang akan diupload, lalu klik | Open |. Jika upload sudah selesai klik | Ok |
Sekarang kita akan mengambil link image tersebut untuk ditampilkan pada posting. Silahkan klik pada image yang dimaksud, lalu lihat menu di sebelah kanan, klik | Link to this photo |. Lihat screenshot berikut:
  • Beri checklist pada Image only (no link) jika ingin image tampil tanpa link
  • Pada Select size : pilih ukuran image
  • Copy kode link pada Embed image.
Sekarang image siap ditampilkan di posting. Caranya langsung saja paste-kan link yang tadi dicopy pada artikel posting, dan image langsung tampil. Tidak perlu kode apa pun untuk itu.
Contohnya adalah link ini:
5P4llTXMfZk/s400/BLOGGER2012f.png
Inilah image yang muncul.
BLOGGER2012f Memanfaatkan Picasa Web Albums untuk memperingan loading blog
Selamat mencoba!

INI DIA YG BIKIN BLOG ANDA LAMBAT

Blog atau website yang lambat dalam di buka atau lamban dalam proses loading kontennya kadang mengakibatkan pembaca malas untuk berkunjung. Bayangkan jika hanya untuk membuka sebuah halaman saja membutuhkan waktu lama tentu bukan hal yang tidak mungkin kalau pembaca malah keburu menutupnya sebelum proses load selesai
Karenanya kali ini saya akan share apa saja yang harus di lakukan dan tidak di lakukan dalam blog anda agar proses load dapat berlangsung maksimal.
  1. Pilih template yang tepat. Ada beberapa template yang memiliki background sampai beberapa lapis gambar, hal seperti ini selain membuat blog anda terlihat penuh warna warni (kadang terlihat kampungan jika warnanya tidak match) juga akan membuat proses load berlangsung lama. Pilihlah template simple tetapi pas dengan karakter blog anda, ada baiknya juga anda beralih ke template yang SEO friendly agar mudah di temukan oleh mesin pencari seperti Google.
  2. Kurangi pemakaian widget yang tidak penting. Ada banyak widget menarik yang di sediakan oleh blogger.com tetapi tidak semuanya efektif untuk blog anda. Jadi sebaiknya anda lebih selektif dalam memasang widget yang memang sesuai dengan karakter atau tema blog anda.
  3. Minimalkan penggunaan flash. Flash boleh jadi membuat tampilan blog anda dinamis tapi juga bisa memperburuk jika penempatannya tidak tepat. Selain itu, sama halnya dengan widget ada beberapa flash tidak penting yang sering di gunakan. Flash seringkali menjadi musuh utama peselancar internet karena selain lambat dalam di load juga kebanyakan memang tidak penting seperti iklan, sampai-sampai ada add-on untuk memblokir flash.
  4. Jangan mengupload gambar dalam ukuran besar. Resize atau atur ukuran gambar terlebih dahulu melalui aplikasi seperti photoshop sebelum di upload. Hal ini juga akan menguntungkan kita selaku uploader karena tidak perlu menunggu lama saat mengupload.
  5. Gunakan kompresi warna pada gambar. Caranya cukup mudah kalau menggunakan aplikasi seperti photoshop, tinggal save as gambar dalam format GIF maka akan muncul pilihan berapa banyak bit warna yang anda inginkan, semakin kecil bit warna semakin kecil pula ukuran gambar nantinya. Gambar berukuran 100kb bisa menjadi berukuran 40kb.
  6. Jangan menggunakan autoplay pada konten yang menggunakan buffering. Konten seperti youtube pada dasarnya memang tidak autoplay alias memang harus di klik play terlebih dulu barulah buffer videonya jalan. Tapi ada beberapa orang yang suka memasangkan kode autoplay agar videonya langsung jalan entah karena iseng atau ngebet ingin videonya di tonton.
  7. Hilangkan kode text HTML yang tidak di perlukan. Pada awalnya menarik memang melihat text atau tulisan yang bisa berjalan dari kiri ke kanan, atas ke bawah atau sebaliknya. Tetapi ketika hal itu terjadi pada isi konten yang ingin kita baca tentunya malah akan menjengkelkan. Tidak berdampak besar pada kecepatan load memang, tapi tetap akan berdampak pada kenyamanan pembaca.
Sekian tips yang bisa saya share kali ini, jika ada yang ingin ditambahkan atau di koreksi silahkan di beri komentar.
Well, semoga berguna.

Kode-kode dasar HTML

Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini

Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.
Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:
Belajar
Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Belajar
Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :
Belajar
Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar
Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar
Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar
Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar
Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar
Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :

Namanya juga hidden..ya..ga keliatan..
Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar
Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar
Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
42
Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42
Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf
Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar
Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar
Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1

  • DOT 2

  • DOT 3
Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3
Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3
Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:

  • DOT 1
  • DOT 2
  • DOT 3
Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Belajar
Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
Text

Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text

Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text

Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text

Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
Text

Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Text

Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
Text

Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.

Apa Itu CSS?


Maka saya akan menuliskan kode:
<font-size="12px";font-family="arial"><b>Apa itu CSS?</b></font>
Tapi dengan CSS,kita bisa menghemat penerapan kode,hanya dengan mengatur atribut kalimat yang akan kita tulis,di bagian atas kode <HEAD>,pada halaman HTML anda.
Contoh,tulisan Apa itu CSS? di atas,akan saya tulis memakai CSS.
Pertama,saya meletakkan kode ini di atas kode <Head> pada halaman HTML saya.

<style type='text/css'>
#Contoh {
color:black;
font-size:12px;
font-weight: bold;
font-family: arial;
}
</style>
Setelah itu,saya menuliskan kode di bawah ini sesudah kode <Head>
<script type='text/javascript'/>
<div id="Contoh">
Apa Itu CSS?
</div>
Hasilnya akan seperti ini :

Apa Itu CSS?
Sama khan ?Nah itu penjelasan dikit tentang CSS.

Apa sich itu Javascript ?

Apa sich itu Javascript ?

Kalau pengertian Javascript menurut Pelajaran Blog,yaitu kode yang mempunyai tugas unruk membedakan suatu variable.keliatanya sich kaya gitu..Pelajaran Blog
Secara umum kode ini akan menjalankan suatu tugas yang mana kode ini sangatlah "sensitive",
Maksudnya? Lain seperti HTML yang tidak terpengaruh adanya tulisan <b> dan </b> (tanda "/" pada kode).
Javascript,tidak mempunyai tolerant dengan kode seperti diatas,contoh lain; penulisan kata "var" tidak bisa ditulis "VAR" maupun "Var".
Jika anda pusing seperti habis kena angin Puting Beliung Pelajaran Blog,karena baca arttikel ini,
ya dech...di bawah ini hasil pengertian Javascript oleh Bp.Supono,alamatnya di :
"JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.
Hal-Hal Yang Harus DiperhatikanAda beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya."

Blog,

Blog,kalau menurut saya sih ibarat rumah,bahkan ibarat sebuah pulau.
Dimana,orang akan lebih senang berkunjung,jika pada rumah / pulau tersebut menyediakan apa yang mereka inginkan.
Dengan Blog pula,kita mempunyai sebuah rumah tempat tinggal dalam dunia maya.
Dimana,kita bebas mengekspresikan maupun memfermak Blog sesuka hati kita.
Semakin cantik dan uptudate suatu Blog,traffic maupun pengunjung,akan semakin meningkat.

Blog/web yang baik biasanya mempunyai kriteria-kriteria tertentu,seperti adanya Header,body,sidebar,footer.
Jadi satu halaman sebuah Blog yang baik terdiri dari kriteria-kriteria di atas.
Sebagai gambaran lihat ilustrasi di bawah ini:
Tentang Blog
Di ibaratkan ilustrasi di atas,sebuah Blog mempunyai fitur-fitur itu semua.
Skema Blog,anda bisa lihat contoh di bawah ini :

Apa pengertian Blog?
Maksudnya?
Ya,secara fisik sebuah Blog terdiri dari :
Header(kepala),Body(Isi Blog),Sidebar(lengan/sisi),Footer(bawah).

Adapun jika ada fitur-fitur lain,itu hanya sebagai element tambahan.

Bagaimana membuat sebuah Blog?

Blog,bisa kita ciptakan melalui jasa web penyedia blog,seperti;Blogger,Wordpress,Multiply dll.
Di pelajaran-blog.blogspot.com memang mempelajari khusus Blog dari Blogger/Blogspot.

Apa yang harus di kuasai untuk bisa mengedit sebuah Blog?

Di blogspot,sudah ada versi WYSWYG yang mana kita tidak perlu capek menuliskan kode untuk sebuah blog.Tapi jika anda menguasai HTML,CSS,PHP maupun Javascript akan lebih baik lagi.
Untuk HTML,CSS,PHP maupun Javascript ,kita akan bicarakan nanti.

Jika kita sudah mempunyai Blog?apa yang harus kita lakukan?

Memposting artikel pada Blog? maupun upload foto ataupun Video,ajang narsis,kumpul sesama Blogger menjalin silaturahmi,curhat,dll.Keuntungan lain yaitu,dengan kita mempunyai sebuah Blog,ibarat kita sudah mempunyai sebuah rumah,dan di rumah itu,kita bebas mau mananam apaun itu tanamanya.
Maksudnya,kita bisa meletakkan sebuah kode,baik itu kode tukar link,iklan dll.

Banyak penyedia content yang menawarkan kode iklan (AdSense,Text Link-Ads,AdBrite,dll)untuk memasang iklan pada suatu Blog,yang akan membayar kita jika ada pengunjung yang mengklik iklan yang kita tampilkan.

Apa sich keuntungan Materi dari banyaknya pengunjung pada Blog kita?

Ya,jelas..dengan bayaknya pengunjung,kemungkinan iklan kita dilihat orang juga akan semakin besar,dan akan semakin besar pula tambahan doku ke kantong kita.
Subscribe to: Posts (Atom)