Home » Semua Post Berkategori HTML
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
Cara membuat widget Pos Terbaru (recent post) bergerak di Blog

Cara membuat widget Pos Terbaru (recent post) bergerak di Blog

hai sobat ..
kali ini saya akan membahas mengenai sebuah widget yang bikin efisien dan menarik tampilan blog anda. widget pos terbaru merupakan widget yang penting dan harus dipasang didalam sebuah blog, tapi kalau yang standar-standar terkadang suka memakan tempat bukan? maka dari itu saya akan memberikan cara memasang widget Recet Post di blog anda.
langkah-langkahnya adalah :
1. Login ke dashboard blog
2. Klik Tata Letak Blog
3. Klik posisi yang anda inginkan lalu pilih HTML
4. Copykan kode dibawah ini :


<style type="text/css">

    #rp_plus_img{height:377px;}

    #rp_plus_img li {height:60px;padding:5px;list-style:none;

    background-color:#ffffff;

    border:solid 1px #000000;}

    #rp_plus_img a{color:#00000;}

    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;

    text-align:justify;

    -moz-border-radius: 5px;}

    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}

 

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">

</script>

<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">

</script>

<script type="text/javascript">

    var speed = 1500;

    var pause = 3500;

    $(document).ready(function(){

    rpnewsticker();

    interval = setInterval(rpnewsticker, pause);

    });

 

</script>

<ul id="rp_plus_img"><script>

    var numposts = 5;

    var numchars = 0;

 

</script>     <script src="http://aksesdataseru.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

</script>     </ul>

<small><a href="http://regibrader-free.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a></small>

<small><a href="http://http://aksesdataseru.blogspot.com/2013/06/cara-membuat-widget-pos-terbaru-recent.html" target="_blank">Get This Widget</a></small>





Ganti kode yang diberi tanda merah dengan URL anda sendiri lalu klik Ok!

Maka sobat sudah berhasil memasang Recent Post yang bergerak di Blog anda.
Selamat Mencoba :)





Tulis Komentar Baca Selengkapnya »
Artikel Kode Pemisah HTML

Artikel Kode Pemisah HTML

Sambungan dari pos Kode Acuan dan Grafik HTML sekarang kita juga perlu mengetahui data berikut ini ketika mempelajari HTML :


PEMISAH
 
Paragraf
<P></P> [*]
(tag penutup seringkali tak diperlukan)
 
Align Text
<P ALIGN=LEFT|CENTER|RIGHT></P> [*]
 
 
Pndah Baris
<BR>
(pindah ke baris berikut)
 
Putus Penataan Baris
<BR CLEAR=LEFT|RIGHT|ALL>
(Clear Textwrap)
 
Garis Datar
<HR>
(Horizontal Rule)
 
Penataan Letak Garis
<HR ALIGN=LEFT|RIGHT|CENTER>
 
 
Tebal Garis
<HR SIZE=?>
(dalam satuan pixel)
 
Lebar Garis
<HR WIDTH=?>
(dalam satuan pixel)
N1.0
Lebar Garis Persentasi
<HR WIDTH="%">
(dalam persentasi terhadap lebar halaman)
 
Garis Pejal
<HR NOSHADE>
(Solid Line - tanpa pola 3D)
N1.0
Tanpa Ganti Baris
<NOBR></NOBR>
(No Break - mencegah ganti baris)
N1.0
Sambung Suku Kata
<WBR>
(Word Break - letak ganti baris bila diperlukan) 
Semoga bermanfaat, untuk materi selanjutnya, mohon kunjungi pos berikutnya ya!
Tulis Komentar Baca Selengkapnya »
Artikel Acuan dan Grafik HTML

Artikel Acuan dan Grafik HTML

Lanjut! Sambungan dari pos Format Tampilan HTML sekarang kita juga perlu mengetahui data berikut ini ketika mempelajari HTML :


ACUAN DAN GRAFIK
 
Acuan pada dokumen tertentu
<A HREF="URL"></A>
 
 
Acuan pada sasaran dalam dokumen
<A HREF="URL#***"></A>
(bila terdapat pada dokumen lain)
<A HREF="#***"></A>
(bila terdapat pada dokumen yang sama)
N2.0
Jendela Sasaran (Target Window)
<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>
 
 
Penamaan sasaran pada dokumen
<A NAME="***"></A>
 
 
Kaitan(Relationship)
<A REL="***"></A>
(jarang digunakan)
 
