Cara Memberi Warna background Table

Cara Memberi Warna background Table
lihat scrip di bawah ini :

<table border="1">
<tbody>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>

</tbody></table> 

Kemudian copas lalu  dipaste pada halaman yang anda inginkan dan hasilnya akan seperti gambar di bawah ini :

Table cell 1

Table cell 2

dan untuk memberikan warna pada kolom table atau background maka anda copas script ini atau anda dapat memilih warna juga ukuran table sendiri, usulan saya adalah beranilah untuk melakukan tes dan uji coba hingga mendapatkan hasil yang sesui dengan harapan anda.

Script untuk example 1 dan copas lalu lihat hasilnya :

<table border="1" style="background-color: greenyellow; width: 100%;">
<tbody>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
</tbody></table>

Table cell

Untuk merbah warna background lihat example dibawah ini :
<table border="1" style="background-color: greenyellow; width: 100%;">
<tbody>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
</tbody></table>
dan dibawah ini adalah hasilnya :

Table cell 1

Table cell 2

Selamat mencoba..?

Script Contoh Border Sudut Melengkung Warna

<code style="border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; border-color: blue; border-style: solid; border-top-left-radius: 25px; border-top-right-radius: 25px; border-width: 5px; font-family: 'Courier New', Courier, monospace !important; font-size: 14.44444465637207px; margin: 10px; padding: 7px 15px; text-align: justify;"><span style="color: yellow;">EXAMPLE : Script Contoh Border Sudut Melengkung</span></code>
Untuk hasil dari script seperti tampak pada gambar di bawah ini :

 Script Contoh Border Sudut Melengkung warna 


<code style="border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; border-color: green; border-style: solid; border-top-left-radius: 25px; border-top-right-radius: 25px; border-width: 5px; font-family: 'Courier New', Courier, monospace !important; font-size: 14.44444465637207px; margin: 10px; padding: 7px 15px; text-align: justify;"><span style="color: yellow;">EXAMPLE : Script Contoh Border Sudut Melengkung</span></code>
Untuk hasil dari script seperti tampak pada gambar di bawah ini :

 Script Contoh Border Sudut Melengkung warna 

Semoga dengan ulasan Script Contoh Border Sudut Melengkung 

ini dapat berguna untuk para blogger pemula dan semoga dapat bermanfaat.

Melindungi Foto Gambar Dari Copy Paste

Melindungi Foto Gambar Dari Copy Paste

1. Login pada acount Blogger 
2. Klik Template
3. Klik Edit HTML
4. Centang expand untuk menjaga dari kegagalan
5. Cari kode </head> 
6. Tempatkan hasil copas script di bawah ini dibawah ini dibawah kode </head>

<script type="text/javascript"> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>

Selesai dan simpan.
Scrip diatas adalah diambil dari :
http://sanggarsenipacul.blogspot.com/2012/10/trik-aman-melindungi-data-anda-agar.html

Cara Memasang Script Recentpost

Cara Memasang Script Recentpost di blogspot

Recentpost script

Untuk menampilkan halaman posting terbaru dengan memasang recentpost script akan mempermudah pengunjung dan pembaca untuk mengetahui bagaian-bagian yang terbaru dari posting adapun script recent post ini juga bermacam-macam variasi adapun script yang ada di posting kali ini akan membuat mudah pengunjung dan pengaturan postingan terbaru dapat di sesuikan dengan kebutuhan template blog sahabat.Script yang akan kita pasang merupakan script yang di copas dari www.tipstrikblogging.com 
Cara Memasang Script Recentpost :

• Masuk halaman dasboard
• Pilih template , edit html
• Centang expand untuk keamanan
• Cari kode :  ]]></b:skin>  
• Copy script berikut ini
• #uji-terbaru{border:1px solid #585858;width:100%;margin:0 auto} 
  #terbaru{margin:0px} 
  .uji-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px} 
  .uji-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px} 
  .uji-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111} 
  .uji-elemen:hover{background-color:transperents} 
  .uji-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} 
  #uji-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:transperents url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0h65XEuLylgjmZss4kEPN3F1hE8VINEGKde5mmr-gLUyB4OvPi5ost5szflwQuBCR_sL2LDciq83e_3-q98eS9exahWJYp68F1bPFdqeeDw3GBQhm9xhjXXc5kuvYL3NnmMCiYH07XQ/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3} 
  #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px} 
  #uji-navigasifeed:hover{background-color:transperents} 
  #uji-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px} 
  #uji-navigasifeed span{padding:5px 10px} 
  #uji-navigasifeed .next{float:right} 
  #uji-navigasifeed .previous{float:left} 
  #uji-navigasifeed .home{text-align:center} 
  #uji-navigasifeed a:hover,#uji-navigasifeed span.noactived{color:transparant!important}
