Cara Membuat Widget Check Berat Blog

Cara Membuat Widget Check Berat Blog -
 kali ini saya akan membahas Cara Membuat atau menambah  Widget Check Berat Blog atau yang sering disebut widget untuk mengecek berat blog.

atauu apalh yang penting tujuan nya kesitu"

Berikut cvara nya :

1. Login ke Blogger sobat

2. Copy kode dibawah ini di HTML/Javascript, Entri Baru, atau laman (pilih salah satu aja, kalau saya sarankan sobat meletakkan widgetnya dipostingan agar tidak menambah beban padablog anda" karena seamkin banyak widget semakin berat juga blog anda"

<center>
<form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe">
<table border="0" style="border-collapse: collapse;"><tbody>
<tr> <td height="91" valign="top">
<table class="tooltop" height="76" style="border-collapse: collapse;"><tbody>
<tr> <td>
<table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr> <td colspan="5" valign="top"><b><span style="font-size: medium;">Masukkan Alamat Blog/Web Anda Max 10 Url: </span></b></td> </tr>
<tr> <td colspan="4" valign="top">
<textarea name="domain" rows="11" style="width: 100%;"></textarea></td> <td>
</td> </tr>
<tr> <td>
<input style="float: left;" type="submit" value="Check!" /></td> <td>
<span style="font-size: x-small;">(<a href="http://imeldaentertainment.blogspot.com/">komputer-tv</a>)</span></td> <td>
</td> <td colspan="2"></td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</td> </tr>
<tr> <td>
</td> </tr>
<tr> <td height="39">
</td> </tr>
</tbody></table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
</center>

Hasilnya akan seperti dibawah ini

Masukkan Alamat Blog/Web Max 10 Url: (komputer-tv)

selamat mencoba semoga bermanfaat!

Cara Mengetahui Jumlah View Tiap Postingan

Sesuai dengan namanya, pada postingan kali ini akan membahas suatu cara agar kita dapat mengetahui berapa kali suatu postingan dibuka. Untuk melakukan hal ini, kita menggunakan gadget khusus. Nantinya,
gadget ini akan tampil disetiap postingan. Tentunya bersama dngan angka. Bagi kita yang ingin memantau jumlah view suatu postingan, cocoklah memasang gadget ini. Mungkon saja untuk riset, berapa perbandingan jumlah komentar dengan jumlah view. 


Untuk membuat gadget ini, ikuti langkah2 di bawah ini:

1. Pastikan kalau sobar modif sudah log in ke blogger. Lalu klik menu Edit HTML. Dan jangan lupa mencentang expand template widget. 
2. Cari kode:    <data:post.body/>  , biar lebih mudah gunakan ctrl + F 
3. Setelah dapat, letakkan kode di bawah ini di atas kode  <data:post.body/>  tadi


<div class='post-body entry-content'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='right'><span style='background-color: #cccccc; color: white;'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></span></div></b:if>

4. Save, dan perhatikan apa yang tampil disetiap atas postingan. Jadi dech…

Cara membuat next page pada blogger

 cara membuat next page pada blogger seperti gambar diatas. Gambar diatas merupakan next page yang biasanya berada dibawah postingan untuk mempermudah pengunjung dalam mengacak-acak blog kita dari halaman terbaru hingga halaman terjadul. Bagainamankah cara membuat next page pada blogger? kata seseorang teman ku!!! hem...caranya tak sulit alias gampang bin mudah banget. Silakan teman login ke akun blogger teman dan kemudian pilih tata letak terus ambil posisi page elemen kemudian Tambahkan gadget ,HTML/javascript dan kopi paste kode dibawah ini:


<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';


var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
</br>


Kemudian simpanlah gadget tersebut tepat dibawah elemen postingan.HEM... tak lupa ada lagi pertanyaan" gmna si klo di bawah postingan gak bisa nambah gadget??? hehehehhe gampang kan klo para master dah pada tau loo....!!! tapi klo nebie kaya aq si pasti bingung" 
gini cara nya: tambah gadget nya dimana saja terserah anda klo sudah di save gadget nya lalu tekan Alt lalu klik gadget nya ke posisi di bawah  posting blog anda (di drag) ngertikan dan hasil nya seperti di bawah ini




Setelahnya klik save alias simpan perubahan. Dan jadilan menu page next yang makin mempercantik blog teman-teman. Selamat mencoba semoga sukses.


Artikel terkait:

1. cara-memasang-buku-tamu-di-blog.
2. cara-membuat-navbar-melayang  
3. cara-menambah-hewan-peliharaan-di-blog.
4. cara-membuat-postingan-di-blog-tidak bisa di copas
5. memasang-tombol-like-facebook-di-blog.
6. cara-membuat-menu-tab-view.
7. cara-memasang-spoiler-di-blog-showhide.
8. cara-memasang-script-alert-di-blog.
9. cara-pasang-emotion-kaskus-di-blog.
10. cara-mmembuat-label-animasi.
11. cara-membuat-tek-bergerak-
12. cara-memasang-facebook-di-blog-bisa.
13. next

selamat mencoba semoga bermanfaat

Cara membuat Link(1)

 Pada pembahasan kali ini, bagaimana membuat link artikel blog.

Apakah kalian pernah menjumpai kalimat seperti ini disebuah web/blog??

Untuk belajar membuat blog silahkan klik DISINI

Yakin pernah donk, kata DISINI itu merupakan sebuah link yang mengarahkan pembaca untuk masuk kesebuah URL lain.

Berikut langkah membuatnya:

A. Untuk link pada postingan.

1. Highlight / Block (caranya: masukkan kursor pada kata yang ingin dibuat link,lalu tekan klik kiri dan tahan lalu tarik)kata-kata yang ingin di buat link, contoh di atas adalah klik DISINI.

2. Setelah itu klik pada icon ,ketikkan URL tujuan misalnyahttp://imeldaentertainment.blogspot.com/ lalu klik ok. Maka akan muncul sepeti ini pada entri:

<a href="http://imeldaentertainment.blogspot.com/">DISINI</a>

Apabila kalian tidak mau susah untuk menghapalkan URL tujuan, kalian bisa menggunakan cara yang paling sering saya gunakan yaitu klik kanan pada judul artikel tujuan pilih copy link location lalu pastekan pada kotak http:// tersebut, jangan lupa hapus tulisan http:// yang ada pada kotak tersebut terlebih dulu sebelum dipaste agar http:// tidak double.Jika link tujuan merupakan halaman utama sebuah blog / web lain maka copy pada bagian address bar (itu loh,bagian atas browser kita tempat biasanya menulis alamat site/blog yang awalannya http:// )

3. selesai.

B. Link terbuka pada tab baru.

Jika kalian menginginkan link tersebut terbuka pada tab baru supaya pengunjung tidak meninggalkan blog kita maka setelah melakukan langkah diatas, kalian tambahakn kede ini target="new" atau target="_blank" setelah link tujuan, hasilnya akan seperti ini:

<a href="http://imeldaentertainment.blogspot.com/" target="new">DISINI</a>

Atau bisa juga seperti ini:

<a href="http://imeldaentertainment.blogspot.com/" target="_blank">DISINI</a>

untuk melihat tips lain nya silahkan klik http://imeldaentertainment.blogspot.com/

Cara Mengubah Labels menjadi Dropdown Pada Blogger

Bagi kamu yang mempunyai masalah dengan style labels pada blogger, berikut saya mencoba share solusinya. Ketika kita membuat label/kategori pada postingan kita hanya 5-10 mungkin tidak menjadi masalah, bagaimana jika ada 20-30 labels yang kita buat? Tentunya ini akan membuat menu kategori kita tersusun panjang ke bawah dan memakan tempat di sidebar. Kita bisa mengakalinya dengan membuat dropdown labels, tidak seperti menu arsip kita bisa langung mensetnya, karena feature ini tidak ada pada labels style.
Ini juga sekaligus menjawab pertanyaan teman-teman yang dituliskan baik itu di kotak komentar dan chat box. "Mas labels saya panjang ke bawah bisa gak dibuat dropdown menu?", "Gimana cara buat menu dropdown label seperti dropdown archive pada new blogger?" atau "Bagaimana cara membuat dropdown menu pada labels?". Ok kita akan membahasa hack singkatnya.

Lihat gambar berikut biar lebih paham ya..!!!



Berikut langkah-langkah membuatnya:
1. Login ke account blogger kamu

2. Masuk ke Layout > Edit Html dan centang expand widget (jangan lupa untuk mendowload full template kamu dulu) supaya aman" pabila ada sedikit eror/salah edit kita mudah mengembalikan nya!!!!

3. Cari kode berikut

<ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>

Note: Jika agak susah untuk mencarinya tinggal pencet saja F3 lalu pada kotak Find copypaste kode berikut: (<data:label.count/>) lalu klik next.

4. Jika sudah ketemu ganti seluruh kode diatas dengan kode dibawah ini:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Select a label</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>

Pada tulisan berwarna merah <option>Select a label</option> bisa kamu ganti dengan kata kamu sendiri misal: kategori, daftar isi, dll.

5. Terakhir Save, dan lihat hasilnya.
Selamat mencoba ya semoga bermanfaat"

Cara membuat Widget "Tab View" pada blog

Bagi anda yang belum tahu cara membuat tab view saya akan kasih tahu jawabannya. kita langsung aja praktekin di TKP:

1.     Silahkan login ke blogger dengan ID sobat tentunya.

2.    Tuju Tata Letak.

3.    Klik Edit HTML.

4.    Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.

5.      Kemudian letakkan kode javascript berikut sebelum kode </head>

<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>

6.Setelah itu letakkan kode berikut di atas kode ]]></b:skin>

