cara mengganti background blog

cara mengganti background blog

langsung saja ga pake lama saya akan memberi tau bagi anda yang baru di blog bagai mana cara mengganti background blog simak baik" ya

 pertama login ke blog anda lalu pilih template seperti gambar di samping

 lali pilih sesuaikan yang ada di sebelah edit HTML seperti gambar di samping

 kemudian pilih latar belakang seperti gambar di samping

 setelah itu klick arah panah kecil yang di tunjuk panah pada gambar

kemudian pilih kategori nya dan gambar background nya jika anda mau meng upload nya silahkan klick bagian yang di tunjuk panah pada gambar, setelah selesai silahkan klik save di pojok kanan bawah

Read more → cara mengganti background blog

Cara Membuat Auto Read More Di Blog

Cara Membuat Auto Read More Di Blog

Sobat blog kali ini saya akan membagikan cara membuat Auto Read More di blog, mungkin bagi sobat yang masi baru dalam dunia blog belum mengerti apa si maksud membuat "Auto Read More Di Blog" nah saya akan menerangkan sedikit, Auto read more adalah sebuah sistem dalam blog untuk memenggal postingan yang tampil di halaman sehingga postingan yang akan di tampilkan akan jauh lebih ringkas, berbeda dengan blog yang tidak memakai read more dalam satu halaman bisa saja hanya menampilkan satu postingan saja dikarnakan terlalu panjangnya postingan tersebut. Nah kan sudah tau apa itu Auto read more sekarang bagi yang berminat saya akan membagikan caranya kepada anda

pertama yang harus dilakukan adalah kunjungi Blogger.com

• log in di blogger.com
• lalu pilih template ----> Edit HTML
• sebelum melakukan editing saya sarankan untuk meng copy dulu script blog anda lalu save di notepad agar jika terjadi kesalahan tinggal anda copy paste script yang sudah di save di notepad tadi
• ok jika sudah melakukan langkah pada point 3 langsung kita edit script nya
• cari kode berikut </head> untuk mempermudah silahkan tekan F3 atau CTRL+F
• tepat di atas nya copy kan kode berikut ini
<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 220; img_thumb_height = 120; img_thumb_width = 220; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div> "+removeHtmlTag(f.innerHTML,e)+"</div> ";f.innerHTML=c}; //]]> </script>

• selanjutnya cari kode  <data:post.body/> lalu gantikan code tersebut dengan code berikut ini
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:left'><b>Read more</b> → <a expr:href='data:post.url'><data:post.title/></a></span> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

• penting untuk di ingat code   <data:post.body/> bukan hanya satu anda harus mencarinya lagi dan menggantinya seperti langkah di point 7 tadi, biasanya ada 3 code seperti itu yang harus anda ganti
• jika sudah klik pratinjau template / view untuk melihat apakah code tersebut berjalan dengan baik 
• jika sudah berjalan silahkan klick simpan template / save

selamat mencoba sendiri semoga sukses 

Read more → Cara Membuat Auto Read More Di Blog

Cara memasang Text berjalan di blog

Cara memasang Text berjalan di blog

 Kali ini saya akan memberitau bagai mana cara memasang Text berjalan di blog

hal yang harus anda lakukan adalah mengunjungi http://www.widgeo.net/

akan tampil seperti gambar lalu di bagian atas pilih
Flash Message yang ada tanda panahnya di gambar

akan muncul seperti gambar di samping di kolom pertama adalah tempat anda memasukkan text yang anda inginkan
di kolom ke dua adalah jenis mesage berjalannya anda bisa memilih salah satunya
di bagian ke tiga adalah ukuran kolom text berjalan akan muncul

lalu di kolom category pilih salah satu
dan di kolom terakhir pilih yes, lalu di bagian  I accept policies centang kotaknya
lalu klick get widget

akan muncul seperti di gambar copy script nya lalu pastekan di blog, anda caranya adalah

