Belum Tentu Jadi

Membuat Status Loading

Tutorial kita kali akan membahas cara membuat status loading, maksudnya adalah pada waktu sobat membuka halaman blog milik sobat, nantinya akan muncul sebuah image / gambar animasi loading yang atraktif sebelum blog tampil keseluruhan.
Pemasangan status loading ini akan mengubah sedikit kode HTML,jadi saya sarankan gunakan blog cadangan untuk mencoba tutorial ini, atau backup template sobat sebelum mengubah kode HTML-nya.

Karena kode yang di ubah adalah <body> dan saya tidak tau pasti apakah dengan mengubah kode tersebut akan melanggar TOS Blogger atau tidak. Makanya saya sarankan sebaiknya gunakan blog cadangan saja untuk mencoba membuat status loading ini. Baiklah, lanjut ya.

Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader atau Ajaxload, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda

Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)

var ld=(document.all);var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

Kalo sudah, silahkan upload file preloader.js ke hosting anda
atau jika bingung gunakan kode javascript punya saya aja, kodenya dibawah ini :

http://h1.ripway.com/djfacebook/preloader.js

Kemudian ikuti langkah berikut ini :

1. Silahkan login dulu ke Blogger.
2. Kemudian tuju halaman Edit HTML.
3. Klik Expand Template Widgets.
4. Cari kode <body> dan ganti kode tersebut dengan kode dibawah ini :

<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://lh4.ggpht.com/_7Y9pl24WpQY/SusfCp6mZWI/AAAAAAAACCI/23-3MVdUteQ/ajax-loader_thumb.gif?imgmax=800'/></div> <script src='http://h1.ripway.com/djfacebook/preloader.js ' type='text/javascript'/>


Kode yang berwarna hijau adalah url dimana sobat menyimpan gambar animasi status loading-nya.


