;
Showing posts with label Tutorial Blogger Lengkap. Show all posts
Showing posts with label Tutorial Blogger Lengkap. Show all posts

Cara Membuat Link Pintar Pada Blog

Cara Membuat Link Pintar Pada Blog

 

Cara Membuat Link Pintar Pada Blog
image
Dunia nasta69 - Apa kabar teman nasta69 semuanya...??? sudah lama gak posting ni... biasa karena kesibukan pribadi. Btw malam mingguan ini pada ngapain ni teman nasta69 ??? pada malam mingguann yaaaa??? hati2 ya di jalan... kalau buat yang di rumah dari pada bengang-bengong lebih baik  sempetin dech baca yang satu ini, mudah-mudahan bermamfaat dech bagi para blogger maupun yang membacanya...hehehe. 
Sambil Nunggu pertandingan EURO juga gak salah juga pengen berbagi kepada teman nasta69 semuanya... Yang akan dunia nasta69 share pada kali ini adalah Cara membuat Link Pintar Pada Blog !!! pa sih maksud judul posting ini ??? begini toh ana jelasin....hehehhe kayak orang pintar aje !!! Pernah dengar atau melihat nggak sebuah plugin yang fungsinya memberi/mengubah setiap kata yang kita tentukan/pilih,menjadi sebuah link. 
Jadi kesimpulannya script ini akan membaca setiap kata pada setiap postingan,supaya jelasnya berikut saya kasih contohnya, jika teman nasta69 memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "SEO" akan di Link ke alamat url yang telah teman nasta69 tentukan. Untuk bukti otentiknya bisa teman nasta69 lihat pada halaman yang sedang teman baca ini, di sini saya memasukkan kata "Chayoy" dan memberikan  alamat link url nya menuju url home page saya...
Selanjutnya teman-teman nasta69idak usah kwatir, apakah script auto link ini melanggar google guidelines. Syaratnya selama jumlah link yang teman nasta69 masukkan pada kode masih dalam tahap wajar. Rekomendasi saya sih sebaiknya cukup 1 aja !!!
Berikut tahap-tahap Cara membuat Link Pintar Pada Blog :
  1. Pertama, Login dulu ke blog teman nasta69
  2. Klik Design (rancangan), untuk tampilan baru menyesuaikan saja yaa...
  3. Lalu klik edit html dan cari kode </body>  Untuk mempermudah pencarian tekan tombol ctrl+f pada keyboard
  4. Setelah ketemu ,sekarang teman nasta69 copy kode di bawah ini dan pastekan kode script tersebut tepat Diatas kode </body> tadi.
    <b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
    function autoLink(){
        this.keywdHref = new Object();
        this.add = function(keyword, href){
            if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
            this.keywdHref[keyword] =  href;
        }
        this.createAnchor = function(){
            var objs = document.getElementsByTagName(&quot;div&quot;);
            for(var i=0; i&lt;objs.length; i++){
                var obj = objs[i];
                if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                    var content = obj.innerHTML;
                    for(var keyword in this.keywdHref){
                        var href = this.keywdHref[keyword];
                        var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                        obj.innerHTML = newstr;
                        content = newstr;
                    }
                }
            }
        }
        this.startScript = function(){
            var onLoad = window.onload;
            window.onload = function(){
                if(onLoad){onLoad();}
                setTimeout(&quot;f.createAnchor()&quot;, 100);
            }
        }
    }
    </script>
    <script type='text/javascript'>
    var f = new autoLink();
    f.add(&quot;nasta69&quot;, &quot;http://nasta69.blogspot.com/&quot;);
    f.startScript();
    </script></b:if>
Keterangan :
  • Lihat bagian paling akhir kode dan ganti nasta69 dengan kata atau kata kunci yang teman nasta69 inginkan.
  • Lanjut setelahnya ganti http://nasta69.blogspot.com/ dengan alamat url yang dituju.
Mungkin hanya itu yang dapat dunia nasta69 share pada malam ini,semoga bisa bermamfaat buat kita semua. Sekalian Selamat nonton EURO nanti malam... jangan sedih timnya kalah/seri karena di setiap pertandingan pasti ada yang menang maupun kalah.
See U Next Time...
14:40| 0comments| Read More

Al-Quran Online Di Blog Dan Postingan

Al-Quran Online Di Blog Dan Postingan

Dunia nasta69 - Al-Quran Online Di Blog Dan Postingan. Bagi teman nasta69 yang ingin melihat Al-Quran secara online bisa nengok ke bawah ini, al-quran online ini juga di lengkapi dengan file audionya jadi bisa mendengarkan seperti apa bacaan yang jelasnya...






Bagi Teman-teman nasta69 yang ingin memasang Al-Quran On-line ini di blognya caranya mudah kok....lagian banyak mamfaatnya buat orang lain kan.... ni caranya :
  1. Pertama masuk ke dalam new entry teman,atau tempat teman nasta69 membuat postingan.
  2. Setelah itu teman COPAS kode di bawah ini ke postingan teman, tapi copasnya ke posting mode html bukan compose, sekali lagi dalam mode html (letaknya di pojok kiri atas layar posting teman)

    <iframe src="http://m.alquran-indonesia.com/mquran/index.php/quran"width="100%"frameborder="0"height="350"></iframe></div>

  3. Setelah Di copas,ubah lagi mode postingnya ke mode Compose untuk melihat hasilnya.
  4. Enjoykan...
13:26| 0comments| Read More

Cara Membuat Postingan Random Bi Blog

tips dan trrik dari blog nasta69 kali ini ialah : cara membuat postingan random di blog ,. pengen tau caranya ?
langsung saja ke TKP >>


1. Anda masuk dulu ke akun blogger anda.
2. Kemudian masuk ke dashboard, lalu pilih dan klik Desaign/rancangan.
3. Sekarang anda berada di halaman Layout atau Page elements.
4. Pilih dan klik Add Gadget, lalu pilih HTM/JavaScript.
5. Masukkan dan Copy Paste Kode di bawah ini


<script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=12;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; document.write(item);}} }document.write('</ul>');} </script> <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