• cari kode </head> dan copy script di bawah ini 

<script type='text/javascript'> 
//<![CDATA[ 
var numfeed = 5; 
var startfeed = 0; 
var urlblog = http://agusaji8-caramembuatblog.blogspot.com/; 
var charac = 100; 
var urlprevious, urlnext; 
function maskolisfeed(johny,banget){ 
var showfeed = johny.split("<"); 
for(var i=0;i<showfeed.length;i++){ 
if(showfeed[i].indexOf(">")!=-1){ 
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length); 
} 
} 
showfeed =  showfeed.join(""); 
showfeed = showfeed.substring(0,banget-1); 
return showfeed; 
} 
function showterbaru(json) { 
var entry, posttitle, posturl, postimg, postcontent; 
var showblogfeed = ""; 
urlprevious = ""; 
urlnext = ""; 
for (var k = 0; k < json.feed.link.length; k++) { 
if (json.feed.link[k].rel == 'previous') { 
urlprevious = json.feed.link[k].href; 
} 
if (json.feed.link[k].rel == 'next') { 
urlnext = json.feed.link[k].href; 
} 
} 
for (var i = 0; i < numfeed; i++) { 
if (i == json.feed.entry.length) { break; } 
entry = json.feed.entry[i]; 
posttitle = entry.title.$t; 
for (var k = 0; k < entry.link.length; k++) { 
if (entry.link[k].rel == 'alternate') { 
posturl = entry.link[k].href; 
break; 
} 
} 
if ("content" in entry) { 
postcontent = entry.content.$t; 
} else if ("summary" in entry) { 
postcontent = entry.summary.$t; 
} else { 
postcontent = ""; 
} 
if ("media$thumbnail" in entry) { 
postimg = entry.media$thumbnail.url; 
} else { 
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMVF0XQI5spA9FMM7NO_c5C2rZvlQJ8X2wOImIBDgP5IVkrG_QHaLRKWuYRreCJG67B9l34XUhGbVecL8gX7usvtvOYN4DmV8kyeNrhO9DIB7WaTu7fF0H1HM4R0H8tWP9pDh6RbWD2BI/s1600/no+image.jpg"; 
} 
showblogfeed += "<div class='mas-elemen'>"; 
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>"; 
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>"; 
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>"; 
showblogfeed += "</div>"; 
} 
document.getElementById("terbaru").innerHTML = showblogfeed; 
showblogfeed = ""; 
if(urlprevious) { 
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>"; 
} else { 
showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>"; 
} 
if(urlnext) { 
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>"; 
} else { 
showblogfeed += "<span class='noactived next'>Next &#9658;</span>"; 
} 
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>"; 
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed; 
} 
function navigasifeed(url){ 
var p, parameter; 
if(url==-1) { 
p = urlprevious.indexOf("?"); 
parameter = urlprevious.substring(p); 
} else if (url==1) { 
p = urlnext.indexOf("?"); 
parameter = urlnext.substring(p); 
} else { 
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script" 
} 
parameter += "&callback=showterbaru"; 
incluirscript(parameter); 
} 
function incluirscript(parameter) { 
if(startfeed==1) {removerscript();} 
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>"; 
document.getElementById("mas-navigasifeed").innerHTML = ""; 
var archievefeed = urlblog + "/feeds/posts/default"+ parameter; 
var terbaru = document.createElement('script'); 
terbaru.setAttribute('type', 'text/javascript'); 
terbaru.setAttribute('src', archievefeed); 
terbaru.setAttribute('id', 'ujiLABEL'); 
document.getElementsByTagName('head')[0].appendChild(terbaru); 
startfeed = 1; 
} 
function removerscript() { 
var elemen = document.getElementById("ujiLABEL"); 
var parent = elemen.parentNode; 
parent.removeChild(elemen); 
} 
onload=function() { navigasifeed(0); } 
//]]> 
</script>  

Perhatikan untuk tulisan yang berwarna biru :

