Senin, 24 Desember 2012

Cara kontrol akses blog blogger anda (Control permissions)

secara default, blog yang kita bikin di blogger bersifat terbuka, siapapun mempunyai akses bebas membaca postingan yang anda post di blog anda,lihat gambar untuk lebih jelas nya


blog authors adalah untuk menambahkan akun google untuk menjadi admin atau author di blog anda, admin mempunyai aksese penuh terhadap blog anda dan jika author hanya bisa memposting sebuah tulisan pada blog

Cara kontrol akses pembaca blogger (Control permissions)

blog readers adalah untuk menset siapa sajakah pembaca blog anda, secara default di set anybody, disini kita bisa mensetnya dengan memilih 3 opsi yang ada,  anybody menset agar blog bisa di baca oleh pengunjung siapapun, onlyblog author menset agar blog hanya bisa di kunjungi dan di baca oleh akun blog yang ada di blog author dan yang terakhir only these address menset agar blog hanya bisa di akses dan di baca oleh email google tertentu sesuai yang kita setting di atas tadi.

jika anda sudah mengaturnya, tinggal pilih save chenge,

semoga bermanfaat

Mengurutkan judul posting berdasarkan ABJAD

Mengurutkan judul posting berdasarkan ABJAD, memang nampak kurang dinamis dan sedikit tidak rapi ketika kita mempunyai daftar isi dari sebuah postingan yang tidak urut berdasarkan Abjad, contoh hasil nya nanti seperti ini.








Rekuesan posting ini di minta oleh kang Saut Maruli via kotak komentar, bikinih nih tutorialnya.
Mengurutkan judul posting berdasarkan ABJAD

1. sign in di akun google anda, lalu ke blogger.com
2. pilih blog yang akan di buat daftar isi nya
3. ke Layout pilih add gadget, tambahkan element HTML/Javascript
4. copypaste script di bawah ini:

<div id="toclink">
<div style="text-align: center;">
<span ><b><a href="javascript:showToc();">LIHAT DAFTAR ISI</a></b></span></div>
</div>
<script src="http://sites.google.com/site/kibagusnet/x-design/blogtoc.js">
</script>
<script src="http://www.blooger.co.id/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc">
</script>
<div style="text-align: left;">
<div id="toc">
</div></div>
 

ganti www.blooger.co.id dengan URL Blog kalian


5. Save, dan lihat hasilnya


mudah kan ?   semoga bermanfaat ya buat semua

Selasa, 18 Desember 2012

Membuat Marquee( Text berjalan )

Mau tau apa marquee ? Marquee adalah suatu program HTMLyang berguna untuk membuat text bergerak dengan sedikit variasi gerak serta bisa juga di tambah link dan backround text dengan warna

Ini tag marque <marquee>...</marquee>.

Ini dia pnjelasan tentang tag-tag yang ada di marquee :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)



TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri
</MARQUEE>

hasilnya :

marquee dari kanan ke kiri
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>

marquee menurut perilaku

Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
</MARQUEE></b></FONT></div>

hasilnya :

marquee variasi warna dan backround : trikaja


Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

silahkan tunjuk ke sini

</marquee>

hasilnya :

silahkan tunjuk ke sini

Contoh marquee yang di dalam nya terdapat link :

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

<a href="http://www.blooger.co.id" target="new">Rubrik Elektronik</a><br/>

<a href="http://www.blooger.co.id" target="new">Electronic Rubric </a><br/>

<a href="http://www.blooger.co.id" target="new">Kolom iklan </a><br/>

</marquee>

hasilnya : trik dan tips blog

test test

trikaja



Itu beberapa contohnya kawan

Selamat mencoba

Senin, 17 Desember 2012

Posting Via Email

posting via Email

Salah satu fasilitas yang di berikan blogger yang berhubungan dengan posting. ini dia posting via Email. untuk anda yang tertarik. ini dia. sebelumnya kita harus lihat settingan pada blog yang akan di posting via email


1. Sign In di akun blogger anda

2. Pilh blog yang akan di posting via email

3. Pilih Setelan lalu Email/Selular nah udah gitu lihat bagian paling bwah seperti ini


Posting Via Email
yang dikotak kuning alamat email yang akan kita kirim postingnya dan untuk judul posting di isi di subjek email

4. Lau kirim deh email ke alamat yang tadi dan isi subjek dengan judul posting

mudah kan ????

Memasang gambar ber-link pada blog

Memasang gambar ber-link pada blog - Maksudnya begini , saat kita meng klik sebuah gambar maka kita akan di bawa ke sebuah web atau URL.

Sebelum kita membuatnya, pastikan anda telah mengupload gambar dan mensiapkan URL nya


Memasang gambar ber-link pada blog
cara nya , tambahkan widget pada blog anda dan pilih HTML/Java.


<a href="http://www.www.blooger.co.id"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBAZGcEQMh3vTeETxDVsVdnaTBBuAGEMYZ4nnY_Hvk1W-6z2cbgB3f9sRMAkFM2yzbjy9JXebZZIA5YFaWcN87HSbri22-p6C3DkJchtQnO1PE4GXNASyZWOC5BpBiPJLLiYRiz1t7TYio/s1600/blogger.jpg"/></a>

Ganti tulisan yang berwarna hitam dengan link yang ingin anda buat
ganti tulisan yang berwarna biru dengan url image nya

tambahkan widget atau elemen halaman yang baru type HTML/Javascript  lalu copy paste deh scriptnya
Diberdayakan oleh Blogger.