div.TabView div.Tabs 

{ 

height: 30px; 

overflow: hidden; 

} 

div.TabView div.Tabs a 

{ 

float: left; 

display: block; 

width: 98px; /* Lebar Menu Utama Atas */

text-align: center; 

height: 30px; /* Tinggi Menu Utama Atas */ 

padding-top: 3px; 

vertical-align: middle; 

border: 1px solid #BDBDBD; /* Warna border Menu Atas */ 

border-bottom-width: 0; 

text-decoration: none; 

font-family: &quot;Verdana&quot;, Serif; /* Font Menu Utama Atas */ 

font-weight: bold; 

color: #000; /* Warna Font Menu Utama Atas */ 

-moz-border-radius-topleft:10px; 

-moz-border-radius-topright:10px; 

} 

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active 

{ 

background-color: #E6E6E6; /* Warna background Menu Utama Atas */

} 

div.TabView div.Pages 

{ 

clear: both; 

border: 1px solid #BDBDBD; /* Warna border Kotak Utama */ 

overflow: hidden; 

background-color: #E6E6E6; /* Warna background Kotak Utama */ 

} 

div.TabView div.Pages div.Page 

{ 

height: 100%; 

padding: 0px; 

overflow: hidden; 

} 

div.TabView div.Pages div.Page div.Pad 