var numfeed = 5; >> Jumlah Artikel baru yang tampil di widget

var urlblog = http://agusaji8-caramembuatblog.blogspot.com/; >> ganti dengan URL blog Anda
var charac = 100; >> Jumlah karakter huruf pada setiap post.

8. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :

<div id="terbaru"></div> 
<div id="mas-navigasifeed"></div>

save dan lihat hasilnya.Semoga dengan Script Recentpost ini tampilan blog sahabat menjadi lebih menawan lagi.

Melihat Pengunjung yang Online di Blogspot

Cara 3 melihat pengunjung yang online di blogspot pemula

melihat pengunjung yang online di blogspot pemula

Untuk mengetahui berapa jumlah pengunjung yang datang pada blog kita , sahabat dapat memilih cara 3 melihat pengunjung yang online di blog , untuk cara 1 dan cara 2 sebetulnya juga berfungsi sama, hanya berbeda pada penempatan untuk melihat pengunjung onlinenya saja, untuk cara 3 melihat pengunjung online letak pengunjung yang online adalah penampilan pada bar blog sebelah kanan.
cara memasang script adalah sebagai berikut :

• Buka halaman dasboard blog
• Edit html jangan lupa di expand
• Cari kode seperti ini : ]]></b:skin> 
• Kopy script dibawah ini :

<script>var _wau = _wau || []; _wau.push(["tab", "4morbgz1blfr", "m5k", "right-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

• pastekan script diatas code :  ]]></b:skin>
• selesai, simpan

CARA MEMBUAT BLOG Jika sahabat mengalami kesulitan silahkan tinggalkan pesan pada kolom koment, mudah-mudahan agusaji8 dapat membantu.

Cara 2 melihat pengunjung yang online di blogspot pemula

cara 2 melihat pengunjung yang online di blogspot pemula

Mengenai cara 2 melihat pengunjung online di blogspot adalah mengenai perbedaan tempat untuk melatakkan posisi pengunjung yang tampak di halaman bar blog kita.Untuk melihat pengunjung yang datang pada blok kita berapa jumlah yang online dapat diketahui dengan cara memasang script berikut ini pada blog,  adapun mengenai cara-caranya adalah sebagai berikut :

• masuk dasboard 
• edit html (jangan lupa centang expand untuk keamanan htmlnya)
• Cari kode yang mirip seperti ini :  ]]></b:skin>  
• Kopy script di bawah ini

<script>var _wau = _wau || []; _wau.push(["tab", "4morbgz1blfr", "1no", "bottom-center"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

• Pastekan copy script tadi tepat diatas kode  ]]></b:skin> 
• Save dan lihat hasilnya

Jika di blog sahabat sudah mempunyai pengunjung harian datang maka dapat dilihat berapa yang saat ini online. Semoga bermanfaat.  

melihat pengunjung yang online di blog spot pemula

cara 1 melihat pengunjung yang online di blog spot pemula

Bagaimana cara agar kita mengetahui pengunjung yang datang pada blog kita, untuk itu di sini akan di ulas cara memasang script agar kita dapat mengetahui jumlah pengunjung yang datang pada blok kita. adapun cara-caranya adalah :

• cari kode yang mirip atau sama seperti =   ]]></b:skin>  
• kopy scrip di bawah ini
• <script>var _wau = _wau || []; _wau.push(["tab", "4morbgz1blfr", "87i", "left-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

• pastekan diatas kode   ]]></b:skin>  
• simpan
• lihat hasilnya

Untuk script ini pengunjung blog sahabat akan terlihat atau tampil pada halaman blog di bar sebelah kiri. Selamat beraktivitas. 

Cara-Membuat-variasi-judul-posting-didalam-table

cara  membuat variasi judul posting di dalam table

Cara-Membuat-variasi-judul-posting-didalam-table

Cara-Membuat-variasi-judul-posting-didalam-table

Cara-Membuat-variasi-judul-posting-didalam-table

Cara-Membuat-variasi-judul-posting-didalam-table

Dibawah ini merupakan sript dari contoh judul di dalam table dan sobat dapat mempraktekannya sendiri di blog sobat juga memodivikasi sesuai dengan selera sobat.
<th colspan="2" style="color: white; text-align: center;"><b>
cara &nbsp;membuat variasi judul posting di dalam table</b></th>
</tr>
</tbody></table>
</div>