Kaitan terbalik (Reverse Relationship)
<A REV="***"></A>
(jarang digunakan)
 
Peragaan Gambar
<IMG SRC="URL">
 
 
Penataan Letak Gambar
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
 
N1.0
Penataan Letak Gambar
<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>
 
 
Alternatif Teks
<IMG SRC="URL" ALT="***">
(saat gambar belum/tidak ditampilkan)
 
Daerah Gambar (Imagemap)
<IMG SRC="URL" ISMAP>
(membutuhkan program script)
 
Daerah Gambar pihak klien
<IMG SRC="URL" USEMAP="URL">
 
 
Uraian Daerah Gambar
<MAP NAME="***"></MAP>
 
 
Pembagian Daerah Gambar
<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
 
 
Dimensi Gambar
<IMG SRC="URL" WIDTH=? HEIGHT=?>
(in pixels)
 
Garis Batas
<IMG SRC="URL" BORDER=?>
(dalam satuan pixel)
 
Ruang Pembatas
<IMG SRC="URL" HSPACE=? VSPACE=?>
(dalam satuan pixel)
N1.0
Gambar Low-Res Proxy
<IMG SRC="URL" LOWSRC="URL">
 
N1.1
Pemindahan Tarik
<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
(Client Pull)
N2.0
Objek Cantum
<EMBED SRC="URL">
(Embed Object - mencantumkan objek pada dokumen)
N2.0
Ukuran Objek
<EMBED SRC="URL" WIDTH=? HEIGHT=?>
 
 

Semoga bermanfaat, untuk materi selanjutnya, mohon kunjungi pos berikutnya ya!
Tulis Komentar Baca Selengkapnya »
Artikel Format Tampilan HTML

Artikel Format Tampilan HTML

Sambungan dari pos Rancangan Struktural HTML sekarang kita juga perlu mengetahui data berikut ini ketika mempelajari HTML :


FORMAT TAMPILAN
 
Huruf Tebal
<B></B>
(Bold)
 
Huruf Miring
<I></I>
(Italic)
N3.0b
Garis Bawah
<U></U>
(Underline - jarang digunakan)
 
Huruf Coret
<STRIKE></STRIKE>
(Strikeout - jarang digunakan)
N3.0b
Huruf Coret
<S></S>
(Strikeout - jarang digunakan)
 
Huruf Geser Bawah
<SUB></SUB>
(Subscript)
 
Huruf Geser Atas
<SUP></SUP>
(Superscript)
 
Huruf Mesin Ketik
<TT></TT>
(Typewriter - huruf berjarak tetap)
 
Pra-format (Preformatted)
<PRE></PRE>
(menampilkan dengan jarak pra-format)
 
Jarak Huruf
<PRE WIDTH=?></PRE>
(mengatur jarak huruf)
 
Rata Tengah
<CENTER></CENTER> [*]
(Center - berlaku untuk teks maupun gambar)
N1.0
Huruf Kedip
<BLINK></BLINK>
(Blinking - tag terlucu sampai kini)
 
Ukuran Huruf
<FONT SIZE=?></FONT>
(Font Size - boleh diisi dari 1 sampai 7)
 
Rubah Ukuran Huruf
<FONT SIZE="+|-?"></FONT>
 
N1.0
Basis Ukuran Huruf
<BASEFONT SIZE=?>
(boleh diisi 1 sampai 7; ukuran standard/default=3)
 
Warna Huruf
<FONT COLOR="#$$$$$$"></FONT>
 
N3.0b
Pilih Jenis Huruf
<FONT FACE="***"></FONT>
 
N3.0b
Teks Multi Kolom
<MULTICOL COLS=?></MULTICOL>
 
N3.0b
Jarak Batas Kolom
<MULTICOL GUTTER=?></MULTICOL>
(default = 10 pixels)
N3.0b
Lebar Kolom
<MULTICOL WIDTH=?></MULTICOL>
 
N3.0b
Celah (Spacer)
<SPACER>
 
N3.0b
Jenis Celah
<SPACER TYPE=horizontal| vertical|block>
 
N3.0b
Ukuran Celah
<SPACER SIZE=?>
 
N3.0b
Dimensi Celah
<SPACER WIDTH=? HEIGHT=?>
 
N3.0b
Penataan Celah
<SPACER ALIGN=left|right|center>
 
 

Semoga bermanfaat, untuk materi selanjutnya, mohon kunjungi pos berikutnya ya!
Tulis Komentar Baca Selengkapnya »