1. buka blog anda 
2. lalu pilih bagian tata letak
3. pilih tambahkan gadget 
4. lalu pilih yang HTML/JavaScript lalu pastekan di situ 
5. lalu save

Read more → Cara memasang Text berjalan di blog

Cara memasang jam digital di blog

Cara memasang jam digital di blog

Saya akan memposting bagai mana cara memasang jam di blog dengan adanya fitur jam di blog anda, pengunjung blog akan selalu di ingatkan dengan waktu  langsung saja tanpa berbelit" hal pertama yang harus anda lakukan adalah:

kunjungi http://www.clocklink.com/
lalu akan terlihat seperti ini

 lalu di bagian sebelah kiri

adalah beberapa kategori bentuk jam silahkan di pilih salah satunya
jika sudah mendapatkan jenis jam yang anda inginkan di bagian bawah jam klick view html tag
lalu akan muncul seperti ini
lalu tekan tombol accept

akan tampil seperti gambar di samping
bagian pertama adalah memilih warna jam pilih salah
satu yang anda inginkan
di bagian kedua ada pilihan select by time zone dan
select by city jika anda memilih yang pertama jam akan mengikuti time zone yang anda pilih, jika anda memilih yang kedua jam akan menyesuaikan waktu di mana tempat web itu di buka
di bagian ke tiga adalah kolom untuk memilih time zone yang anda inginkan
pada bagian ke empat adalah ukuran jam yang akan tampil
jika semuanya sudah anda pilih dan seting copy script yang ada di kolom pertama, dan pastekan di blog anda, caranya adalah

1. buka blog anda 
2. lalu pilih bagian tata letak
3. pilih tambahkan gadget 
4. lalu pilih yang HTML/JavaScript lalu pastekan di situ 
5. lalu save

Read more → Cara memasang jam digital di blog

Membuat Efek Salju pada Cursor di Blog

Membuat Efek Salju pada Cursor di Blog 

Bagi Sobat Blogger yang pengen tampilan Blognya ada animasi Salju yang berhambur di Dunia Maya , bagi yg belum pernah Nyentuh salju, Nyentuh di  Blog juga gpp, ga bayar juga,,  xixixixi.... berikut langkah-langkahnya
1. Login ke Account blog Anda.


2. Klik "Layout/Tata Letak" lalu "Page Element/Elemen Laman" & klik "Edit HTML"


3. Beri tanda centang/check sign di kotak "Expand Widget Templates"


4. Cari kode berikut : <head>
5. COPAS kode berikut di atas <head> :
    
<script src="http://calvinalx.googlepages.com/Sparkle.js" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript">var colour="white";</script>

 

 tulisan yang berwarna merah adalah warna butiran salju yang akan jatuh, bisa anda ganti dengan warna lain seperti blue,gold,red

Read more → Membuat Efek Salju pada Cursor di Blog

Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)

Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)

Cara membuat teks bergerak melingkar mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan ditampilkan dapat diatur sesuai keinginan.

Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.

<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "http://intnetto-jnosekai.blogspot.com/";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){ // makes the resistance
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},

ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};

})();

</script>

Read more → Cara membuat teks bergerak melingkar mengikuti gerakan mouse (Circling text trail)

Mini Lyric

Mini Lyric

Tampilkan lirik lagu kesukaan Anda!
Fitur MiniLyrics :
Perangkat lunak plugin lirik untuk iTunes, Windows Media Player, Winamp, dll.
Anda tidak perlu mengubah cara Anda menikmati musik.
Dengan tampilan lirik bergulung, Anda bisa mengikuti nyanyian dan kata-kata penyanyi.
Mencari dan mengunduh lirik secara otomatis.
Basis data lirik sangat besar dan bertambah setiap hari.
Unduh dan simpan lirik dalam berkas lagu, sehingga Anda bisa menampilkannya di iPod atau iPhone.
Skin tembus pandang yang luar biasa.
Lintas platform, mendukung Windows, Mac OS X, Android.

Download Mini Lyric

DOWNLOAD HERE

Read more → Mini Lyric