CARA MEMBUAT VARIASI JUDUL POSTING DIDALAM TABLE

Karena halaman posting sudah penuh kita cukupkan dulu belajar bersama cara membuat judul variasi di dalam kolom atau table, semoga dapat bermanfaat, jika ada kekurangan mohon perbaikan untuk bersama.  

Code-Warna-Script-Warna

Code-Warna-Script-Warna

Untuk mempermudah tampilan kode warna atau scrip warna yang menampilkan warna-warna dasar seperti :

• Hitam = #000000
• Putih   = #ffffff
• Biru    = #0000ff
• Hijau  = 00ff70f
• Coklat= #A52A2A
• Kuning= ffff00

Jika sahabat menginginkan Warna-Warna yang cerah sahabat dapat melihat tampilan pada gambar Code-Warna-Script-Warna dari warna-warna cerah berikut ini :
  

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000

Semoga dengan tampilan ulasan yang sedikit ini dapat memberikan manfaat untuk para blogger pemula seperti agusaji8.Dan., Selamat beraktivitas.

Cara Membuat Kolom Textarea 1

Sabtu, oktober 27, 2012

Cara Membuat Kolom Textarea

CARA MEMBUAT BLOG merupakan judul blog admin ; untuk ulasan kali ini tentang :

Cara Membuat Kolom Textarea atau cara Membuat Kotak Tukar link. Langkah yang sangat mudah bagi master blogger,tapi hal yang memusingkan bagi blogger kaya saya yang agak telmi (ga bohong loh,memang saya kurang ngerti blogging yang SEO). Dan mungkin untuk kawan blogger pemula juga masih
banyak yang bingung / belum tahu tentang hal ini,dan memang bila telah dicoba dan tahu,kayanya mudah. Padahal bila melihat diblog2 tetangga ada kotak script link diblognya ingin banget belajar bisa membuat yang semacam itu.  Caranya copy code dibawah,untuk dipaste diblog anda :
my site <a href="http://agusaji8-caramembuatblog.blogspot.com">Blog Dofollow</a>
Sahabat lihat kotak kolom text yang ada diatas ini adalah contoh perhatikan untuk kata yang ada dalam box