6. Terakhir klik save/ Simpan HTML

Keterangan : Angka 12  yang Berwarna Merah dapat anda ganti sesuai keinginan anda, terserah anda berapa banyak anda akan menampilkan link artikel acak di sidebar blog anda tersebut. Angka 12 tersebut adalah jumlah link postingan acak yang akan di tampilkan.

Selamat mencoba, Jika Anda telah berhasil, mohon memberikan komentar disini.
baca juga artikel ini : NEW ARTIKEL DAN TER-UNIK
11:41| 0comments| Read More

Cara Membuat Menu Drop Down Diblogspot


Cara Membuat Menu Drop Down Pagi sobat blogger. Dipagi yang cerah. setelah mandi dan sarapan roti dengan secangkir teh yang hangat, sangat pas untuk memulai aktivitas dengan menulis sebuah tutorial yang berhubungan dengan blogspot yaitu Cara Membuat Menu Drop Down. Biar gak usah kelamaan mending langsung saja gunakan code dibawah ini :
contohnya seperti dibawah ini :



Semoga turorial dari saya sangat membantu anda, salam blogger indonesia. Semoga hari ini lebih baik dari pada hari kemarin, dan semoga hari esok lebih baik dari pada hari ini ©.

 baca juga artikel ini : NEW ARTIKEL DAN TER-UNIK
15:48| 0comments| Read More

Cara Memasang Jam di Blog

Cara Memasang Jam di Blog.
Mungkin dari beberapa pengguna blog sering kita menemukan blog yang dihiasi oleh jam. bagi anda yang ingin memasang jam pada blognya mari kita ikuti tutorial berikut ini :

Ada banyak situs yang menyediakan widget untuk memasang jam secara gratis tetapi disini Trik Tips Tutorial akan membahas cara memasang jam dari sebuah situs yang menyediakan pemasangan jam secara gratis dan situs ini yang paling banyak digunakan oleh para blogger. Situs ini menyediakan berbagai bentuk jam apalagi di dalam situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu. situs tersebut adalah :

www.clocklink.com

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 kita menuju blog kita

  1. Silahkan login ke blogger dengan ID anda
  2. Klik Tata Letak
  3. Klik tab Elemen Halaman
  4. Klik Tambah Gadget
  5. Klik tanda plus (+) untuk HTML/Javascript
  6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
  7. selesai
