Cara memubat screensaver di blog

Sekarang saya akan mengajarkan cara membuat screensever di blog dengan gambar sendiri, screensever ini tidak akan membuat berat blog anda, jadi anda jangan khawatir dan anda dapat memakainya sesuka hati anda, dan screensever ini dapat membuat blog anda jadi tambah keren dan menarik.

Langsung saja ikuti langkah-langkah dibawah: 

1. Seperti biasa login dlu ke blog anda
2. Masuk ke tata letak
3. Kemudian klik add gadget dan pilih HTML/JavaScript
4. Salin kode dibawah ini kedalamnya

<script type="text/javescript"
src="http://yourjavascript.com/11261431525/screensaverBluewers.js">
</script>
<style type='text/css'>
div#energysaving, div#energysaving * {-moz-border-radius:0;-webkit-border-radius:0;border:0;background:url(http://2.bp.blogspot.com/-fz0WCDbRJi4/TuXRjqGQ6WI/AAAAAAAAATc/QXuvndFN-qw/s1600/ARMADA.png) no-repeat center center fixed black;}
div#energysaving p span {display:none;visibility:hidden;}
</style>

pemberitahuan :

• Ganti tulisan yang berwarna hijau dengan link gambar anda sendiri kalau bisa ya ukuran 1265 x 700
• Screensaver akan muncul setelah 25 detik tidak ada aktivitas

Sekian cara membuat screensever di blog, semoga dapat memperindah blog anda, dan semoga bermanfaat.

Cara Membuat Footer kolom blog

Cara Membuat Footer kolom blog

Baiklah sekarang saya akan berbagi ilmu lagi, sekarang saya akan memberi tahu tentang
Cara Membuat Footer kolom blog di blogger dengan multi kolom yaitu 2,3, atau 4 kolom
blog ini sering kita temukan saat kita download template dari situs template
atau dari default blogger sendiri dan di sana tidak menyediakan widget pada footer
untik kita menempatkan elemen blog yang kita anggap pantas untuk di taruh di bagian tersebut
dan juga sebagai salah satu optimasi SEO pada loading blog.

baiklah singkat saja, kita langsung saja peraktekan caranya :

1. login ke blog anda.
2. klik "template" kemudian klik "Edit Html"
3. beckup template untuk jaga-jaga,
4. cari code " ]]></b:skin> " caranya Ctrl+f
5. tambahkan code dibawa ini dan letakan di atas code ]]></b:skin>

#footer-column-divide{
clear:both;
}
.footer-column{
padding: 10px;
}

6. cari lagi di find code kira-kira seperti ini

<div id='footer-wrapper'>
<b:section class='footer'id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' showaddelement='yes'/>
</div>

7. setelah ketemu, tambahka code dibawah ini tepat dibawah code " <b:section
class='footer' id='footer' showaddelement='yes'/> " atau di " <div id='footer-wrapper'> " 
jika belum ketemu mungkin codenya seperti ini " <div id='footer'> " 

jika ingin membuat footer 2 kolom. gunakan code ini

<div id='footer-column-divede'>

<div id='footer1'style="width:50%;float:left;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col1'
prererred='yes'style='float;/>
</div>

<div id='footer2'style="width:50%;float:left;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col2'
prererred='yes'style='float;/>
</div>

<div style='clear:both;'/>
</div>

jika ingin footer 3 kolom gunakan code ini

<div id='footer-column-divede'>

<div id='footer1'style="width:33%;float:left;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col1'
prererred='yes'style='float:left;/>
</div>

<div id='footer2'style="width:33%;float:left;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col2'
prererred='yes'style='float:left;/>
</div>

<div id='footer3'style="width:33%;float:riget;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col3'
prererred='yes'style='float:right;/>
</div>

<div style='clear:both;'/>
</div>

jika ingin menjadi 4 kolom gunakan code ini:

<div id='footer-column-divede'>

<div id='footer1'style="width:25%;float:left;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col1'
prererred='yes'style='float:left;/>
</div>

<div id='footer2'style="width:25%;float:left;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col2'
prererred='yes'style='float:left;/>
</div>

<div id='footer3'style="width:25%;float:riget;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col3'
prererred='yes'style='float:right;/>
</div>