{ 

padding: 3px 5px; 

}

7. Kemudian Simpan Template

8. Langkah selanjutnya, silahkan anda klik Tata Letak.

9. Klik Elemen Halaman dan tambahkan Gadget.

10. Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya.

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a>Tab 1</a>
<a>Tab 2</a>
</div>
<div class="Pages" style="width: 222px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br /> 
Tab 1.2 <br /> 
Tab 1.3 <br /> 

</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br /> 
Tab 2.2 <br /> Tab 2.3 <br />

</div>
</div>
</div>
</div>
</form>
<script type="text/javascript"> tabview_initialize('TabView');</script>

note: >ganti tulisan berwarna merah dengan judul tab yang anda inginkan misal: Tab1 diganti menjadi Daftar     

           Isi dan Tab 2 diganti menjadi Link Sahabat

        >ganti tulisan warna hijau dan biru sesuai isi dari tab tersebut yang anda inginkan

SELAMAT MENCOBA SEMOGA BERHASIL & BERMANFAAT"

HTML Ke Javascript

Generator HTML Ke Javascript adalah Generator yang digunakan untuk membuat script Html menjadi Javascript,,
Jika anda menggunakan generator ini anda tidak perlu bingung dalam membuat script html dengan sekali klik anda langsung dapat scriptnya...