jika sudah berhasil akan tampak seperti dibawah ini :





ada beberapa situs lain yang menyediakan widget jam untuk blog secara gratis diantaranya adalah :
www.mytictac.com

sukses ya...
suber
20:11| 0comments| Read More

Membuat Tab Menu Dropdown di Blog


Membuat Tab Menu Dropdown di Blog

pengen buat tab menu dropdown milik mu sendiri???
pasti iya,. hehehe,. langsung saja ke TKP>>


membuat tab menu dropdown, tab menu dropdown, tab menu horizontal, tab menu


Saya yakin sekali setelah Anda melihat demo tab menu dropdown ini, Anda tertarik untuk mengaplikasikannya kedalam blog yang anda miliki. Jika demikian saya akan memandu anda untuk membuat tab menu dropdown ini, seperti tutorial yang dapat anda baca dibawah ini.

1. Login ke account blogger Anda

2. Untuk dasbor blogger baru
Klik template > Edit HTML > Klik Lanjutkan > Beri ceklis/centang pada kotak kecil Expan template widget
Untuk dasbor blogger lama
Klik rancangan > Edit HTML > Beri ceklis/centang pada kotak kecil Expand template widget

Sebelum kita muali untuk menambah kode tab menu dropdown ini saya sangat menganjurkan kepada Anda untuk mendownload lengkap template Anda dulu. Hal ini dilakukan untuk membeckup template lama dan berjaga-jaga jika nanti terjadi kesalahan. Untuk dasbor blogger baru tombol untuk mendownload template ada pada opsi Cadangkan/Pulihkan yang berada pada kiri atas dasbor blog Anda. Jika sudah saya Akan melanjutkan tutorial berikutnya.

3. Cari kode ]]></b:skin> (gunakan ctrl + f atau F3 untuk mempermudah pencarian)

4. Jika sudah dapat masukkan kode berikut ini tepat diatas ]]></b:skin>

/* Menu Live
----------------------------------------------- */
#Live ul, li{
padding: 0px;
margin: 0px;
}
#Live ul.dropmenu{
position: relative;
margin: 0px;
padding: 1px 0px 0px 0px;
background:transparent url(http://s3.envato.com/files/1075971/images/navigation.png) repeat-x scroll 0 0;
display:block;
height: 35px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
#Live .dropmenu li{
position: relative;
list-style: none;
float: left;
margin: 0px;
padding: 0px;
}
#Live .dropmenu li a{
height: 22px;
padding: 9px 30px 0px 15px;
display: block;
cursor: point;
border-right: solid 1px #4a779d;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
}
#Live .dropmenu li span{
display: block;
float: right;
height: 10px;
width: 10px;
background:transparent url(http://s3.envato.com/files/1075971/images/arrow_up.png) repeat-x scroll 0 0;
position: absolute;
top: 12px;
right: 10px;
}

#Live .dropmenu li a:hover span{
background:transparent url(http://s3.envato.com/files/1075971/images/arrow_hover.png) repeat-x scroll 0 0;
}
#Live .dropmenu li:hover ul, .dropmenu li:hover div{
display: block;
}
#Live .dropmenu ul{
position: absolute;
display: none;
width: 140px;
padding: 0px;
margin: 0px;
border-bottom: 1px solid #ccc;
background: #FFFFFF url(http://s3.envato.com/files/1075971/images/gradient.png) repeat-x scroll 0 0;
}
#Live .dropmenu ul li{
border: 0;
float: none;
}
#Live .dropmenu ul a {
border: 1px solid #ccc;
border-bottom: 0;
white-space: nowrap;
display:block;
color: #0657AD;
text-transform: none;
}

