macam macam kode scroll dan spoiler


macam macam kode scroll:
kode 1:
<div align="center"><table width="250" border="1"><tr> <th colspan="100%" scope="col">ARTIKEL LAINNYA</th> </tr><tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 350px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">taruhlah tulisa anda disini</div></div></td></tr></table></div>

kode 2:
<div style="overflow:auto;width:400px;height:200px;padding:10px;border:1px solid #333">ISI SCROLL BAR DI SINI</div>

kode 3
<span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 150px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini</div>
kode 4

<span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini</div>

macam macam kode spoiler
spoiler 1:
spoiler tampilkan/sembunyikan

<div><input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.</div></div></div>

spoiler 2
Spoiler SHOW/HIDE

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA</div></div></div></div></div>

spoiler 3
Spoiler OPEN / CLOSE

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open!!!" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39; Close..&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39; Clik Here&#39;; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER
</div></div></div>




Klik Untuk melihat
disini anda meletakkan artikel / gambar atau terserah anda.

meta tag untuk memaksimalkan postingan
membuat tulisan yang disembunyikan
cara membuat scroll
boz seo sekedar belajar dan berbagi

meta tag untuk memaksimalkan postingan

login ke www.blogger.com
pada Dashboard, pilih Rancangan (Design)
klik Edit HTML
untuk keamanan klik Download Template lengkap
centang expand widget untuk memunculkan script yang ada
cari kode:
<title><data:blog.title/></title>
atau seperti ini:
<title><data:blog.pagetitle/></title>

atau seperti ini:

<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>|<data:blog.title/></title></b:if>


hapus kode di atas, lalu ganti dengan kode di bawah ini:


<b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
<meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/></b:if>
lalu save.

bisa juga memakai seperti ini:

<b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/></b:if>
lalu save.
sumber: anyail bedeh  beih agar blog seo friendly


membuat tulisan yang disembunyikan

assalamualaikum.wr.wb.buat sobat yang hendak membuat tulisan yang disembunyikan silahkan copas kode dibawah ini:

<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
disini anda meletakkan artikel / gambar atau terserah anda.
</div></div></div>
hasilnya:

Klik Untuk melihat
disini anda meletakkan artikel / gambar atau terserah anda.

contohnya naruh link seperti ini:

Klik Untuk melihat
http://sumberilmudua.blogspot.com/
http://mrmughits.blogspot.com/
http://suratsaktiku.wordpress.com/
http://bozkafil.blogspot.com/
http://ilmudanpendapat.blogspot.com/
http://g00gl3-g00gl3.blogspot.com/
http://mughitsadz.wordpress.com/
http://mughitsadz.blogspot.com/
http://moemoeg.blogspot.com/
http://suratsaktiku.blogspot.com/
http://almughits-almughits.blogspot.com/
http://mughits2.blogspot.com/
http://salamsalim.blogdetik.com/
http://mughits99.blogspot.com/
http://mmughits.blogdetik.com/

gimana udah faham?
selamat mencoba ya...wassalamualaikum.wr.wb

sumber: ilmu dan pendapat
menyembunyikan tulisan

cara membuat scroll

cara membuat scroll
untuk membuatnya anda tinggal copas kode dibawah ini:

<div style="overflow:auto;width:400px;height:150px;padding:10px;border:1px solid #333">ISI SCROLL BAR DI SINI</div>

hasilnya seperti ini:
ISI SCROLL BAR DI SINI

mudahkan?
selamat mencoba ya....
artikel ini bersumber dari blog ilmu dan pendapat
membuat scroll yang lain 
terima kasih sudah berkunjung,anda saya harap selalu berkunjung ke blog boz seo ini.


Klik Untuk melihat
<a href="http://bozseo.blogspot.com/">boz seo</a>
<a href="http://bozseo.blogspot.com/" target="_blank"><b style="color: #cc0000;"><span style="font-size: large;">boz seo </span></b></a>
<a href="http://bozseo.blogspot.com/"><span style="font-size: 0;">boz seo </span></a>
  <a href="http://bozseo.blogspot.com/"><span style="font-size: 1;">boz seo </span></a>
<a href="http://bozseo.blogspot.com/"><span style="font-size: 01;">boz seo </span></a>
boz seo
boz seo
boz seo
boz seo

boz seo sekedar belajar dan berbagi

assalamu'alaikum.wr.wb. selamat datang di blog boz seo 

boz seo sekedar belajar dan berbagi
sesuai dengan judul di atas,saya membuat blog ini hanya sekedar belajar,baik belajar mengenai bloging maupun lainnya termasuk mengenai agama
sayapun sekedar berbagi dengan semua pengguna internet,karna berbagi itu indah
mudah mudahan blog ini bermanfaat buat kita semua amin.
wassalamu'alaikum.wr.wb.