Generator HTML Ke Javascript

Copy Paste Script Kode Generator HTML ke Javascript Dibawah Ini :

pada note pad ya seperti biasa' lalu klik saveas .....nama.html maka kita gak perlu ribet ribet edit html ke java scrip.

<div style="text-align: center;">

<script>

//imeldaentertainment.blogspot.com

function scriptIt(val){

val.value=val.value.replace(/"/gi,"&#34;")

val.value=val.value.replace(/'/gi,"'")

valArr=escape(val.value).split("%0D%0A")

val.value=""

for (i=0; i<valArr.length; i++){

val.value+= (i==0) ? "<script>\ninfo=" : ""

val.value+= "\"" + unescape(valArr[i])

val.value+= (i!=valArr.length-1) ? "\" + \n" : "\"\n"

}

val.value+="\ndocument.write(info)\n<\/script>"

}

function ctrlA(el) {

with(el){

focus(); select()

}

if(document.all){

txt=el.createTextRange()

txt.execCommand("Copy")

window.status='Selected and copied to clipboard!'

}

else window.status='Press ctrl-c to copy the text to the clipboard'

setTimeout("window.status=''",3000)

}

</script>

<b>Generator HTML Ke Javascript

</b>

<center><b>

</b>

<form name="f">

<input onclick="scriptIt(document.f.t)" type="button" value="HTML -&gt; JavaScript" />

<input type="reset" value="Reset" />

<input onclick="ctrlA(document.f.t)" type="button" value="Tandai Semua" />

<textarea cols="75" name="t" rows="20"></textarea>

</form>

</center></div>

Menu Klip Teks

Menu Klip Teks yaitu menu link yang dapat berganti dengan sendirinya, atau anda dapat mengganti link menu nya secara manual dengan meng-klik tombol di sebalah kiri dan kanan menu tersebut...

Dengan tampilan link seperti ini maka blog anda terlihat lebih hidup,wah poko nya cakep deh!!!!!
Karena link bergerak secara otomatis dan berurut...juga lebih simpel daripada si pengunjung lihat entri yg banayk dan membutuhkan tempat huuh capedeh!!!!

Menu ini sangat unik karena teks link dapat berubah dengan sendiri nya...
Penasaran seperti apa tampilan menu nya...Oke langsung saja Copy script kodenya....
Copy Paste Script Kode nya Di Bawah ini :

<style>

<!--

.scrollerstyle{

font-family:webdings;background:#9DACBF;border:1px solid #000000;cursor:hand;

}

-->

</style>

<script language="javascript">

var msgs = new Array(

"belajarservicetvdankomputer.blogspot.com",

"cara-membuat-judul-alamat-blog-anda",

"dampak-buruk-tayangan-tv-video-buat ",

"cara-serpis-tv-sharp-ii ",

"tips-mempercepata-koneksi-internet-pada.html");

var msg_url = new Array(

"hhttp://belajarservicetvdankomputer.blogspot.com/",

"http://imeldaentertainment.blogspot.com/2011/06/cara-membuat-judul-alamat-blog-anda.html",

"http://imeldaentertainment.blogspot.com/2011/06/dampak-buruk-tayangan-tv-video-buat.html",

"http://imeldaentertainment.blogspot.com/2011/06/cara-serpis-tv-sharp-ii.html",

"http://imeldaentertainment.blogspot.com/2011/05/tips-mempercepata-koneksi-internet-pada.html" ); // No comma after last ticker url

var barwidth='80%' //ukuran panjangnya dapat anda ganti dengan px atau %

var setdelay=3000

var mouseover_color='#ECE9D8' //highlight Warna

var mouseout_color='#9DACBF'

/////////////////////////////////////////////////////////////////////

var count=0;

var ns6=document.getElementById&&!document.all

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){

document.write('<form name="news_bar"><input type="button" value="&laquo;" onclick="moveit(0)" class="scrollerstyle" style="width:20px; height:20px; border-right-width:0px;" name="prev" title="Sebelumnya"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000099&raquo;;background:#9DACBF; width:'+barwidth+'; height:22px; border-width:1; border-color:#FF0000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="&raquo;" onclick="moveit(1)" class="scrollerstyle" style="width:22px; height:22px; border-left-width:0px;" name="next" title="Selanjutnya"></form>');

}

else{

document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')

if (navigator.userAgent.indexOf("Opera")!=-1)

document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')

else

document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')

document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')

}

function init_news_bar(){

document.news_bar.news_bar_but.value=msgs[count];

}

//moveit function by Dynamicdrive.com

function moveit(how){

if (how==1){ //cycle foward

if (count<msgs.length-1)

count++

else

count=0

}

else{ //cycle backward

if (count==0)

count=msgs.length-1

else

count--

}

document.news_bar.news_bar_but.value=msgs[count];

}

setInterval("moveit(1)",setdelay)

function goURL(){

location.href=msg_url[count];

}

init_news_bar();

</script>

untuk mencoba" silahkan saja seperti biasa copy paste pada note... lalu klik save as coba.html klo sudah seperti yang kita inginkan baru kita pasang di blog kita!!!
ya seperti biasa masuk kerancangan +gadget lalu pilh java/html lalau copast klik simpan" jadi deh" selamat mencoba"
 *note: teks yang berwarna merah pada script silahkan ganti dengan link anda" jangan lupa coment jnya..

Teks Roller

Teks Roller

Selamat Datang... Dan Terima Kasih Atas Kunjungannya !


SEMOGA SELALU SUKSES

Teks Roller yaitu jenis teks yang mempunyai ukuran yang berbeda beda pada setiap kalimat,,
Sebagai contoh lihatlah contoh teks di atas  setiap kalimat nya mempunyai ukuran yang tidak sama...sekedar iseng saja buat yg mau bikin pareasi buat blog nya gtuh"

Tertatik untuk memasangnya di blog anda....mau coba??? silahkan saja copast..
Oke... Langsung saja ikuti langkah-langkahnya di bawah ini :




Copy Paste Script Kodenya Di bawah Ini :

<script>

/*

Teks Roller Script-

http://belajarservicetvdankomputer.blogspot.com

*/

var fs=1

var direction="right"

function rollertext(whichone){

var thetext=whichone

for (i=0;i<thetext.length;i++){

document.write(thetext.charAt(i).fontsize(fs))

if (fs<7&&direction=="right")

fs++

else if (fs==7){

direction="left"

fs--

}

else if (fs==1){

direction="right"

fs++

}

else if (fs>1&&direction=="left")

fs--

}

}

//MAsukan teks anda dalam tanda kurung dibawah

rollertext("Selamat Datang... Dan Terima Kasih Atas Kunjungannya !")

</script>       

silahkan di coba" semoga ber manfaat" klo sudah comen nya donk!!!!!                                                           

 

Membuat Background Hujan Salju

Dalam kesempatan ini saya akan sharing tentang cara membuat tampilan background pada blog seperti  hujan salju.

Banyak sekali permintaan dari teman-teman  yang menanyakan bagaimana cara membuat Membuat Background Hujan Salju seperti blog ini..padahal dah banyak banget blogs2 yang dah bikin post seperti berikut!!!
Sebenarnya cara membuat atau cara menampilkannya cukup simple dengan menggunakan CSS..
Ok... langsung saja ikuti langkah - langkah dibawah ini :

Script Kode Untuk Membuat Background Hujan Salju  :

<style type="text/css">

<!--

body { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Zg8rPaBrxXj8rSqOG80_2XrKwLJAjsyxnoAUITi-zXDxPPuox6dpSUDeyGrFcizqtNWFseC9sfjTVtC-e26LsrJqn-f9-k5W5YpQBZV2-G1Yse3b2UW_6A_GDCR2PvYj4nE4zFaoxNCz/); background-color: #4A6873; }

//Visit To www.kikiyo.co.cc for this script

-->

</style>

 

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Rancangan atau Tata letak
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan
selamat mencoba"

Cara-menghilangkan-widget-attribution

Widget Attribution Pada Template Baru merupakan hak cipta dari blogger karena disitu terdapat pembuat asli dari template - tempate baru di blogger...

http://imeldaentertainment.blogspot.com/ dan http://belajarservicetvdankomputer.blogspot.com/ untuk melihat contoh template yang masih menggunakan widget attribution,


Sebenarnya tidak ada pengaruh nya terhadap template kita walaupun tidak kita hilangkan, tapi ada saja orang yang merasa terganggu dengan tampilan Widget Attribution pada template baru blooger..

Jika kita merasa tidak senang dengan adany tampilan Widget Attribution tersebut, kita dapat menghilangkannya dengan satu cara mudah...

Mau tahu bagaimana cara menghilangkan widget tersebut....

Oke... Langsung saja ikuti langkah - langkahnya di bawah ini :


Langkah 1 :
- Masuk ke akun blogger anda
- Lalu klik Tata letak / Rancangan
- Klik Edit HTML
- Cari Kode seperti di bawah ini :

<b:section class='foot' id='footer-3' showaddelement='no'>

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

</b:section>

- Setelah ketemu lalu hapus kode di tersebut
- Klik Simpan

Langkah 2

- Setelah anda mengklik simpan maka secara langsung akan muncul tampilan seperti di bawah ini :

- Selanjutnya anda klik Hapus widget
- Dan lihat Hasilnya...
SEMOGA BERMANFAAT"

Cara Membuat Cursor Bertabur Bintang

kemarin dulu saya telah menulis cara merubah cursor (asli nya kan bentuk panah) tapi sekarang beda lagi" yaitu cursor tetep saja begitu yg beda <ada yang ngikutin gtuh" jadi kaya hujan hehhe....ada bintang nya!!!
He...he...maksudnya cara bikin cursor seperti bertaburan gituh....biar lebih keren aja !!
Mempercantik atau memperindah tampilan Blog adalah naluri dari setiap blogger .dan jikalau tampilan blog seorang blogger telah mencapai tahap yang paling indah nantinya juga sang pemilik akan bangga terhadap blognya.hehehe jangan kaya tampilan blog klinik-it ini yang terlihat semerawut .hehehe nah...dalam postingan kali ini klinik-it akan menjelaskan tentang bagaimana Cara Membuat Cursor Bertabur Bintang.Cursor yang bertabur bintang adalah salah satu cara untuk mempercantik tampilan blog.karena saat cursor di geser kursor tersebut akan mengeluarkan bintang-bintang. Contohnya Bisa kamu lihat seperti yg kupakai ini!!!!

Setelah melihat Contohnya Tertarik tidak sobat untuk membuatnya ?jika tertarik silakan ikuti tutorial Cara Membuat Cursor Bertabur Bintang di bawah ini untuk Membuat Cursor Bertabur Bintang.

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Bintang Biru

<script src="http://denisahlan.netau.net/bintang.biru.js" type="text/javascript"></script>

Bintang Hijau

<script src="http://denisahlan.netau.net/bintang.hijau.js" type="text/javascript"></script>

Bintang Merah

<script src="http://denisahlan.netau.net/bintang.merah.js" type="text/javascript"></script>

cukup mudah bukan!!! selamat mensoba ya!!!! semogha bermanfaat!!!!!