Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Minggu, 15 Mei 2016

Cara Membuat Daftar Isi Pada Blog

1. letakan code dibawah ini di laman HTML bukan di halaman Compose

<br />

<div style="background-color: none; height: 600px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="https://bloggergubug.googlecode.com/files/daftarisi.js"></script><script src="https://justshared91.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Senin, 15 Oktober 2012

Membuat Cursor Bertaburan bintang


  1. Login ke blogger.
  2. Klik Tatat Letak. 
  3. Klik Tambah Gadget. 
  4. Pilih HTML/javascript.
  5. Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi. 

Senin, 21 Mei 2012

MEMBUAT SCROLL DALAM POSTINGAN

Nah bagi temen-temen yang ingin membuat postingan dalam bentuk scroll seperti sample di bawah ini silahkan copy code di bawah ini dan modifikasi sendiri untuk mendaptkan hasil yang efektif..

I addition to parent-child psychotherapy helping children repair damaged trust, develop new coping mechanism and regain confidence. Parent who participate in this type of therapy are also exposed to key concept that assist in understanding a child’s point of view. Child development stages and behavioral symptoms triggered by stress are among the ideas a parent is introduced to in parent-child psychotherapy. Whit greater understanding of the these concepts, parent are often able to more calmly and confidently address a child’s behavior outside of therapy sessions. Among the benefits of psychotherapy when used to treat children and their characters is that children are often able to overcome extreme symptoms of stress which many time are manifested as behavioral disturbances. For parent and caretakers such can be particularly vexing and frustrating. One of the aims of this type of psychotherapy, however is to help adults gain insight are perspective concerning a child’s feelings and to offer tools to help the child grown into a healthy adult. As one of many use of psychotherapy, parent-child psychotherapy can be very helpful in restoring balance and peace in troubled families.

copy scrivt dibawah ini..


<div style="background-color: #eaeaea; height: 60px; overflow: auto; padding: 10px; text-align: left; width: 260px;">
<br />
<div class="MsoNormal" style="text-align: justify; text-indent: 35.45pt;">
<span style="font-size: 12pt; line-height: 115%;">masukan tulisan kamu </span></div>

LETAKAN TULISANNYA DISNI

</div>


GOOD LUCK..

Minggu, 20 Mei 2012

MEMBUAT ANEKA STYLE BORDER

BORDER JENIS SOLID

 
<div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; text-align: left"> MASUKAN TEKS DISINI</div>

BORDER JENIS DOOTTED

<div style="border: 4px #345d15 dotted; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

BORDER JENIS DASHED

<div style="border: 4px #345d15 dashed; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

BORDER JENIS RIDGE

<div style="border: 4px #345d15 ridge; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

BORDER JENIS GROOVE

<div style="border: 4px #345d15 groove; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

BORDER JENIS INSET

<div style="border: 4px #345d15 inset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

BORDER JENIS OUTSET

<div style="border: 4px #345d15 outset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

BORDER JEINS DOUBLE

<div style="border: 4px #345d15 double; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

BORDER JENIS SCROLL WIDTH AND HIGH

<div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; overflow: auto; height: 60px; width: 260px; text-align: left;"> TULIS MASUKAN TEKS DISINI </div>

Keterangan
  1. Scrivt tersebut akan berhasil jika digunakan dalam bentuk HTML bukan dalam compose..selamat mencoba ya...

Cara memasang gambar animasi di postingan blog


Pertama sobat upload foto atau gambar yang ingin sobat ingin masukkan di postingan,
kedua kalau sobat upload foto dari photo bucket silahkan copy direct link nya itu .
ketiga pada kode dibawah ini sobat ganti tulisan berwana merah dengan url direct link sobat tadi.

<img src="Masukan direct link atau kode gambar sobat" />

Sabtu, 19 Mei 2012

