Cara Membuat Highlight All atau Select All

Cara Membuat Highlight All atau Select All dengan background ini sangat mudah,hanya tinggal copy dan paste kode di bawah ini di widget yang kamu inginkan.
Biasanya Highlight All atau Select All ini di gunakan dalam postingan blog yang mengandung kode html ,dll. Bisa juga kamu atur tinggi dan lebar textarea nya.
Cara Membuat Highlight All atau Select All yang simple dan praktis ini kamu copy dan paste kode di bawah ini ke dalam widget atau pun postingan blog kamu.

Keterangan : - Ubah ukuran lebar yang berada pada tulisan width - Ubah ukuran tinggi yang berada pada tulisan height - Ubah warna yang berada pada tulisan background Jika masih bingung,silahkan komentar.

Cara Otomatis Merubah Gambar Background Blog

Berikut adalah tutorial blog untuk merubah background website atau blog tanpa harus edit html.
Mungkin diantara kamu ada yang berkata tidak ada gunanya dan membuat loading blog menjadi berat.
Tapi menurut saya merubah background blog dengan cara otomatis sangat berguna untuk membuat pembaca artikel postingan kamu tidak jenuh melihat 1 background saja dan ini tidak membuat blog atau website menjadi berat karena hanya memakan 1kb hingga 2kb.

Jika berminat maka copy dan paste kode html di bawah ini ke dalam widget kamu.

<select onchange="amrichangebgi(this.value);" name="amricbgc" title="Change Background Image" width="200" height="30"> <option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed" />background 1 <option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed" />background 2 <option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed" />background 3 <option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed" />background 4 <option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed" />background 5 </select><script src="http://amricow-file.googlecode.com/files/change%20background.txt" type="text/javascript"></SCRIPT>

Keterangan : - Ubah tulisan Backgroung 1 sampai background 5 dengan yang kamu inginkan - Ubah tulisan MASUKKAN URL GAMBAR DISINI dengan url atau link gambar yang ingin kamu pasang jadi background blog atau website kamu

Cara Membuat CSS Drop Down Menu Klik Aja Gambarnya Agar Terlihat Jelas
br/> 1. Copy paste ini kode dibawah ini di atas kode </head>
br/>