<div id='footer4'style="width:25%;float:riget;
margin:0;text-align:left;'>
<b:section class='footer-column'id='col4'
prererred='yes'style='float:right;/>
</div>

<div style='clear:both;'/>
</div>

8. jika sudah save template, lalu klik page element untuk melihat hasilnya.

sekian cara membuat footer kolom blog, mudah"an bisa menambah ilmu
bagi kalian,
terima kasih..

Text Berjalan di Tab Browser

Text Berjalan di Tab Browser

cara membuat text tab browser berjalan/bergerak, jika anda membuka blog anda
anda bisa lihat tab browser anda berjalan/bergerak,
kali ini saya akan berbagi ilmu cara membuat text tab browser berjalan/bergerak,
kalian tinggal ikuti langkah-langkah di bawah ini,
tanpa basa-basi kita mulai sekarang..

1. login ke blog anda.
2. klik "template" 
3. klik "edit html"
4. cari code <head> caranya ( Ctrl+f lalu ketik <head> )
5. kemudian letakan script berikut, tepat dibawah code <head>

<script type='text/javascript'>
//<![CDATA[
msg="text berjalan 2";
msg="text berjakan 1" + msg;post=0;
function scrollMSG() {
document.title = msg.substring(post,msg.length) + msg.substring(0,pos);pos++;
if(pos > msg.length)pos=0
window.setTimeout("scrollMSG()",200);
}

scrollMSG();

//]]>

</script>  

6. setelah itu klik "save template"
7. lihat hasilnya.....


keterangan :

• Rubahlah teks yang berwarna hijau dengan teks yang anda inginkan.
• Angka 200 bisa anda rubah untuk mengatur kecepatan, semakin rendah angkanya
  maka semakin akan semakin cepat,

sekian cara membuat teks berjalan di tab browser, mudah-mudahan ini bermanfaat bagi kalian
terima kasih.

Mozilla Firefox Terbaru 2013

Mozilla Firefox Terbaru 2013

Mozilla Firefox Terbaru 2013 yang baru pertama kali blog sahabat mengepost kan
mozilla terbaru ini
mozilla firefox terbaru ini adalah software/aplikasi yang lebih mudah membantu anda
dalam mencari semua kebutuhan dalam berinternet dengan menggunakan mozilla firefox 2013, sebelumnya mozilla telah mengeluarkan versi 17.0 dan sekarang mozilla
juga mengeluarkan versi terbarunya di tahun 2013 ini yaitu versi 18.0
mozilla firefox terbaru 2013, da lebih mudah dalam
browsing, upload, download,

Download segera " Mozilla Firefox terbaru 2013 " "download"


mudah-mudahan software / aplikasi browser ini dapat membantu anda
dalam melakukan browsing, upload, download, dengan menggunakan
mozilla firefox 2013 ini,
semoga bermanfaat
terima kasih..

Internet Download Manager 06.12 full version

Internet Download Manager 06.12 full version

Internet Download Manager 06.12 full varsion. update postingan terbaru dari blog sahabat
tentang IDM 06.12 tentunya semoga IDM 06.12 ini dapat membantu anda dalam mendownload
macam" software, video, music, film, dll, 


kelebihan IDM 06.12 ini adalah :
- Support Download film, youtube langsung tanpa
    menggunakan software lain.
- Membersihkan Bug- IDM berjalan pada filesonic- Support pada mozilla firefox terbaru sekalipun.



Download IDM 06.12 " Di sini "

semoga software yang telah anda download ini dapat membantu anda dalam
mendownload berbagai file, filem, video, music, dll
dan juga semoga bermanfaat,,
terima kasih.

Cara Membuat Like Box Facebook di Blog

Cara Membuat Like Box Facebook di Blog 

banyak cara dan penggabunga sebuah blog dengan media jejaring sosial lainnya
salah satunya adalah dengan menambahkan box facebook pada blog, hal ini di lakukan sebagai salah satu bentuk promosi blog anda. Cara Membuat Like Box Facebook di Blog 
tidaklah susah. namun sebelum membuatnya terlebih dahulu simaklah penjelasan di bawah ini.

sedikit mengulas cara kerja facebook like box ini yaitu ketika salah seorang rekan anda me'like like box di blog anda atau home pagenya maka secara tidak langsung orang tersebut telah berlangganan artikel blog anda hal ini juga harus di dukung oleh RSS Grafitti yang mempublikasikan postingan baru di blog anda kedalam halaman facebook atau halaman profil yang anda punya.