.dropmenu a.selected, .dropmenu a:hover{
color: #0657AD !important;
background: #FFFFFF url(http://s3.envato.com/files/1075971/images/gradient.png) repeat-x scroll 0 0;
}
#Live a.selected span{
background:transparent url(http://s3.envato.com/files/1075971/images/arrow_hover.png) repeat-x scroll 0 0;
}
#Live .dropmenu ul a:hover {
color:#F67A00 !important;
text-decoration: none;
background-color: #F0F0F0;
background-image: none;
}
#Live .dropmenu div ul{
position: relative;
display: block;
}
#Live .dropmenu li div{
background: #FFFFFF url(http://s3.envato.com/files/1075971/images/gradient.png) repeat-x scroll 0 0;
border: 1px solid #ccc;
padding: 5px;
display: none;
position: absolute;
}
#Live .dropmenu li div ul{
border: none;
background: none;
position: relative !important;
}
#Live .dropmenu li div a{
border: none;
border-bottom: 1px solid #ccc;
}

#Live .dropmenu li div div{
display: block;
position: relative;
background: none;
border: none;
}

#Live .dropmenu li div div a{
display: inline;
border: none;
color: #0657AD;
padding: 0px;
margin: 0px;
text-transform: none; /*
text-decoration: underline; */
}
#Live .dropmenu li div div a:hover{
color: #F67A00;
text-decoration: none;
border-bottom: 1px dashed #000;
}

#Live ul.left{
float: left;
width: 145px;
}
#Live ul.right{
float: right;
width: 145px;
}
#Live .small{
color: #666;
font-size: 11px;
padding: 10px 5px 8px 5px !important;
display: block;
clear: both;
}
#Live .products{
width: 300px;
padding: 15px !important;
}
#Live .products ul{
width: 100%;
}
#Live .products ul li{
border-bottom: 1px solid #ccc;
height: 40px;
padding: 10px 0px;
}
#Live .products h2{
font-size: 16px;
padding: 2px 0px 3px 0px;
margin: 0px;
}
#Live .products p{
color: #666;
font-size: 10px;
padding: 0px;
margin: 0px;
}
#Live .products img{
float: left;
padding-right: 10px;
}
#Live .products ul li a{
display: inline;
border: none;
color: #666;
padding: 0px;
margin: 0px;
text-transform: none; /*
text-decoration: underline; */
}
#Live .products ul li a:hover{
color: #000 !important;
text-decoration: none;
background: none !important;
border-bottom: 1px dashed #000;
}

#Live .tutorials{
width: 300px;
}

#Live .profile{
width: 300px;
padding: 15px !important;
}

#Live .profile ul{
width: 100%;
}
#Live .profile ul li{
border-bottom: 1px solid #ccc;
height: 40px;
padding: 10px 0px;
}
#Live .profile h2{
font-size: 16px;
padding: 2px 0px 3px 0px;
margin: 0px;
}
#Live .profile p{
color: #666;
font-size: 10px;
padding: 0px;
margin-left: 120px;
}
#Live .profile img{
float: left;
padding-right: 10px;
border: 1px solid rgb(226, 226, 226);
width: 100px;
height: 100px;
padding: 5px;
margin-top: 17px;
margin-right: 10px;
}

#Live .profile a:hover {
background:none;
}
#Live .login{
padding: 15px !important;
width: 180px;
}
#Live input{
border:1px solid #4A779D;
padding: 3px 8px;
margin-bottom: 8px;
width: 164px;
}
#Live label{
padding: 0px 0px 4px 0px;
display:block;
}
#Live button{
background: #4A779D url(http://s3.envato.com/files/1075971/images/navigation.png) repeat-x scroll 0 0;
color: #FFF;
border:1px solid #4A779D;
padding: 4px 10px;
width: 180px;
}

5. Kemudian Anda lanjutkan dengan mencari kode </head> jika sudah dapat, masukkan kode berikut ini tepat diatasnya