<style type="text/css"> .menu-secondary-wrap{padding:0;position:relative;height:56px;z-index:300;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFpa_IjuYoH-iMHDh9vT4lfvL8GhJD1nye2r_8e24gRFS-NHyYOZup9QUl9LR_5AQm5rQtgyz_cpmrXxbghyphenhyphend64-PHSUnPhLJP6POZvIwRsszkVjrDqC4_uNYCmCDYfHFyEzsoO_QHhxBa/s1600/menu-secondary-bg.png) left top repeat-x;margin-bottom:4px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding-left:6px} .menu-secondary{} .menu-secondary ul{min-width:160px} .menu-secondary li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKTldpTiw5EAm5aMWbw7SMMRN0L1Tqw6Rz5XdsPHKBnUD78Q-94JO0qztTh70DVaZtB4E009z-XOkeoLqty0N_FFpqGlSMH_HiQYlO5gI7GEGrNXElTCyvsogL0mfq1v_uFseuwfxgQxTB/s1600/menu-secondary-separator.png) right center no-repeat;margin:0 5px 0 0} .menu-secondary li a{color:#E9EDE1;padding:19px 15px 22px 15px;text-decoration:none;text-transform:uppercase;font:bold 12px Arial,Helvetica,Sans-serif;margin:0 6px 0 0} .menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#E9EDE1;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFpa_IjuYoH-iMHDh9vT4lfvL8GhJD1nye2r_8e24gRFS-NHyYOZup9QUl9LR_5AQm5rQtgyz_cpmrXxbghyphenhyphend64-PHSUnPhLJP6POZvIwRsszkVjrDqC4_uNYCmCDYfHFyEzsoO_QHhxBa/s1600/menu-secondary-bg.png) left -156px repeat-x;outline:0} .menu-secondary li li a{color:#FFF;background:#6B9A05;padding:10px 15px;text-transform:none;margin:0;font-weight:normal;border:0} .menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#FFF;background:#9ADF06;outline:0} .menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px} .menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:20px 13px 0 0} .menu-secondary li li .sf-sub-indicator{padding:8px 13px 0 0} .menu-secondary-wrap .sf-shadow ul{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD-DZsp8olkHyQ152Rrjxp-KOTq7tvMWOz79HXsLvxMf8rKctE7ZusR42kBtq_JLbsh0QGH7jUy-FiInCqxJPS22vKmURUW5TNsqdRSjdfDbTSyswveOgdnYswpXTsJR-N_sD4CK1u-QbH/s1600/menu-secondary-shadow.png') no-repeat bottom right}</style>

2. Berikut Pemasangan Html nya,taruh di atas kode <body>

<div class='span-24'><div class='menu-secondary-wrap'> <ul class='menus menu-secondary'><li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>Business</a> <ul class='children'><li><a href='#'>Internet</a></li> <li><a href='#'>Market</a></li> <li><a href='#'>Stock</a></li> </ul></li> <li><a href='#'>Downloads</a> <ul class='children'><li><a href='#'>Dvd</a></li> <li><a href='#'>Games</a></li> <li><a href='#'>Software</a> <ul class='children'><li><a href='#'>Office</a> </li> </ul></li> </ul></li> <li><a href='#'>Parent Category</a> <ul class='children'><li><a href='#'>Child Category 1</a> <ul class='children'><li><a href='#'>Sub Child Category 1</a></li> <li><a href='#'>Sub Child Category 2</a></li> <li><a href='#'>Sub Child Category 3</a></li> </ul></li> <li><a href='#'>Child Category 2</a></li> <li><a href='#'>Child Category 3</a></li> <li><a href='#'>Child Category 4</a></li> </ul></li> <li><a href='#'>Featured</a></li> <li><a href='#'>Health</a> <ul class='children'><li><a href='#'>Childcare</a></li> <li><a href='#'>Doctors</a></li> </ul></li> <li><a href='#'>music</a></li> <li><a href='#'>Uncategorized</a></li> </ul></div></div>

br/> Jika ada kesulitan,silahkan komentar ...

Menjadwalkan Postingan

Untuk Menjadwalkan Postingan sangat mudah,hanya dengan pilih Post options kemudian lihat pada gambar di atas.

Bisa juga kamu Menjadwalkan Postingan untuk besok.

Menjadwalkan Postingan ini sangat mudah tapi cukup bermanfaat untuk mengatur urutan postingan di blog kamu.

Silahkan Mencoba !!!!

Drop Down List

Cara Membuat Drop Down List di Blog ini tidak lah susah. Cukup Membuat form dan mengisikan nama list dan url tujuan. Hal ini banyak di lakukan pada arsip dalam blog atau daftar isi blog. Kegunaan ini untuk tidak memakan widget atau tidak semak atau lagi memakan tempat. Bisa juga untuk sebagai list translator kamu dengan menggunakan cara Drop Down List ini.
Berikut tutorial Cara Membuat Drop Down List di Blog :

1. Copy dan Paste kode di bawah ini di widget yang kamu inginkan ( sudah tahu kan arti widget?)

<form name="jump"> <select name="menu"> <option value="http://ulil-amri.com">my blog1</option> <option value="http://ulil-amri.com">my blog2</option> <option value="http://ulil-amri.com">my blog3</option> <option value="http://ulil-amri.com">my blog4</option> <option value="http://ulil-amri.com">my blog5</option> <option value="http://ulil-amri.com">my blog6</option> <option value="http://ulil-amri.com">my blog7</option> <option value="http://ulil-amri.com">my blog8</option> <option value="http://ulil-amri.com">my blog9</option> <option value="http://ulil-amri.com">my blog10</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </form>

2. Edit aja teks my blog1 dan seterusnya dengan yang kamu inginkan. Begitu juga dengan link nya.

Gampang kan?
Di bawah ini contoh Membuat Drop Down List di Blog

my blog1 my blog2 my blog3 my blog4 my blog5 my blog6 my blog7 my blog8 my blog9 my blog10

Kode Warna Html Di Blog Dan Website Lainnya

Kamu bingung dan tidak hafal kode warna di css kamu ya?
Jangan khawatir,disini saya menyediaka Kode Warna Html di css kamu.
Pilih warna yang kamu inginkan dan copy kode warnanya yang ada di kotak Hex.

Hex:

Hue:		Red:
Saturation:		Green:
Value:		Blue:

** Berikut adalah kumplan marquee ** 

Marquee Kanan Ke Kiri :

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Kiri Ke Kanan :

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Bolak balik kiri kanan :

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Ke Atas :

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Ke Bawah :

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Ke Atas Bawah bolak-balik :

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Zigzag kiri ke kanan:

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Zigzag kanan ke kiri:

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Zigzag kanan kiri bolak-balik :

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Marquee Zigzag kiri kanan bolak-balik :

TUTORIAL-BLOG-AMRICOW-ULIL AMRI

Hahahhah...
Jadi ingin punya marquee seperti itu ya???
Ada di bawah ini Kode Kumpulan Marquee ..

1. Marquee Kanan Ke Kiri

<marquee><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee>

2. Marquee Kiri Ke Kanan

<marquee direction="right"><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee>

3. Marquee Bolak balik kiri kanan

<marquee behavior="alternate"><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee>

4. Marquee Ke Atas

<marquee direction="up"><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee>

5. Marquee Ke Bawah

<marquee direction="down"><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee>

6. Marquee Ke Atas Bawah bolak-balik

<marquee direction="up" behavior="alternate"><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee>

7. Marquee Zigzag ke kanan

<marquee behavior="alternate" direction="up" width="100%"><marquee direction="right"><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee></marquee>

8. Marquee Zigzag ke kiri

<marquee behavior="alternate" direction="up" width="100%"><marquee direction="left"><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee></marquee>

9. Marquee Zigzag kanan kiri bolak-balik

<marquee behavior="alternate" direction="up" width="100%"><marquee behavior="alternate" direction="right"><span style="color: blue; font-family: Arial;">TUTORIAL-BLOG-AMRICOW-ULIL AMRI</span></marquee></marquee>

10. Marquee Zigzag kanan kiri bolak-balik

m

Cara Membuat Title Blog di Addres Bar Bergerak dengan Cepat

Berikut tutorial blog ini mengenai Cara Membuat Title Blog di Addres Bar Bergerak dengan Cepat yang tidak begitu susah,hanya copy dan paste kode di bawah ini di widget kamu.
Contohnya bisa kamu lihat di addres bar browser kamu terlihat tulisan Tutorial | Blog | Amricow yang bergerak.

<script language="JavaScript"> <!-- // //Scrolling Status Bar putmsg="Tutorial | Blog | Amricow"; letchar2="***^_^***"; letchar1="***^_^***";ultimo1=letchar1.length-1; ultimo2=letchar2.length-1; ultimo2=letchar2.length-1; tiempo=setTimeout("stat_scroll()",.1); function stat_scroll() { aux1=letchar1.charAt(ultimo1-1); letchar1=aux1+letchar1.substring(0,ultimo1-1); aux2=letchar2.charAt(0); letchar2=letchar2.substring(1,ultimo2+1)+aux2; window.status="(" + letchar2 + putmsg + letchar1 + ")"; tiempo=setTimeout("stat_scroll()",.1); return true; } // --> </script> <script language="JavaScript"> <!-- // putmsg="Tutorial | Blog | Amricow"; letchar2="***^_^***"; letchar1="***^_^***"; ultimo2=letchar2.length-4; ultimo2=letchar2.length-4; tiempo=setTimeout("tit_scroll()",.1); function tit_scroll() { aux1=letchar1.charAt(ultimo1-1); letchar1=aux1+letchar1.substring(0,ultimo1-1); aux2=letchar2.charAt(0); letchar2=letchar2.substring(1,ultimo2+1)+aux2; document.title="" + letchar2 + putmsg + letchar1 + ""; tiempo=setTimeout("tit_scroll()",.1); return true; } // --> </script>

Edit sendiri ya terutama yang tulisan Tutorial | Blog | Amricow

• TUTORIAL BLOG
• TUTORIAL BLOG
• TUTORIAL BLOG
• TUTORIAL BLOG
• TUTORIAL BLOG
• TUTORIAL BLOG

Berikut adalah tutorial Cara Membuat Horizontal List di postingan blog kamu atau di widget.

- Copy dan paste kode css di bawah ini di tempat yang kamu inginkan
- Jika kamu ingin pasang css ini di template kamu,maka cari kode ]]></b:skin> di template kamu dan copy css di bawah ini dan paste di template kamu.
Bisa juga di paste di atas kode </head>