kembali kepokok permasalahan, ada sesuatu yang saya lupa yaitu memberitahukannya kepada anda, bahwa sebelum membuat facebook like box ini anda harus memiliki halaman facebook atau facebook page, karena itu salah satu syarat untuk membuat facebook like box   . jika anda belum membuatnya silahkan terlebih dahulu membuat halaman facebook.

jikasudah memilikinya kita bisa langsung membuatnya.
1. anda login terlebih dahulu ke facebook anda.
2. agar lebih mudah silahkan klik Social Plugins ini untuk langsung maju ke
    Facebook  Developer.
3. kemudian anda pilih "like box" 
4. kemudian akan muncul tampilan seperti si bawah ini

keteragan gambar :

- Facebook page URL : diisi dengan facebook fanspage milik anda, jika belum punya
                                            slahkan buat terlebih dahulu.
- Width                           : lebar fans like box
- Height                          : Tinggi fans like box, lebih baik kosongkan saja karena akan
                                            menyesuaika sendiri.
- Color Scheme            : Ada dua pilihan warna, light untuk warna terang (putih) dan dark untuk
                                           warna gelap (hitam).
- Show Faces               : Beri tanda centang apabila anda ingin menampilkan avatar
                                           orang-orang yang menyukai fanspage anda atau pilih no
                                           untuk menyembunyikannya.
- Stream                        : Beri centag apabila ingin menampilkan situs terbaru (update terbaru)
                                           dari halaman fanspage milik anda.
- Header                        : Beri tanda centang apabila ingin menampilkan "find us on facebook"
jika sudah melakukan konfirmasi yang menurut anda sesuai dengan pilihan anda klik
"get code"

keterangan : didalam kotak code facebook like box initerdiri dari 4 elemen yaitu ( HTML5,
                       XFBML, IFRAME, URL ) seperti contoh gambar di atas.

5. klik IFRAME tunggu sampai codenya keluar, setelah keluar copy code tersebut ke blog
    anda.

caranya : - login ke blogger anda.
                 - pilih menu tata letak.
                 - Tambah gadget.
                 - kemudian pilih HTML/JavaScript
                 - Paste code tadi ke kedalamnya.
                 - kemudian save

sekian Cara Membuat Like Box Facebook di Blog, mudah-mudahan bisa menambah ilmu bagi anda semua, terima kasih..

Cara Mudah Posting Blog Otomatis Masuk Ke Fanspage Facebook Kita

Cara Mudah Posting Blog Otomatis Masuk Ke Fanspage Facebook Kita



mungkin kawan-kawan blog sahabat ada yang terfikir untuk menghubungkan secara otomatis artikel yang ada di blog/website langsung ke halaman fanspage facebook kita. dengan RSS Grafitti kawan-kawan bisa melink'kan/menkaitkan postingan blog/website langsung ke halaman fanspage, jadi setiap kali kawan-kawan update/posting artikel baru di blog maka secara otomatis di halaman fanspage juga terupdate.



berikut ini blog sahabat akan memberitahu cara yang mudah untuk
menghubungkan artikel/postingan blog/website terhubung ke fanspage.


1. pertama-tama login dulu ke facebook kalian. 
2. kemudian masuk ke aplikasi RSS Grafitti melalui https://apps.facebook.com/rssgraffiti/
3. setelah itu anda pilih/klik "ke Aplikasi"  

4. setelah di klik akan muncul perintah untuk mengizinkan lalu klik "izinkan"

5. kemudian anda klik "Add New Publishing Plan" terus ada perintah untuk mengisi
    URL dan masukan URL anda, setelah itu akan muncul tampilan seperti di bawah ini.

6. klik "Add New" akan muncul tampilan Add a New Souce, anda isi dengan alamat
    blog/website anda, "Add Source"

7. kemudian anda tinggal isi perintah berikut klik "Save"

8. setelah itu pilih TARGET "Add New" lalu isi dengan fanspage anda, lalu "save" 

9. yang terakhir setelah di save anda tinggal klik "on" selesai deh..


sekian Cera Mudah Posting Blog Otomatis Masuk Ke Fanspage Facebook Kita.
mudah-mudahan menambah ilmu bagi kawan-kawan blog sahabat.
terima kasih..... !!!! 