Cara membuat blog tampil profesional

  1. Lakukan pengecekan halaman pada beberapa web browser yang berbeda: Tampilan halaman anda begitu cantik di browser firefox, dan google chrome tetapi belum tentu bagus di browser IE atau Opera atau browser yang lain. Ingat pengunjung blog anda tidak hanya menggunakan satu browser saja. untuk itu anda coba lakukan pengecekan dengan browser yang berbeda, misalkan : Firefox, Flock, Mozilla, IE, Opera, Safari.  
  2. Pilihan warna pada blog : Pemilihan warna memang susah-susah gampang semuanya tergantung selera pemilik blog. Jangan terlalu egois, pilih warna sesuai dengan tema blog anda. coba anda pikir jika blog anda tentang agama dengan pilihan warna hitam, terlihat janggal bukan! kebanyakan warna hitam lebih cenderung ke situs yang bertemakan underground.
  3. Hindari Memasang Jam : Tanyakan pada diri anda sendiri apa gunanya memasang jam di blog anda, jika hanya sebagai pengingat waktu atau untuk mempercantik halaman sebaiknya tidak usah digunakan, apa gunanya jam pada taksbar windows. yang jelas bakal bikin load page anda semakin berat. 
  4. Hindari Memasang kalender : Serupa dengan tips ke empat sih intinya. Apa gunanya kalender di sidebar? orang butuh informasi dari blog anda bukan ingin melihat kalender. sekedar informasi kalender yang saya maksud adalah kalender umum, beda dengan kalender yang menampilkan sebuah posting (biasanya banyak digunakan pengguna wordpres.

Cara Membagi Postingan Menjadi 2 (dua) Kolom

 Nah bagi yang berminat monggo copy aja..sok..barudak


<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="250">
artikel di bagian kiri</td><td align="justify" valign="top" width="250"> artikel di bagian kanan</td> </tr>
</tbody></table>


Baiklah supaya lebih jelas, berikut ini contohnya :

<table cellpadding="10" cellspacing="10"><tbody> <tr> <td align="justify" valign="top" width="300">Berbagai cara digunakan untuk menarik pengunjung agar datang dan kembali mengujungi website/blog yang kita buat, misalnya dengan membuat postingan yang unik dan berkualitas juga dengan mempercantik tampilan website/blog. </td><td align="justify" valign="top" width="300"> Tips yang ingin Saya share kepada Anda kali ini adalah cara membuat postingan yang unik dan yang dimaksud unik disini bukan terkait isi dari postingan, melainkan berkenaan dengan penampilan dari postingan tersebut.</td> </tr>
</tbody></table>

Keterangan :
Cellpadding adalah jarak antara tepi kolom dengan tulisan;
Cellspacing adalah jarak antara dua kolom;
Width adalah lebar masing-masing kolom;
Align adalah perataan teks (justify untuk rata kanan kiri, left untuk rata kiri, right untuk rata kanan dan center untuk rata tengah);
Valign adalah perataan verikal (top untuk rata atas, bottom untuk rata bawah dan middle untuk rata tengah);
Anda bisa merubah dan mengaturnya sesuai selera Anda.

Membuat 2 kolom pada posting


Berbagai cara digunakan untuk menarik pengunjung agar datang dan kembali mengujungi website/blog yang kita buat, misalnya dengan membuat postingan yang unik dan berkualitas juga dengan mempercantik tampilan website/blog. Tips yang ingin Saya share kepada Anda kali ini adalah cara membuat postingan yang unik dan yang dimaksud unik disini bukan terkait isi dari postingan, melainkan berkenaan dengan penampilan dari postingan tersebut.

Cara Membuat Table pada postingan blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>

<table border=”1″ width=”100%”>

<tr>
<tr bgcolor="#E0F8E0"><td width=”30%”>kolom pertama</td>
<td>kolom kedua</td><td>kolom ketiga</td><td>kolom ketiga</td><td>kolom ketiga</td>
</tr>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td><td>kolom ketiga</td><td>kolom ketiga</td><td>kolom ketiga</td>
</tr>

</table>

Ket:
  1. Yang berwarna merah untuk mengubah latar warna coloum
  2.  ini akan berhasil jika di posting dalam bentung HTML..

Table


kolom pertama kolom keduakolom ketigakolom ketigakolom ketiga
kolom pertama kolom keduakolom ketigakolom ketigakolom ketiga
Created by
hendra komara
tel.:085793103084
http://youngcreative91.blogspot.com/

Want your own signature?
Visit MyLiveSignature.com

Jumat, 03 Februari 2012

Membuat Tulisan Berjalan

1. tulisan bergerak dari kanan ke kiri

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

2. tulisan bergerak dari kiri ke kanan

 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

3. tulisan bergerak  bolak balik

 <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

Cara Membuat Teks Pada Kursor

Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.


<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

Membuat daftar link anda berkedip

  1. Pilih tata letak bagi yang menggunkan windows 7
  2. Kemudian ad gadget
  3. Pilih HTM java scrivt
  4. Kemudian copy paste code    <blink>masukan tulisan yang anda inginkan<blink>

Selasa, 31 Januari 2012

Membuat cursor animasi di blog

1. Login ke akun blogger anda
2.Masuk ke Layout atau Rancangan
3. Trus tambah Page Element / elemen laman
3.Tambahkan gadget HTML/JavaScript
4.Pilih kode warna taburan bintang dibawah ini.

Kode warna bintang Hijau
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>

Sabtu, 21 Januari 2012

cara menghias blog dengan hujan salju

cara menghias blog dengan hujan salju

Hujan Salju Di blog .Huawww... pasti indah .nahh dalam postingan kali ini klinik-it akan memberikan tipsnya,yaitu tips tentang Cara Membuat Hujan Salju Di Blog . ini dia pernak-pernik yang ga boleh ketinggalan dan wajib ada di blog sobat. apa maksudnya hujan salju yang ada di blog ? hujan salju yang ada di blog adalah kumpulan bintik-bintik putih yang jatuh di dalam blog , hujan salju ini cocok dipasang di blog yang menggunakan template berwarna gelap ,supaya saljunya terlihat bagus dan terlihat lebih berkilau .

Nahh buat sobat yang penasaran dengan hujan salju yang dari tadi klinik-it jelaskan, setelah sobat masuk kedalam blog tersebut silakan sobat perhatikan ada bintik-bintik putih mirip salju ,nahh... itu dia yang disebut hujan salju yang ada di blog. jika sobat tertarik ingin membuat hujan salju seperti itu silakan ikuti langkah-langkah Cara Membuat Hujan Salju Di Blog di bawah ini.

cara mengubah tampilan cursor di blog


caranya sangat mudah. Berikut langkah-langkahnya:
1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>

3. Letakkan kode css berikut diatasnya

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>
Keterangan:

Cara memasang jam di bloG

Berikut cara memasang widget Jam di blogger 

  1. Pertama kunjungi www.clocklink.com
  2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
  3. sebagai contoh kategori analog kita pilih,
  4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
  5. langsung aja kita pilih accept
  6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
  7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.
Langkah selanjutnya

HIKMAH MEMAHAMI LITERASI

Materi yang dapat dipahami dari kegiatan pengembangan atau pembelajaran literasi ini diantaranya saya menemukan berbagai hal yang ada dalam ...