<style type="text/css"> #horzlist li { display: inline; list-style-type: none; text-decoration: none; font-size: 14px; font-family: Verdana; font-weight: bolder; padding: 0 20px 0 5px; color: #000099; } #horzlist li a, #horzlist li a:visited { color: #000000; text-decoration: none; } #horzlist li a:hover { color: #ffffff; } </style>

- Di bawah ini kode html Horizontal List ,copy dan paste di widget atau di postingan kamu.

<div id="horzlistcontainer"><ul id="horzlist"><li id="active"><a href="http://tutorial-blog-amricow.blogspot.com/" id="current">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> </ul></div>

- Edit sendiri ya html dan kode css warnanya.

Konversi px, em, pt dan % dalam CSS

Berikut adalah tutorial blog mengenai konversi em, px, pt dan %.Tidak ada penjelasan khusus mengenai konversi px, em, pt dan % dalam CSS.Hanya saja pemahaman saja dari kamu.

pt	px	em	%
6	8	0.5	50
7	9	0.55	55
7.5	10	0.625	62.5
8	11	0.7	70
9	12	0.75	75
10	13	0.8	80
10.5	14	0.875	87.5
11	15	0.95	95
12	16	1	100
13	17	1.05	105
13.5	18	1.125	112.5
14	19	1.2	120
14.5	20	1.25	125
15	21	1.3	130
16	22	1.4	140
17	23	1.45	145
18	24	1.5	150
20	26	1.6	160

