Pages

Banner 468 x 60px

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

Rabu, 14 Agustus 2013

Cara Membuat Random Posting Keren

0 komentar

Langkah-langkah yang perlu kamu  lakukan adalah:
  •     Login ke blogger
  •     Masuk ke "tata letak", add widget, pilih HTML javascript
  •     Co-pas script berikut ini :

    <center><style type="text/css">
    #rp_plus_img{height:320px;overflow:hidden;border:solid 1px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
    #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
    #rp_plus_img li{border:0px; margin:0; padding:0; list-style:none;}
    #rp_plus_img li{height:60px;padding:5px;list-style:none;}
    #rp_plus_img a{color:#05803d;}
    #rp_plus_img .news-title{display:block;font-size:12px;font-weight:normal !important;color:#F68629;text-align:justify;}
    #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:right;}
    #rp_plus_img img{float:left;margin-right:14px;padding:1px;border:solid 1px #05803d;width:65px;height:55px;}
    </style>
    <script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    var speed = 1000;
    var pause = 2500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img"><script>
    var numposts = 20;
    var numchars = 0;
    </script> <script src="http://apabaeananangkene.blogspot.com//feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
    </script> </ul>
    </center>
 *** Ganti teks berwarna merah dengan url blog kamu!

@Selamat mencoba@

   
Read more...

Cara Membuat Tabel Pada Posting Blog

0 komentar
Untuk membuat tabel kamu harus berada dalam mode HTML (berada di samping Compose) saat melakukan posting.



Tombol untuk merubah ke mode HTML

 Perintah dasar membuat tabel di posting blog adalah sebagai berikut:

<table border="1">
<tr>
<td></td> <td></td> 
</tr>

</table>

Keterangan:


<table = perintah untuk membuat tabel
border> = perintah untuk mengatur tebal garis pinggir
<tr> = perintah untuk membuat baris pada tabel
<td> = perintah untuk membuat kolom pada tabel

Contoh Perintah untuk Tabel Sederhana:


<table border="1">
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td> 
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td>  <td>Input Data</td>
</tr> 
</table>
Tabel yang  dihasilkan akan seperti contoh berikut:
Input DataInput DataInput Data
Input DataInput DataInput Data

Nah, kalau kamu ingin agar salah satu baris tidak mengikuti jumlah kolom diatasnya, atau kamu  ingin menggabungkan beberapa kolom, maka  perintah diberikan ditambah seperti berikut:


<table border="1">
<tr>
<td align="center" colspan="3">Input Data</td></tr>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td> 
</tr>
</table>

Dengan perintah di atas hasilnya akan seperti tabel di bawah ini:
 
Input Data
Input DataInput DataInput Data

Perlu Kamu Ingat:
Untuk tulisan warna merah perlu kamu ganti dengan data yang
kamu inginkan.
Untuk tulisan warna hijau atau border
kamu bisa sesuaikan.
Untuk tulisan warna biru
kamudapat menyesuaikan dengan banyak kolom yang akan digabungkan.

Selamat Mencoba!!!
 
Read more...

Cara Membuat Numbering Pada Posting Blog

0 komentar


Cara Membuat Numbering dan Bullet di Blog - Setiap kali sobat membuat postingan, mungkin sekali-sekali ingin menampilkan daftar item (list), baik berupa penomoran (numbering) maupun bullet.
Fungsi Membuat Numbering dan Bullet di Blog ini sendiri yaitu untuk memberikan label atau urutan agar tulisan tersebut terlihat rapi sehingga dapat dipahami dengan mudah oleh para pembacanya.

Sebenarnya pada post editor blog sudah tersedia fasilitas untuk membuat list baik numbering maupun bullet, untuk blogspot sendiri fasilitas ini terdapat pada mode "Tulis" atau "Compose" yaitu berupa icon, dan penggunaannya cukup dengan meng klik icon tersebut. namun penggunaan fasilitas ini dirasa kurang praktis dan kurang memadai, terutama karena kurangnya variasi type numbering maupun bullet,
sekarang langsung saja kita topik postingan kali ini :

