h id="r517"> S E L A M A T D A T A N G

Sabtu, 10 Maret 2012

Cara Menampilkan Seluruh Judul Postingan di Blog


Cara Menampilkan Seluruh Judul Postingan di Blog

<p>Your browser does not support iframes.</p>

Menampilkan Seluruh Judul Postingan di Blog 

Nah Sahabat Pemikir cerdas ini ada tutorial untuk Sahabat agar blog Sahabat kelihatan cantik Sahabat . tujuannya agar Sahabat  dan pengunjung blog Sahabat dapat dengan mudah melihat judul postingan yang telah ada Sahabat, jadi g' repot2 untuk buka page satu persatu lagi Sahabat. Semoga bermanfaat ya Sahabat.buat Sahabat yang ingin menampilkan seluruh judul postingan di Blog Sahabat atau yang sering disebut dengan Daftar isi, maka cara berikut bisa Sahabat lakukan. Tetapi jika Sahabat masih belum paham , maka lihat dulu gambar yang ada, atau bisa juga lihat contohnya di samping kanan  blog  ini hanya beberapa judul yang dimasukkan:



sudah paham akan bikin apa sekarang. Jika sudah paham langsung saja copy dan paste kode berikut di Kustomisasi ---> Tata Letak ---> Tambah Gadget --->HTML/JavaScript dan paste pada bagian Content.

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;>
<script style="text/javascript" src="http://sites.google.com/site/masfaysblog/Home/codedaftarisi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://habibnurq.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Lalu ganti http://habibnurq.blogspot.com dengan alamat blog anda, Selamat Mencoba. Semoga berhasil ya Sahabat.
Reade more >>

Senin, 05 Maret 2012

membuat table 4 kolom dengan css

seperti biasa cari kode ]]></b:skin> di edit html
paste kode css nya diaatas ]]></b:skin>
contoh table 4 kolom


css nya
.isiboks {
background-color:#ccc;
font-family:comic sans ms;
font-size:12px;
color:#3d010a;
padding:5px;
width:200px;
}
.isiboks:hover{
background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSSNA7VHbAR-b3L88Yhxwg6nulw3RkCj3-c9dXuR9aBzHeI-Rxtsj468vOiV_-ScrgoXNft9DhngKpHJlqlyWAK6Gx2Dmb0N_etfvVaZqOrUra91TEqUE4X8lzdTvrS1SzgW5Y66w48Ws/s400/bgsGR_bgTablesilver.jpg);
}
.isiboks a{
font-family:tahoma;
font-weight:bold;
color: #003366;
text-decoration:none;
}
.isiboks a:hover{
color:#FF00FF;
}
td.judulboks{
text-align:center;
font-size:22px;
font-weight:bold;
color:#3d010a;
font-family:Tahoma;
}
td.judulboks:hover{
background:#fff url(http://japarus.xtgem.com/bgrpagar.jpg);
color: #999900;
border-color:#FF0000;
}


html nya
<table background="http://japarus.xtgem.com/pagar.jpg" bordercolor="cdd4cd" border=1 cellspacing="10" width="800">
<tr bordercolor="d8ffde">
<td class="judulboks" colspan=5 bgcolor="#CCCCCC">Judul Tabel 4 Kolom</td></tr>
<td class="isiboks" bordercolor="#d8ffde">
01. <a target="_blank" href="Link Judul-01">Judul-01</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-02">Judul-02</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-03">Judul-03</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-04">Judul-04</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-05">Judul-05</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-06">Judul-06</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-07">Judul-07</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-08">Judul-08</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-09">Judul-09</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-10">Judul-10</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-11">Judul-11</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-12">Judul-12</a> Tuliskan teks di sini !
</td>
<td class="isiboks" bordercolor="d8ffde">
01. <a target="_blank" href="Link Judul-13">Judul-13</a> Tuliskan teks di sini !<br>
02. <a target="_blank" href="Link Judul-14">Judul-14</a> Tuliskan teks di sini !<br>
03. <a target="_blank" href="Link Judul-15">Judul-15</a> Tuliskan teks di sini !<br>
04. <a target="_blank" href="Link Judul-16">Judul-16</a> Tuliskan teks di sini !
</td>
</tr>
</table>


htmlnya bisa di taruh di postingan dan juga bisa di widget baru
width="800"> ukuran lebar tempelate anda
anda bisa edit sendiri ukurannya ... selesai ..
Reade more >>