Membuat Link Daftar Isi atau Arsip Open In New Tab

Berikut adalah tutorial Membuat Link Daftar Isi atau Arsip Open In New Tab

1. Login akun blogger
2. Rancangan kemudian edit html dan centang expand template widget
3. Cari kode html dibawah ini di template blog kamu

<b:loop values='data:posts' var='i'>

4. Kode html yang terlihat akan seperti ini

<b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li>

5. Ganti kode di atas tersebut dengan kode di bawah ini

<b:loop values='data:posts' var='i'> <li> <a expr:href='data:i.url' target='_blank'><data:i.title/></a> </li>

6. Simpan dan buka blog kamu kemudian klik link arsip kamu

Cara Membuat Spoiler di Blog

Postingan ini berisikan Tutorial Cara Membuat Spoiler di Blog.
Jika ada diantara kamu yang tidak tahu arti dari spoiler,bisa di lihat screenshot tutorial blog ini.
Spoiler ini kamu letakkan di widget yang ingin kamu pasang spoiler atau bisa juga di letakkan di dalam postingan kamu.

<div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Spoiler for : BlaBlaBla...</span></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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> isi spoiler kamu disini </div></div></div></div>

Postingan selanjutnya akan saya hadirkan Cara Membuat Spoiler di Blog dengan border dan warna.

Javascript No Rght Click (tidak bisa klik kanan di blog)

Postingan ini mengenai sebuah blog yang tidak bisa klik kanan atau anti klik kanan dan memberikan notice atau pesan. Biasanya blogger menggunakan ini untuk memperkecil kemungkinan agar script blog dia tidak di ambil oleh orang lain. Caranya sangat mudah,hanya tambahkan gadget atau widget kemudian copy dan paste kode yang dibawah ini.