Membuat Gambar Berganti-ganti(Slide-Show"1)

CARA MEMBUAT BLOG-cara membuat blog  merupakan judul blog admin yang akan mengulas tentang cara membuat gambar slide show yang akan ditampilkan sebagai gambar pribadi atau juga untuk tempat pemasangan iklan pada blog anda. Dan perhatikan langkah-langkah berikut ini.
Cari kode :

</head>

copy script dibawah ini lalu paste di atas kode

</head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { //Execute the slideShow, set 6 seconds for each images slideShow(3000); }); function slideShow(speed) { //append a LI item to the UL list for displaying caption $('ul.slideshow').append(' <li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"> <h3> </h3> </div> </li> '); //Set the opacity of all images to 0 $('ul.slideshow li').css({opacity: 0.0}); //Get the first image and display it (set it to full opacity) $('ul.slideshow li:first').css({opacity: 1.0}); //Get the caption of the first image from REL attribute and display it $('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title')); $('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt')); //Display the caption $('#slideshow-caption').css({opacity: 0.7, bottom:0}); //Call the gallery function to run the slideshow var timer = setInterval('gallery()',speed); //pause the slideshow on mouse over $('ul.slideshow').hover( function () { clearInterval(timer); }, function () { timer = setInterval('gallery()',speed); } ); } function gallery() { //if no IMGs have the show class, grab the first image var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first')); //Get next image, if it reached the end of the slideshow, rotate it back to the first image var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first')); //Get next image caption var title = next.find('img').attr('title'); var desc = next.find('img').attr('alt'); //Set the fade in effect for the next image, show class has higher z-index next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000); //Hide the caption first, and then set and display the caption $('#slideshow-caption').animate({bottom:-70}, 300, function () { //Display the content $('#slideshow-caption h3').html(title); $('#slideshow-caption p').html(desc); $('#slideshow-caption').animate({bottom:0}, 500); }); //Hide the current image current.animate({opacity: 0.0}, 1000).removeClass('show'); } //]]> </script> <style type="text/css"> ul.slideshow { list-style:none; width:600px; height:240px; overflow:hidden; position:relative; margin:0; padding:0; font-family:Arial,Helvetica,Trebuchet MS,Verdana; ; } ul.slideshow li { position:absolute; left:0; right:0; } ul.slideshow li.show { z-index:500; } ul img { width:600px; height:240px; border:none; } #slideshow-caption { width:600px; height:70px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500; } #slideshow-caption .slideshow-caption-container { padding:5px 10px; z-index:1000; } #slideshow-caption h3 { margin:0; padding:0; font-size:16px; } #slideshow-caption p { margin:5px 0 0 0; padding:0; } </style>
perhatikan ukuran gambar yang ada di kolom text area silahkan sesuaikan dengan ukuran yang sahabat kehendaki.
Untuk berikutnya yaitu menempatkan gambar di halaman baru yaitu di halaman posting atau get-get,
dibawah ini adalah scripnya :
<ul class="slideshow"> <li><a href="Link (url) Tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV-i0yT1x6iAf9Qaxt5ctzH3GC2EKRiafd9Jy0uJmTi81jIaVrR_4YozYZ6lawHijNuB6ulApje-mzOcgvTER5rX0QMCU345ru5Cx0Uf9gD4d3imRRxpVBZ2ijn-l-ruLrRqiAPUDCeLc/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li> <li><a href="Link (url) Tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmzfUxDt5ydukaOw50LMUGkJxECDqDbXUgNzU2Qhp3cdLJjcYxndIA_tqTS3jKOVcZ2FM_vc6d-JuhLPqaOrqKeV6-vIhbK9tEKC9ec-cbx_h3jj3jq5P93I2BBKMt-rkNfzuLS1QIEvQ/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li> <li><a href="Link (url) Tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNcIIP2PxTwB4gOGVlYyB8jjMOzXzmCun7cKz3iwVhmmVFOF6JXyejabg4A65z6UzpjNj7Mg8K7Ny70hEgT3ZM4ltU9kRzhzUzX4CQ5SpkWl4BAXLWYowONZJyiLXP3nCyp50bwZ56L7I/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li> <li><a href="Link (url) Tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig45DhEAr_VsqEmc1JE6Y8ji-UDp53UI0CC6tWqN-_4xnRIsw40i_2ubSr1h_jz734aAe7CYVAeIe3rGJsDZ8tFFqiBPmY_Qh6asi6_Avn2QUgTAV-dUSiIJRsuQF_YuNZVk7uG7jxklM/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li> </ul>

Untuk tulisan Link (url) tujuan, di dalam textarea belum ditentukan =link arahan, silakan disesuaikan dengan keinginan kita. 
script diatas di copas dari http://jamboghkita.com  dan sudah di coba pada template blogger standar ternyata tidak bisa atau memang admin yang kurang pandai, hii!? tapi kalau pada bloger modifikasi yah?? silahkan untuk di coba sendiri aja yaah!!?
CARA MEMBUAT BLOG-cara membuat blog  merupakan judul blog, admin mengucapkan banyak terimakasih pada teman-teman yang telah memberikan scriptnya untuk dipelajari.

Belajar Script Html Table

CARA MEMBUAT BLOG  adalah judul blog ini yang ingin berbagi pengalaman dengan teman-teman tentang :

belajar script html table

Table cell 1

Table cell 2

<table border="1">
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
</table>
script diatas merupakan  table border dengan dua table

CARA MEMBUAT BLOG

<div style="border: 1px solid blue; height: 40px; text-align: center;">
CARA MEMBUAT BLOG</div>
adalah contoh script untuk membuat table align dengan menaruh posisi text yang berwarna biru berada di tengah-tengah kolom.

belajar membuat table

<div style="border-color: blue; border-style: solid; border: width:1px; text-align: center;">belajar membuat blog</p>
scrip table dengan code paragraf dengan garis bewarna biru tebal

CARA MEMBUAT BLOG

CARA MEMBUAT BLOG

<table border="1" style="width: 60%;"><tbody>
<tr><td>CARA MEMBUAT BLOG</td><td>CARA MEMBUAT BLOG</td></tr>
</tbody></table>
adalah script table dengan menggunakan dua kolom table

Table header
Table cell 1	Table cell 2

<table border="1" style="width:90%;background-color:greenyellow;color:green;">
<tr>
<th style="text-align:center;color:black;" colspan="2">Table header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
</table>
diatas adalah script tabel dengan satu tabel penuh dan dua tabel dibawahnya. Mengunakan warna background.

CARA MEMBUAT BLOG Berharap semoga dengan yang sedikit ini dapat menambah wawasan dan cara yang baru bagi blogger pemula

Membuat Kolom Scrip Text-Script Html Code

CARA MEMBUAT BLOG. Pada postingan kali ini menampilkan bagaimana cara agar dapat membuat script text yang berfungsi sebagai tempat teks atau scrip untuk dapat di pasang pada bagian tertentu pada kolom posting atau halaman posting namun script yang kita buat masih tetap didalam kotak textarea yang di kita buat, sedangkan  memasang scirpt html tentang bagai mana cara membuatnya, maka agusaji8 akan mengajarkan bagaimana cara code html itu di buat sehingga menjadi suatu script yang dapat berfungsi sebagai dan berfungsi sebagai scrip yang lain seperti misalnya untuk tempat copas script textarea, sebagai mana senior admin dulu mengajarkan begini caranya :

• Copy teks berbentuk code script di bawah ini
• Letakkan pada tempat postingan anda pada kolom html jangan yang di compose,maksudnya klik yang htmlnya

Lihat hasilnya pada postingan dengan klik lagi compose maka akan terlihat hasilnya seperti di bawah ini

my site <a href="http://ngulikku.blogspot.com">Blog Dofollow</a>

Dibawah iniscrip yang harus anda buat atau copy:

<textarea name="code"rows="6"cols="16">my site<a href="http://agusaji8-caramembuatblog.blogspot.com">blogdofollow</a></textarea>

kotak textarea ini bervariasi mengikuti dari berapa banyak dan sedikitnya text script yang ada di dalamnya
 adapun bentuk kotak yang pendek berarti text bentuk scrip tidak terlalu panjang, hingga sampai kebutuhan atau seberapa banyak text itu mampu untuk di kurung, arti gampangnya yaitu seberapa banyak text scrip itu maka kotak texttera itu tetep saja akan cukup untuk di tempati oleh text atau scrip yang di tempatkan di dalamnya.Sedangkan kotak textarea atau table nya anda dapat merubahnya dengan mengganti angkanya, sesuaikan berapa tinggi dan panjang box atau table yang anda inginkan.
jika agusaji8 buatkan contoh yang scriptnya panjang maka hasilnya akan seperti di bawah ini ,

my site<a href="http://agusaji8-caramembuatblog.blogspot.com">blogdofollow adalah blog yang memperbolehkan pengunjung dengan meninggalkan hyperlink untuk ikaln dan ini sangat tidak di anjurkan bahkan di tolak, apabila blog tersebut nantinya di pakai untuk di daftarkan sebagai blog google adsense</a>
di samping kotak textarea akan muncul dengan sendirinya tanda panah penunjuk bahwa text tersebut melabihi kotak atau kolom textarea, selamat mencoba. semoga berhasil, silahkan koment untuk perbaikan bersama jika ada kekurangan dalam postingan ini. 

Membuat-Kolom-Menu-Horizontal-diatas-HEADER

Membuat-Kolom-Menu-Horizontal-diatas-HEADER

Saya dulu belajar membuat kolom table dengan bersusun kesamping kanan atau ke samping kiri dan table itu seperti ini kira-kira miriplah  dengan kolom menu horizontal?dan ini adalah bentuk scripnya seperti yang ada di bawah ini:

<table border="1"><tbody>
<tr><td>isakan judulnuya
dsengan
satu huruf
makannya
tersa enak
siop</td></tr>
</tbody></table>

example: agusaji8-caramembuatblog.blogspot.com

script html diatas merupakan contoh dari table. dan jika anda menuliskan atau mengkopy script html tersebut maka hasilnya akan menjad seperti pada gambar tabel di atas, Lalu apa yang di maksud dengan menu horizontal dan tabel horizontal, waduhh ini cerita soal masa dulu yang saya sendiri dulu tidak paham yang ane pikir menu horizzontal dan kolom atau tabel horizontal itu sama, padahal setelah saya pelajari ternyata berbeda, jika menu horizontal itu dapat di pisahkan lagi menjadi beberapa bagian,dan penempatannya terletak diatas atau di bawah header sedang kolom table horizontal tidak dapat di gunakan sebagai atau sama fungsinya dengan menu horizontal. Script dibawah ini sudah saya coba dan bisa saya praktekkan di dalam blog saya hasilnya bagus, namun jika ternyata ada yang kurang pas maka bisa saja terjadi kegagalan sebab kesalahan dalam pemasangan script tersebut atau juga adanya hal lain yang saya sendiri juga belum paham kenapa kok terjadi kegagalan, namun yang sering terjadi biasanya itu semua karena kurang teliti  dalam pemasangan script nya, soalnya saya dulu dan sekarangpun terkadang juga mengalami gagal dalam acara bongkar pasang html, nah semoga dengan sedikit pencerahan ini anda dapat merasakan sedikit lega , bahwa kegagalan bukan hanya anda sendiri, namun kegagalan juga dapat di jadikan sebagai bekal kalau sewaaktu-waktu nanti pasti ada gunanya,? betul khan;? sepeti yang anda lihat pada contoh script dibawah ini merupakan script menu horizontal langsung saja praktekan pada blog praktek anda dan lihat hasilnya.

Taruhlah script dibawah ini di atas code ]]> </b:skin>