Kode yang berwarna merah adalah url tempat sobat mengupload kode javascript-nya. ( jika bingung pakai yang itu saja ).

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center (silahkan bermain saja dengan kode center, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.


Cara daftar search


Tak di sangkal bahwa tujuan utama dari membuat blog antara lain adalah agar tulisan-tulisan kita bisa di baca oleh orang lain atau pengunjung blog, semakin banyak yang berkunjung apalagi memberikan komentar pada apa yang kita posting tentunya akan membuat hati kita merasa senang dan bahagia. Akan tetapi tentunya tidak serta merta blog kita akan ramai di kunjungi, ini memerlukan usaha publikasi yang gencar dari pemilik blog apabila ingin banyak pengunjungnya.


Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari.

Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari.

Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut :










  • Daftar Google














    • Untuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :
    • URL --> Isi dengan URL blog sobat.
    • Comments --> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat
    • Isi kotak kosong dengan huruf Verifikasi yang tersedia
    • Klik tombol Add URL
    • Selesai.
    Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat.


    • Daftar Yahoo!
    Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut :


    http://www.oktridarmadi.blogspot.com/atom.xml


    atau memakai www pun sama saja :


    http://oktridarmadi.blogspot.com/atom.xml


    • Daftar ke Msn
    Untuk daftar ke Msn, silahkan sobat kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2 silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai.


    Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter. Coba klik saja banner dibawah ini :




    Tugas sobat hanya mengisi alamat URL blog miliknya, serta menuliskan alamat email saja, kemudian klik tombol Submit Your Site.


    Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik link di bawah :




    Sobat tinggal mengisi form yang di sediakan.
    Mau lebih banyak lagi beserta data-data search engine lengkap dengan ranking masing-masing .. loncat ke posting berikut : Submit Web/Blog ke Search Engine Populer.


    Selamat mencoba !!

    Applikasi Marque

    Seperti pada bulan ramadhn, di mana umat Islam di seluruh dunia sedang menjalankan ibadah puasa, sebagai orang timur dan sebagai pengamalan Pancasila (sok Pancasilais, he he), kita dapat saling memberi ucapan selamat, seperti misalnya SELAMAT MENUNAIKAN IBADAH PUASA BAGI YANG MENJALANKANNYA.
    Kita yang berkecimpung dalam dunia blog, kita dapat menuangkan ucapan tersebut pada halaman blog dengan mengaplikasi script marquee pada blog kita.
    Salah satu contoh aplikasi marquee yang dapat kita terapkan dengan format seperti di bawah ini.
    <marquee direction="left" scrollamount="4"><font color="black" face="broadway" size="3">
    teks atau tulisan yang ingin ditampilkan
    </font>
    </marquee>
    Keterangan
    • Direction >> arah gerakan, dapat kita ganti dengan RIGHT
    • Scrollamount >> semakin kecil nilanya semakin cepat gerakannya, dapat kita ubah sesuai kebutuhan
    • Size >> ukuran huruf, semakin besar nilanya semakin besar pula ukuran hurufnya
    • Color >> warna huruf, dapat diubah sesuai selera masing-masing
    • Face >> jenis font, dapat diubah sesuai selera
    Di mana kita menempatkanya pada blog kita? Sedapat mungkin di tempat yang “strategis” sehingga mudah dilihat pengunjung yang datang ke blog kita. Pada tips ini, Tips Blog mencoba menempatkan di tempat sedemikian rupa sehingga mudah dilihat. Anda pun dapat menempatkan di tempat lain sesuai selera Anda.
    • Login ke http://blogger.com hingga masuk halaman Kontrol Panel
    • Klik Tata Letak (layout)
    • Klik Edit HTML
    • Kemudian cari kode <body>
    • Kemudian tempatkan kode html di atas tadi persis di bawah kode <body>
    • Kemudian Simpan Template
    Contohnya dapat dilihat pada blog Bisnis Internet.
    Selamat Mencoba!!

    a Membuat Menu navigasi : Dynamic-FX Slide-In Menu

    20.54
    slide in menu Kali saya akan berbagi Tips Membuat yang ada diblog saya tersebut di namakan dengan Dynamic-FX Slide-In Menu (v 6.5), original source code serta contoh dari menu tersebut bisa anda lihat di dynamicdrive.com. Apa keunikan dari Dynamic-FX Slide-In Menu (v 6.5)? keunikanya yaitu menu atau navigasi tersembunyi di sebelah kiri layar monitor dan yang terlihat hanyalah bar menu nya saja, apabila menu tersebut di sorot oleh mouse komputer maka keluarlah menu-menu yang ada di dalamnya. Yang lebih menarik perhatian adalah menu tersebut selalu bergerak mengikuti gerakan scrolling sehingga akan selalu muncul di layar sebelah kiri layar monitor.

    Tertarik membuat menu tersebut di blog anda, saya bagi tuliskan tutorial cara membuatnya :

    Silahkan download dahulu source code yang nanti akan anda pakai. Klik      di bawah : 

    DOWNLOAD 

    Setelah anda download file yang tadi, silah di ekstrak terlebih dahulu dengan software ekstraktor seperti winzip atau winrar.

    ekstrak seperti ini!

    Apabila file tersebut sudah diekstrak, maka akan menghasilkan dua buah file java seperti yang tampak pada ilustrasi gambar di atas. dua buah file java tersebut mempunyai nama ssm.js dan ssmItems.js, yang harus anda lakukan sebelum file tersebut di upload ke file server adalah melakukan editing untuk file ssmItems.js yaitu mengganti link-link yang ada dengan link yang anda inginkan untuk di simpan pada menu tersebut. Bagaimana cara mengedit file tersebut? agar tidak terlalu repot, maka saya akan menerangkan mengedit file tersebut dengan hanya menggunakan notepad, caranya adalah seperti ini : 


    1. Klik kanan pada file yang bernama ssmItems.js, kemudian pilih open with lalu pilih notepad karena yang akan di gunakan adalah software tersebut.
    2. Setelah itu anda akan melihat file seperti ini :
    <!--
    /*
    Configure menu styles below
    NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
    */
    YOffset=150; // no quotes!!
    XOffset=0;
    staticYOffset=30; // no quotes!!
    slideSpeed=20 // no quotes!!
    waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
    menuBGColor="black";
    menuIsStatic="yes"; //this sets whether menu should stay static on the screen
    menuWidth=150; // Must be a multiple of 10! no quotes!!
    menuCols=2;
    hdrFontFamily="verdana";
    hdrFontSize="2";
    hdrFontColor="white";
    hdrBGColor="#170088";
    hdrAlign="left";
    hdrVAlign="center";
    hdrHeight="15";
    linkFontFamily="Verdana";
    linkFontSize="2";
    linkBGColor="white";
    linkOverBGColor="#FFFF99";
    linkTarget="_top";
    linkAlign="Left";
    barBGColor="#444444";
    barFontFamily="Verdana";
    barFontSize="2";
    barFontColor="white";
    barVAlign="center";
    barWidth=20; // no quotes!!
    barText="OKTRI MENU"; // <IMG> tag supported. Put exact html for an image to show.

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

    // ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
    ssmItems[0]=["MENU"] //create header
    ssmItems[1]=["Home", "http://www.oktri.co.cc", ""]
    ssmItems[2]=["Daftar Isi", "http://www.oktri.co.cc/search?max-results=%2080",""]
    ssmItems[3]=["Tips Blog", "http://www.oktri.co.cc/search/label/Tips%20Blogger", ""]
    ssmItems[4]=["Forum", "http://oktri.forumsmotion.com/", "_new"]
    ssmItems[5]=["Submit Script", "http://www.dynamicdrive.com/submitscript.htm", ""]
    ssmItems[6]=["Link to Us", "http://oktridarmadi.blogspot.com", ""]

    ssmItems[7]=["FAQ", "#nogo", "", 1, "no"] //create two column row
    ssmItems[8]=["Email", "ok3darmadi@gmail.com", "",1]

    ssmItems[9]=["External Links", "", ""] //create header
    ssmItems[10]=["Blog oktri", "http://www.oktri.co.cc", ""]
    ssmItems[11]=["Darmajaya", "http://www.darmajaya.ac.id", ""]
    ssmItems[12]=["Tips", "http://oktridarmadi.blogspot.com", ""]

    buildMenu();

    //-->

    Pada prinsip dasarnya, kode-kode di atas adalah untuk mengatur tampilan dari Dynamic-FX Slide-In Menu (v 6.5) semisal warna tulisan warna background, bentuk hurup, besarnya hurup dan lain-lain. Akan tetapi karena keterbatasan waktu (cape dhenk kalo di bahas atu-atu mah), maka saya hanya akan menerangkan acara mengganti tulisan menu serta link yang ada dengan link yang anda inginkan untuk dipasang pada menu ini, untuk kreasi yang lainnya silahkan explor sendiri oleh anda. Untuk mempermudah pengeditan, pada kode di atas sengaja kang rohman bedakan, ada yang berwarna hijau, biru serta warna merah. Tulisan yang berwarna hijau dengan tulisan SIDE MENU adalah tulisan yang akan muncul pada bar menu tersebut, anda bisa mengubahnya sesuka hati anda, misal mengganti tulisan tersebut dengan MY MENU, MENU GUE, NAVIGASI atau apa sajalah terserah anda. Tulisan yang berwarna biru adalah tulisan link yang akan muncul pada menu tersebut, tulisan-tulisan ini tentu saja bebas untuk anda ubah sendiri sesuai dengan keinginan, misal tulisan Home anda ingin ubah menjadi Depan atau apa saja. 
    Tulisan yang biru ini akan berpasangan dengan tulisan yang berwarna merah yang ada di sampingnya. Tulisan yang berwarna merah adalah link target yang anda inginkan, misal : tulisan Home apabila di klik ingin menuju halaman yang beralamat http://www.oktri.co.cc, nah alamat http://www.oktri.co.cc harus di ubah dengan alamat yang anda inginkan. Mudah-mudah dapat di mengerti. 

    Apabila anda sudah mengedit kode-kode di atas tadi, maka langkah selanjutnya adalah menyimpan file tersebut, caranya adalah klik pada file yang ada di bar menu, kemudian klik Save.
    Setelah anda melakukan semua hal-hal yang saya tulis di atas, langkah yang harus anda lakukan adalah mengupload kedua file java tersebut ke server,terserah anda akan upload dihosting mana,heheheheh...
    Kalau sudah di upload, jangan lupa untuk meng copy alamat URL kedua file tersebut.  

    Sekarang kita waktunya untuk beraksi, silahkan ikuti langkah-langkah berikut ini :
    1. Silahkan logi ke blogger dengan ID anda.
    2. Klik Tata Letak.

    4. Klik Edit HTML.
    5. Copy paste kode berikut di atas kode </head>
    <style type="text/css">
    <!--
    A.ssmItems:link {color:black;text-decoration:none;}
    A.ssmItems:hover {color:black;text-decoration:none;}
    A.ssmItems:active {color:black;text-decoration:none;}
    A.ssmItems:visited {color:black;text-decoration:none;}
    //-->
    </style>

    <SCRIPT SRC="http://h1.ripway.com/oktri/ssm.js" language="JavaScript1.2">
    //Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
    //Updated July 8th, 03' for doctype bug
    //For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

    </SCRIPT>
    <SCRIPT SRC=" http://h1.ripway.com/oktri/ssmItems.js" language="JavaScript1.2"></SCRIPT>

     
    1. Gantilah kode yang berwarna merah dengan kode milik anda (file yang tadi di upload).
    2. Klik tombol SIMPAMN TEMPLATE.
    3. Selesai. Silahkan lihat hasilnya.
    Semoga Membantu  

    RomING BLOGGER

    aaa...... hoooo
    mungkin kamu sudah atau kepengen membuat roaming di blogg.
    .. kagek..
    pertama kali temen kamu masuk ke blogger kamu ,,
    dikirain nya error mozilla/ Ienternetnya/Operanya ... mayan kan bikin kagek temen kamu....
    script ROMING ini memang kurang disukai bagi paga tamu yang mampir diblog kita,
    sebagai ilmu tambahan dan pengalaman boleh kita coba , agar blog kita agak kere...et keren..
    untuk melihat contoh nya http://roming-blog.blogspot.com/
    oke .. kita ke pokok permasalahan nya :
    1. Sign in di blogger.
    2. Klik menu Template
    3. Klik menu Edit HTML
    4. Copy seluruh kode template yang ada, lalu save untuk backup data
    5. Cari kode yang ada di bawah ini : <head>
    6.Kemudian copy kode yang yang ada di bawah ini :

    <script type='text/javascript'>
    //<![CDATA[
    scrW=screen.availWidth
    scrH=screen.availHeight
    window.resizeTo(10,10)
    window.focus()
    for(a=0;a<80;a++){
    window.moveTo(0,0)
    window.resizeTo(0,scrH*a/80)
    }
    window.resizeTo(0,0)
    for(b=0;b<80;b++){
    window.moveTo(0,scrH/1)
    window.resizeTo(scrW*b/80,0)
    }
    for(c=0;c<80;c++){
    window.moveTo(scrW/1,scrH/1)
    window.resizeTo(0,scrH*c/80)
    }
    for(d=0;d<80;d++){
    window.moveTo(scrW/1,0)
    window.resizeTo(scrW*d/80,0)
    }
    for(e=0;e<80;e++){
    window.resizeTo(scrW*e/80,scrH*e/80)
    }
    window.moveTo(0,0)
    window.resizeTo(scrW,scrH)
    //]]>
    </script>


    7. Setelah itu paste kode tadi tepat di atas kode/dibawah <head>
    8. Klik tombol Simpan Perubahan Template
    9. Selesai. Silahkan lihat hasilnya.

    semoga berhasil...
    jika mengalami kesulitan berobat lah di rumah sakit terdekat
    (kata yang punya script)
     
     

    Langganan: Postingan (Atom)
     
    © Copyright by Kolor_butut
    Template by Amber Ghays Pacific