<script> var message="Upss!!! Dont Right Click"; /////////////////////////////////// function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false") </script>

Tutorial Javascript No Rght Click (tidak bisa klik kanan di blog) ini tidak sepenuhnya mengamankan template atau script anda dari orang yang tidak bertanggung jawab.

Cara Membuat Blog Berputar Saat di buka

Berikut adalah Tutorial Cara Membuat Blog Berputar saat di buka



1. Login akun blogger kamu


2. Pilih rancangan kemudian edit html


3. Copy dan Paste di kode dibawah ini di atas <head>

<script> //<![CDATA[ window.scrollBy(0,0) window.resizeTo(0,0) window.moveTo(0,0) //setInterval("move()",10); setTimeout("move()", 1); var mxm=100000 var mym=100000 var mx=100000 var my=100000 var sv=70 var status=1 var szx=0 var szy=0 var c=25 var n=0 var sm=10 var cycle=2 var done=2 function move() { if (status == 1) { mxm=mxm/1.01 mym=mym/1.01 mx=mx+mxm my=my-mym mxm=mxm+(500-mx)/5 mym=mym-(400-my)/5 window.moveTo(mx,my) rmxm=Math.round(mxm/1) rmym=Math.round(mym/2) if (rmxm == 0) { if (rmym == 0) { status=2 } } } if (status == 2) { sv=sv/1.1 scrratio=1+1/3 mx=mx-sv*scrratio/2 my=my-sv/2 szx=szx+sv*scrratio szy=szy+sv window.moveTo(mx,my) window.resizeTo(szx,szy) if (sv < 0.1) { status=3 } } if (status == 3) { document.fgColor=0xffffFF c=c-16 if (c<0) {status=8} } if (status == 4) { c=c+16 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c > 239) {status=5} } if (status == 5) { c=c-16 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c < 0) { status=6 cycle=cycle-1 if (cycle > 0) { if (done == 1) {status=7} else {status=4} } } } if (status == 6) { document.title = "Cljck" alert("Cljck") cycle=2 status=4 done=1 } if (status == 7) { c=c+4 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c > 128) {status=8} } if (status == 8) { window.moveTo(0,0) sx=screen.availWidth sy=screen.availHeight window.resizeTo(sx,sy) status=9 } var timer=setTimeout("move()",0) } //]]> </script>

Nb: Sebenarnya tutorial blog Cara Membuat Blog Berputar ini tidak perlu di pasang di blog karena tidak ada nilai elegant yang di tampilkan.

Membuat atau Menambahkan Teks di Bagian Komentar

Tutorial blog kali ini cukup mudah.kita hanya menuliskan pesan-pesan kamu di atas bagian kotak komentar.

Berikut tutorial blog cara Membuat atau Menambahkan Teks di Bagian Komentar :

1. Wajib Login akun blogger kamu
2. Pilih Pengaturan kemudian pilih komentar

Hasilnya akan menjadi seperti ini

Cara Membuat Random Post
Random Post ini berguna untuk menampilkan post kamu yang telah kamu terbitkan dulu atau postingan lama.
Membuat variasi tampilan utama di blog kamu.

Berikut ini adalah tutorial Cara Membuat Random Post :

* Login ke blogger kamu
* Klik Tata Letak (layout)
* ke elemen Laman
* Klik Tambah Gadget
* Tambahkan HTML/Javascript
* copy paste script dibawah ini

<style type="text/css"> .gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:#f2f2f2;border: 2px double #363636;} .gfg-title {font-size: 14px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;} .gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;} .gfg-subtitle a {color : #a43434;display:none !important;} .gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin : 5px;} /* To allow correct behavior for overlay */ .gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : 100%;height : 100%;padding-left : 5px;padding-right : 5px;} .gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;} .gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;} .gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;} .clearFloat {clear : both;} #feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;} </style> <script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <script type="text/javascript"> function showGadget() { var feeds = [ {title:'title', url:'http://tutorial-blog-amricow.blogspot.com/feeds/posts/default?redirect=false&start-index=10&max-results=999'}, ]; new GFdynamicFeedControl(feeds, 'feedGadget', {numResults : 1000, stacked : true, title: " "}); } google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script>