Tag HTML Numbering List
Ada beberapa tipe Penomoran (numbering list) antara lain:

type umum (default) dari Numbering adalah lambang bilangan (1,2,3,... dst) Adapun Tag HTML yang digunakan untuk type ini, dibuka dengan kode <ol> dan ditutup dengan kode </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh: 
<ol>
    <li>cherylaghniads</li>
    <li>cherylaghniads</li>
    <li>cherylaghniads</li>
    <li>seterusnya.......</li>
    </ol>

Hasilnya seperti ini :
  1. cherylaghniads
  2. cherylaghniads
  3. cherylaghniads
  4. seterusnya.......
Huruf romawi (I, II, III, ... atau i, ii, iii,... ),
Adapun Tag HTML yang digunakan untuk type ini, dibuka dengan kode <ol type="I"> dan ditutup dengan kode </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh:<ol type="I">
    <li>cherylaghniads</li>
    <li>cherylaghniads</li>
    <li>cherylaghniads</li>
    <li>seterusnya.......</li>
    </ol>

Hasilnya seperti ini :
  1. cherylaghniads
  2. cherylaghniads
  3. cherylaghniads
  4. seterusnya.......
Huruf Alfabet ( A,B,C,... atau a,b,c,...)
Adapun Tag HTML yang digunakan untuk type ini, dibuka dengan kode <ol type="A"> dan ditutup dengan kode </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh:<ol type="A">
    <li>cherylaghniads</li>
    <li>cherylaghniads</li>
    <li>cherylaghniads</li>
    <li>seterusnya.......</li>
    </ol>

Hasilnya seperti ini :
  1. cherylaghniads
  2. cherylaghniads
  3. cherylaghniads
  4. seterusnya.......
Tipe Disc,
Penulisan Tag HTML nya( contoh agar jarak antar barisnya tidak terlalu jauh maka penulisan tagnya tidak perlu ganti baris (tidah usah di enter)
Contoh:<ul type="Disc"> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>seterusnya.......</li></ul>

Hasilnya seperti ini :
  • cherylaghniads
  • cherylaghniads
  • cherylaghniads
  • seterusnya.......
Tipe Circle
Penulisan Tag HTML nya ( contoh agar jarak antar barisnya tidak terlalu jauh maka penulisan tagnya tidak perlu ganti baris (tidah usah di enter)
Contoh:<ul type="Circle"> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>seterusnya.......</li></ul>

Hasilnya seperti ini :
  • cherylaghniads
  • cherylaghniads
  • cherylaghniads
  • seterusnya.......
Tipe Square
Penulisan Tag HTML nya ( contoh agar jarak antar barisnya tidak terlalu jauh maka penulisan tagnya tidak perlu ganti baris (tidah usah di enter)
Contoh:<ul type="Square"> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>seterusnya.......</li></ul>

Hasilnya seperti ini :
  • cherylaghniads
  • cherylaghniads
  • cherylaghniads
  • seterusnya.......
sebenarnya masih banyak variasi yang lain tinggal sobat kembangkan lagi,
baca juga tentang membuat simbol-simbol di blog
Demikian postingan kali ini mengenai cara Cara Membuat Numbering dan Bullet di Blog semoga bermanfaat.
Cara Membuat Gabungan Penomoran dan Bullets 

<ol>
<li>satu</li>
<li>
dua 
<ul>
<li>bagian satu</li>
<li>bagian dua<;/li>
<li>bagian tiga</li>
</ul>
 
</li>
<li>tiga</li>
</ol>
 

Dan hasilnya akan seperti di bawah: 


  1. satu
  2. dua 
    • bagian satu
    • bagian dua
    • bagian tiga



  3. tiga


Read more: http://cherylaghniads.blogspot.com/2013/01/cara-membuat-numbering-dan-bullet-di.html#ixzz2QROF49Yx
Read more...