cara membuat recent post slide show

cara membuat recent post slide show

Recent post atau sering di sebut dengan artikel terbaru. Recent Post sangat penting bagi blog kita dengan Recent Post maka pengunjung dapat mengetahui artikel-artikel terbaru di blog kita.

Recent Post bisa di tampilkan dengan banyak ragam, salah satunya dengan Recent Post Slide Show. Recent Post Slide Show ini menggunakan tampilan thumbnail atau gambar sehingga pengunjung blog kita bisa tertarik denga artikel terbaru di blog kita.

saya perlihatkan contoh gambar Recent Post Slide Show.



1. pertama-tama login terlebih dahulu ke blog anda.
2. kemudian klik "tata letak".
3. klik tambah "gadget"
4. kemudian pilih tambah Html/JavaScript
5. setelah itu copykan kode/script di bawah ini dan simpan. lihat hasilnya.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"      type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:245px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:280px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://sahabatbloggerr.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>

pemberitahuan :

• Ganti kode/script yang berwarna merah sesuai dengan keinginan andakode itu merupakan tinggi dan lebar kolom.
• ganti tulisan yang berwarna biru dengan URL blog anda
• untuk tulisan yang berwarna hijau adalah jumlah artikel yang muncul dalam
• slide show. anda bisa menggantinya dengan keinginan anda.

Cara Membuat Fans Page Facebook Melayang

Cara Membuat Fans Page Facebook Melayang


tutorial sekarang adalah bagaimana cara membuat fans page facebook melayang atau slide show di sebelah kanan layar anda.
 seperti biasa pertama-tama anda terlebih dahulu buat Fans Pagenya terlebih dahulu. anda bisa membuatnya dengan cara "buat halaman" di bagian paling bawah di facebook anda

anda bisa membuat Fans Page Facebook Melayang/Slide Show, dengan mengikuti
langakah-langkah berikut, seperti di bawah ini

cara membuat Fans Page Facebook Slide Show :  

1. silahkan anda masuk terlebih dahulu ke dasbor bloger anda.
2. setelah itu klik "template"

3. setelah klik template kemudian anda klik "Edit Html"

4. kemudian anda centang "expand template widget"

5. setelah itu cari kode </head>
6. jika sudah ketemu, kemudian letakan kode di bawah ini tepat di atas kode </head>

<script
 src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'
type='text/javascript'/>

7. setelah itu klik save.
8. setelah anda seva kemudian anda tutup halaman edit html dan muka halaman
     " tata letak" 
9. klik add gadget, pilih "HTML/JavaScript" dan copykan kode di bawah ini.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FANS PAGE ANDA &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://harinfo-blog.blogspot.com/2012/07/cara-membuat-fans-page-facebook.html"><b>Get Widget</b></a></span></div></div>

9. ganti tulisan yang berwarna hitam tebal dengan URL Fans Page Facebook anda.
10. klik save, dan lihat hasilnya.
cara membuat Fans Page Facebook Melayang sudah selesai, semoga bermanfaat bagi kalian semua
bila ada kekurangan mohon di maafkan terima kasih..

cara mengganti template

cara mengganti template

sebelum mengganti template, anda terlebih dahulu download template yang akan di gunakan/dipakai, jika masih dalam bentuk ZIP anda extrac terlebih dahulu sebelum mengganti template yang baru, setelah itu beck up template yang lama untuk menjaga jika ada kegagalan
dengan template yang baru,

setelah memenuhi syarat di atas, selanjutnya ikuti langkah-langkah berikut
untuk cara mengganti template :

1. masuk ke dasbor blogger anda lalu klik "opsi".
2. pada menu opsi klik "Template".

3. setelah itu pilih dan klik "Edit Html"

4. kemudian beckup trlebih dahulu caranya "Ctrl+A" & copy di Notepad

    supaya lebih aman.
5. setelah itu anda tinggal ganti script HTML template yang lama dengan script HTML 
    template yang baru.

6. anda tinggal ikuti perintah yang muncul
7. setelah itu anda tinggal "save template" selesai deh.

sekian cara mengganti template dari saya, mudah-mudahan bisa bermanfaat bagi kalian semua. Bila ada kekurangan mohon maaf, "Terima kasih"