* Simpan dan lihat hasinya! Nb: Ubah tulisan http://tutorial-blog-amricow.blogspot.com dengan link blog kamu.

Artikel terkait atau posting terkait (related post) adalah artikel yang berada pada kategori atau label yang sama.

Related post memudahkan pengunjung dalam menemukan artikel yang berhubungan dengan artikel yang sedang dibaca. Selain itu, related post juga akan berpengaruh terhadap SEO.

1. Log ini ke akun blogger Anda.
2. Pilih menu Tata Letak (Layout) » Edit HTML.
3. Beri tanda centang pada tulisan Expand Widget Templates.
4. Copy-paste script berikut di atas kode </head>


<script type="text/javascript"> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} //]]> </script>



5. Cari kode <data:post.body/> kemudian copy-paste kode berikut di bawahnya.



<b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/> </b:if> </b:loop> </b:if> <b:if cond='data:blog.pageType == "item"'> <h4>Artikel Terkait</h4> <script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels(); </script> </b:if>



6. Simpan template.

Baca juga Related Post Artikel ini.

Membuat Kursor Bertaburan BIntang Putih

Berikut adalah tutorial membuat Membuat Kursor Bertaburan BIntang yang berguna untuk memperindah blog kamu.

1. Login akun blogger kamu
2. Rancangan,elemen laman dan tambah gadget
3. tamabah html javascript
4. copy dan paste code dibawah ini

<script src='http://amricow-file.googlecode.com/files/bintang.putih.js'> </script>

5. Simpan dan lihat hasilnya. Nb: Tips dan trik Membuat Kursor Bertaburan BIntang Putih ini bisa kamu copy dan paste di atas kode </head>

Berikut cara setting atau pasang domain blogspot menjadi co.cc.
Sebelumnya pastikan kalian register atau daftar kan domain yang kalian inginkan di co.cc.






* Anda harus mengetahui alamat IP Address blog Anda, caranya cukup mudah, bagi yang menggunakan OS Windows:
Klik menu Start >> klik Run >> ketik CMD dan klik enter, maka jendela command prompt akan muncul.Jika tidak ada Run maka klik menu start >> All Programs >> Accessories >> Command Prompt.









* Setelah itu ketikkan “ping www.namadomainanda.co.cc” misalnya “ping www.amricow.co.cc”, lalu lihat nomor IP seperti yang kotak putih dalam gambar, itu adalah nomor IP Address blog Anda, silahkan dicatat.

* Masuklah ke bagian set up domain co.cc anda kemudian klik SET UP dan pilih Zone Record isikan HOST-nya dengan nama domain yang sedang anda setting, tapi tanpa menggunakan www. contohnya amricow.co.cc

* Pada kolom TTL pilih 1D lalu pada kolom TYPE pilih A.

* Isikan VALUE dengan nomor IP Address blog Anda yang telah dicatat tadi.





* Terakhir pilih Set Up.

1. Login ke Account blogger sobat.
2. Pilih Tata Letak => Edit HTML.
3. Carilah kode </head>, lalu tambahkan script berikut di atas kode </head>
<style type='text/css'> border: none; vertical-align: top; } </style><br /> <script src='http://www.hotlinkfiles.com/files/2788517_sfjm6/seby-antoe_zooming_image.js' type='text/javascript'> /* http://www.seby-antoe.com (c) Script 2009 Boleh Di Pasang di Tutorial Blog Lain Asal Menyertakan link Ini*/ </script>
Klik tombol Simpan dan selesai

• Untuk cara pemasangan script pada image / gambar, sisipkan kode di bawah ini :

<img border="0" class="expando" height="100" src="URL%20Image%20/%20Gambar%20kamu" width="100" />