<!-- Live Menu by nasta69 -->
<script src='http://reog.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://reog.googlecode.com/files/dropmenu.js' type='text/javascript'/>
<script>
$(document).ready(function(){
$(&quot;#nav-one&quot;).dropmenu();
});
</script>

6. Tambahkan kode dibawah ini pada bagian Header Blog atau pada bagian <body> atau jika template masih setandar letakkan pada bagian <div id='outer-wrapper'> namun ada beberapa template yang memiliki struktur kode yang berbeda seperti template blogger standar pada demo, saya meletakkan kode berikut ini dibawah tag penutup </header> (masing-masing template berbeda).

<div id='Live'>
<ul class='dropmenu' id='nav-one'>
<li>
<a href='#'>Home</a>
</li>
<li>
<a href='#'>Forum</a>
<ul>
<li><a href='#'>Support</a></li>
<li><a href='#'>Help</a></li>
<li><a href='#'>Examples</a></li>
<li><a href='#'>Your work</a></li>
</ul>
</li>
<li>
<a href='#item3'>Downloads</a>
<ul>
<li><a href='#'>Tools</a></li>
<li><a href='#'>Office</a></li>
<li><a href='#'>Custom projects</a></li>
</ul>
</li>
<li>
<a href='#'>Services</a>
<div class='products'>
<ul>
<li><img alt='Thumb' border='0' height='40' src='https://lh3.googleusercontent.com/_HR8egC6j8tg/TaO0_4J88II/AAAAAAAAAWQ/jXzJP5JiRr4/design.png' width='40'/><h2>Design Template</h2><p><a href='#'>Desig Template Blogger</a></p></li>
<li><img alt='Thumb' border='0' height='40' src='https://lh4.googleusercontent.com/_HR8egC6j8tg/TaO1GgOaqvI/AAAAAAAAAWU/9Gy6ImALKXk/gallery.png' width='40'/><h2>Gallery Blogger</h2><p><a href='#'>View and Download Template</a></p></li>
<li><img alt='Thumb' border='0' height='40' src='https://lh6.googleusercontent.com/_HR8egC6j8tg/TaO1MROxsBI/AAAAAAAAAWY/d6UthoqsB0I/help.png' width='40'/><h2>Blogger Help</h2><p><a href='#'>Can Help Blog Problem</a></p></li>
<li><img alt='Thumb' border='0' height='40' src='https://lh4.googleusercontent.com/_HR8egC6j8tg/TaO1T5uh_VI/AAAAAAAAAWc/SrFLXC-dwPM/safety.png' width='40'/><h2>Blogger Safety</h2><p><a href='#'>Safety Blogger Template</a></p></li>
</ul>
<div class='small'><a href="http://super-bee.blogspot.com/"> Panduan dan Cara Membuat Blog</a></div>
</div>
</li>
<li>
<a href='#'>Tutorials</a>
<div class='tutorials'>
<ul class='left'>
<li><a href='#'>Javascript</a></li>
<li><a href='#'>Python</a></li>
<li><a href='#'>PHP</a></li>
</ul>
<ul class='right'>
<li><a href='#'>HTML/CSS</a></li>
<li><a href='#'>ASP.NET</a></li>
<li><a href='#'>Actionscript</a></li>
</ul>
<div class='small'>View <a href='#'>all categories</a> or a <a href='#'>list of the best tutorials</a>.</div>
</div>
</li>
<li>
<a href='#'>Links</a>
<ul>
<li><a href='#'>Programming</a></li>
<li><a href='#'>Inspiration</a></li>
<li><a href='#'>My websites</a></li>
<li><a href='#'>Clients</a></li>
<li><a href='#'>Cool stuff</a></li>
<li><a href='#'>Sitebase</a></li>
<li><a href='#'>Other</a></li>
</ul>
</li>
</ul>
</div>

Perhatikan tanda pagar yang saya beri warna merah pada kode diatas, tanda pagar tesrsebut dapat Anda ganti dengan url/link yang Ada pada blog Anda dan sesuaikan juga textnya dengan yang anda inginkan.

7. Klik pratinjau untuk melihat hasil sementara, jika tidak mengalami masalah, kemudian save dan lihat hasilnya.

Anda dapat memodifikasi tab menu dropdown diatas dengan tampilan yang lebih bagus lagi, jika Anda sudah mengerti CSS dan bagian template blogger. Sampai disini dulu penjelasan panduan dan cara membuat blog khususnya membuat tab menu dropdown yang dapat saya sampaikan.
10:36| 0comments| Read More

Cara Membuat Teks Berjalan Dari Kiri Kekanan Maupun Sebaliknya

Cara Membuat Teks Berjalan Dari Kiri Kekanan Maupun Sebaliknya

aduh..... Aduhhhh pusing lg....... Pusing lg.....
Mana mau bikin teks aneh- aneh lagi,.
Pasti sobat- sobat lagi berfikir gimana sii cara membuat teks yang satu ini.
Ada 2 cara membuat teks ini, Langsung adj ke TKP>>

TEKS BERJALAN DARI KIRI KEKANAN

1. Login ke blog
2. Buat entri baru
3. Tulis HTML
4. Beri judul
5. Masukkan kode dibawah ini (salin adj langsung)

6. Terbitkan entri

hasil:
teks sesuka hati anda disini

TEKS BERJALAN DARI KANAN KEKIRI

1. Login ke blog
2. Buat entri baru
3. Tulis HTML
4. Beri judul
5. Masukkan kode dibawah ini (salin adj langsung)



6. Terbitkan entri

hasil:
teks sesuka hati anda disini


ctt:
scrollamount = kecepatan gerak, semakin besar angka smakin cepat gerakan.


Slamat mencoba, smoga sukses ea,. Hehehehe ©

baca juga artikel ini : ARTIKEL TERBARU DAN TERPOPULER
01:44| 0comments| Read More

Cara Membuat Link Seperti Tombol Kotak


Cara Membuat Link Seperti Tombol Kotak | HTML 


Cara Membuat Link Seperti Tombol Kotak | HTML link apa nie, saya bingung. mau bikin link yang seperti ini

di postingan atau di halaman utama ( elemen laman ). langsung saja ke TKP>>

  • LINK DILETAKKAN DI POSTINGAN 
1. Masuk ke blog anda.
2. Klik Entri Baru.
3. Beri judul postingan.
4. Mode Edit HTML.
5. Masukan code script dibawah ini

6. Publikasikan Entri. Hasil :
 






  • LINK DILETAKKAN DI ELEMEN LAMAN 
1. Masuk ke blog anda.
2. Klik Rancangan -> Elemen Laman.
3. Klik Tambah Gadget.
4. Klik HTML / Java Script.
5. Masukan code dibawah ini



 
6. Simpan.

Ctt : ganti "http://www.nasta69.blogspot.com/" dengan alamat yang akan anda kehendaki. Ganti "Cancer69" dengan nama sesuka anda.

Keywoard : Cara Membuat Link Seperti Tombol Kotak Menggunakan HTML, Cara Membuat Link Hidden Menggunakan HTML, Cara Membuat Link Tidak Kelihatan, Link Dalam Kotak, Link Dalam Box, Tutorial Membuat Link Seperti Tombol Kotak Menggunakan HTML. Kreasi anak bangsa ©

19:36| 1comments| Read More

Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah

Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah | HTML
Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah | HTML



Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah | HTML




Teks rata tengah ( center )
atau rata kanan ( right )
atau rata kiri ( left )</span>
ataupun rata kanan-kiri ( justify ).

langsung saja ke TKP =>

  • cara membuat Teks rata tengah :

Login ke blog anda => Entri baru => Beri judul sesuka anda => Mode Edit HTML => Masukan code dibawah ini
<span align="center">paragraf ini pada posisi rata tengah</span>
lalu terbitkan entri.
Hasil :
 paragraf ini pada posisi rata tengah


  • cara membuat paragraf rata kanan :

Login ke blog anda => Entri baru => Beri judul sesuka anda => Mode Edit HTML => Masukan code dibawah ini
<span align="right">paragraf ini pada posisi rata kanan</span>
lalu terbitkan entri.
Hasil :

paragraf ini pada posisi rata kanan

  • cara membuat paragraf rata kiri :
Login ke blog anda => Entri baru => Beri judul sesuka anda => Mode Edit HTML => Masukan code dibawah ini

<span align="left">paragraf ini pada posisi rata kiri</span>


lalu terbitkan entri.
Hasil :

paragraf ini pada posisi rata kiri

  • cara membuat paragraf rata kanan-kiri :

Login ke blog anda => Entri baru => Beri judul sesuka anda => Mode Edit HTML => Masukan code dibawah ini

<span align="justify">paragraf ini pada posisi rata kanan-kiri</span>

laluerbitkan entri.
Hasil :

paragraf ini pada posisi rata kanan-kiri

slamat mencoba &copy;
19:10| 8comments| Read More