/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO7Rkbk4R4ZoUfHalGbLe96o0jw3h-HRRDg-B4Wf-SKhmkub7Fzkz31KhbWocd7_nN37upxL6gOQ3VO7ndi9e8Yio3kzmAvpHNADlRlvd9COE5sot_LZzw1IY5S2H8Yk3XpQTJwVj_pc0/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRc3Td5_16HMCwViJoBwntX8A4_jxrJQVOyhys1AxEv7f_KRL2llXjV5Y1SQ_aW1V3DyekXjFnTAdb1LlCwD8IUp2iHu3QJMOtjAeU7iWyijnIP_17sopuZXRNkAMdzvIgPKn2fCG4SVg/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

dan tempel script yang berikutdi bawah ini di atas <header> atau di bawah </header>

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38gmRiamMbPesqeJiReqcOJRBsv3ZxZccT0ZCDL17mIXPtqzu1db6UMcUr2A_tlM0NgqmzWx1RuaJ_VYXSqpvQwH1uFZ9K5MXXo69A6PoAUzYyNfqstkh0gXRB4Ibaz7mkn20W2gQGIc/s1600/home_white.png' style='padding:0px;'/>Home</a></li>
<li><a href='http://www.blogger.com/profile/06961337061354681028' target='new'>Tentang Admin</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/u/0/106997202037581570725' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/den_zuaz' target='new'>Contact on Twitter</a></li>
<li><a href='http://www.myspace.com/denzuaz' target='new'>Contact on Myspace</a></li>
<li><a href='http://www.facebook.com/zuazTama' target='new'>Zuaz&#39;Z on Facebook</a></li>
</ul>
</li>
<li><a href='http://zuazz.blogspot.com' target='new'>Zuaz&#39;Z Creator</a></li>
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20komputer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20blog'>Blogspot</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://zuazz.blogspot.com/2012/01/tv-online.html'>TV Online</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/computer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/desain%20grafis'>Desain Grafis</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/game'>Game</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/microsoft'>Microsoft</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20aplikasi'>Software APP</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20program'>Software Program</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://zuazz.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://zuazz.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinJTReFbL19TmL8xJRAEe1rYQOmcgCj6Kw1nOB4HNeHaQNrVMwzfxwufWZnHSc4rcv7y9cpP2O4c5In20MGUhA6RgUUn52hfUDi3wG4LXu0VnnDeuMBN-xDTE68WYWIuRFP_lHuGzIlZ4/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQglSnb-0Pgu2FZaskmRns5YZznPd6v7Bj_8aCkZNTHjcKagaNaiq1VVsSq6zqCy07FHRf63p0EjkLR2ksc7x_Pam5RHHwo3uaQbCVPUchENJ20-8LiqyGmsAjG5XD2MVoh6VGdfPPWI/s1600/bg_search.gif' type='image' value='Search'/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>
Catatan:!! terahir yaitu perhatikan semua link yang tertuju atau contoh
<a href="http://yuas.blogspot.com/search/sampai.......pada tag penutup</a></li> yang tercetak tebal diganti dengan nama atau url blog anda,jika perlu di rubah nama menunya anda juga dapat mengganti dengan apa yang menjadi tujuan menu anda. 
agusaji8-caramembuatblog.blogspot sebagai admin mengucapkan banyak terimakasih atas kunjungannya dan juga pada : zuazz.blogspot yang memberikan kode scriptnya.
SELAMAT mencoba dan semoga berhasil.