Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Cara Membuat Background Image Website Tetap (tidak bergerak)

10:05 PM  Usman  No comments




berikut ini adalah skrip/ script yang dapat digunakan untuk mendesain web agar background image website selalu tetap , tidak bergerak ketika mouse scrolling atau window scrolling. berikut ini adalah cara-caranya:
masukkan pada tag script body pada skrip html seperti berikut
<body style=”background:url(images/imagescontoh.jpg); background-attachment:fixed“></body>
atau pada style cssnya caranya sperti berikut:
<style type=”text/css”>
body {
background:url(images/imagescontoh.jpg); background-attachment:fixed
}
</style>
yang diberi tanda merah adalah kunci untuk mengunci background image agar tidak ikut bergerak ketika digeser
oke selamat mencoba .:)



----- *Jangan Lupa Komentarnya ya?* -----
Read More...

Cara Membuat Refresh Otomatis Di Blog

9:58 PM  Usman  

Tips dan Trik ~ Mungkin sobat semua sudah paham dengan kata Refresh yang bisa diartikan adalah penyegaran,di mana Refresh ini sangat berperan sekali buat komputer kita...

kali ini saya akan berbagi Tutorial Cara Membuat Refresh Otomatis Di Blog


Baik kita mulai saja Cara nya..

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Edit Html.
3. lalu copy kode di bawah ini :




<meta http-equiv="refresh" content="600"/>


4. Kemudian kode tersebut di atas di taruh (paste) di antara kode :


<head> .... </head>

5. Kemudian Simpan Template

Selesai
Sangat mudah bukan sobat cara membuat nya...
----- *Jangan Lupa Komentarnya ya?* -----
Read More...

Cara Membuat Link Seperti Pelangi Di Blogspot

9:27 PM  Usman  



Tips dan Trik -- kali ini akan membahas tentang Cara Membuat Link Seperti Pelangi Di Blogspot. Oke, langsung saja kita bahas Cara Membuat Link Seperti Pelangi Di Blogspot.








Langkah - langkah yang harus di lakukan adalah sebagai berikut:
  • Masuk ke Blogger
  • Pilih Rancangan > Edit Html > kemudian centang "Expand Widget Template"
  • Lalu copy dan paste-kan kode berikut dibawah kode <head>

<script src='http://cayunkatel.googlecode.com/files/Pelangi.js'></script>

  • Kemudian Simpan Template.
Nah, Demikianlah Tips dari saya kali ini,.. Semoga Bermanfaat..


----- *Jangan Lupa Komentarnya ya?* -----
Read More...

Cara Membuat Kotak Iklan Banner Di Blogspot

9:33 AM  Usman  



Tips dan Trik kali ini akan membahas tentang  Cara Membuat Kotak Iklan Banner Di Blogspot. Bagi anda yang ingin tahu Cara Membuat Kotak Iklan Banner Di Blogspot, kali ini Saya Akan memberitahu cara membuatnya agar blog Anda bisa dipasang kotak Iklan Banner. 
Berikut ini adalah langkah-langkah dalam pembuatnya :
  • Masuk ke Akun Blogger Anda
  • Pilih Rancangan > Edit Html > dan jangan lupa centang "Expand Widget Template"
  • Lalu letakkan kode di bawah ini, diatas kode ]]></b:skin>

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}
  •  Jika sudah, Simpan Template
Langkah selanjutnya adalah penambahan pada elemen.
  • Pilih Rancangan > Tata Letak > Add Widget > HTML / Javascript
  • kemudian Copy kode berikut :


<div id="Box-Banner-ads">
<a target="_blank" href="http://teknisikaliwedi.blogspot.com/"><img border="0" alt="ads" src="https://sites.google.com/site/wayankatel/file/Banner125.gif"/></a>
<a target="_blank" href="http://teknisikaliwedi.blogspot.com/"><img border="0" alt="ads" src="https://sites.google.com/site/wayankatel/file/Banner125.gif"/></a><a target="_blank" href="http://teknisikaliwedi.blogspot.com/"><img border="0" alt="ads" src="https://sites.google.com/site/wayankatel/file/Banner125.gif"/></a><a target="_blank" href="http://teknisikaliwedi.blogspot.com/"><img border="0" alt="ads" src="https://sites.google.com/site/wayankatel/file/Banner125.gif"/></a> </div>


ket : ganti tulisan yang berwarna merah tersebut dengan alamat Url iklanbanner . dan ganti tulisan yang berwarna pink dengan Url gambar iklan sobat.
 

  • Kemudian Paste di HTML/Javascript yang sudah anda buka
  •  Kemudian Klik Save.
    Cukup Sekian Tips dan Trik kali ini, Semoga bermanfaat....

    semoga berhasil.....

    ----- *Jangan Lupa Komentarnya ya?* -----
    Read More...

    Cara menampilkan Photo di komentar Blogger

    9:01 AM  Usman  

    Sebelumnya kita harus sudah terdaftar MyBloglog. Anggap aja temen - temen sudah memiliki id mybloglog, nah berartikita langsung aja menuju blogger masing - masing : 

    1. Layout (Tata Letak)

    2. Klik Edit HTML  lalau klik tanda centang "expand widget templates" 

    3. Cari kode </head> kemudian letakkan script di bawah ini sebelum kode  </head>

    <script src='http://blog.merlinox.com/MrX/Blog/test/myBlogAvatar2.js' type='text/javascript'/>

    4.Cari kode <b:loop values='data:post.comments' var='comment'>

    5. Jika sudah ketemu tambahkan kode berikut dibawah kode diatas.

    <div style='border:0;float:left;margin: 0 5px 0 0;'>
    <script>myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');</script>
    </div>

    6. Simpan Template

    7. Lihat Hasilnya
    Selamat mencoba ....
    Semoga Sukses.....



    ----- *Jangan Lupa Komentarnya ya?* -----
    Read More...

    Trik agar blog dapat terindeks oleh google

    10:20 PM  Usman  


    Kita semua tahu Backlink sangat menentukan PR blog, nah untuk cari backlink terutama yang berkualitas (PR Tinggi ) tidak gampang. Semoga dengan Trik kali ini bisa membantu rekan-rekan blogger yang belum tahu, dan Cara ini dijamin Aman dari Aturan Google, karena backlink yang akan di dapat dari situs-situs bagus dan tidak ada unsur yang melanggar TOS.
    Dengan Cara ini Di Jamin Blog kita Cepat Ter Index Google dengan Cepat
     .



    Baiklah Kali ini saya akan menggunakan seo tool gratis,Ikuti langkah yang saya berikan:
    1. Silahkan Menuju Link ini : http://seo.woothy.com
    2. Jangan Lupa Browser menggunkan Mozilla Firefox lalu settinglah seperti Gambar ini :


    3. Masukkan URL ( untuk subdomain, beberapa site ga bisa ).
    4. Max Popups Biarkan saja 5 dulu untuk tahap pengenalan, Jika sudah terbiasa silahkan Set sesuai keingginan sobat.
    5. Max ULRs Biarkan saja 5
    6. Klik
    Biarkan Proses Berjalan Otomatis.
    Selamat Mencoba, dan Silahkan di Tes benar apa nggak.
    Untuk Membuktikan Keakuratan Tekhnis ini Silahan Sobat Test dengan Cara nya Sobat Cari di Google kata


    ----- *Jangan Lupa Komentarnya ya?* -----
    Read More...

    Cara Menempatkan Keyword di Postingan

    9:49 PM  Usman  


    Kali ini saya akan Membahas tentang Cara menempatkan keyword di postingan. Mungkin bagi Pengguna Blogger yang sudah lama bergelut di dunia Blog sudah tidak asing lagi Dengan  keyword, tetapi berbeda bagi Blogger pemula seperti saya dan teman-teman saya yang baru mengenal dan belajar Blog.
    setelah saya tau apa itu keyword maka saya akan menjelas kan mengenai Cara menempatkan keyword di postingan untuk sobat-sobat yang belum memahami tentang keyword.

    Ada beberapa hal yang mesti sobat pergatikan mengenai keyword.

    1) lakukan penyelidikan
       Penyelidikan bisa dilakukan dengan mengetikan keyword di search engine, sobat bisa melihatnya
       dari hasil penelusuran search engine tersebut, lihat jumlahnya apakah sudah banyak yang
       mempostingnya juga kunjungi dan pelajari situs yang hasilnya paling relevan dengan keyword
       tersebut, Jangan terpaku dengan satu search engine dalam pencarian keyword, telusuri search
       engine yang lain karena mereka mempunyai sistem pencarian yang berbeda-beda.

    2) Gunakan keyword tool
       Banyak sekali keyword tool yang beredar di internet tapi saya sangat suka google adword keyword
       tool Google adwords


    Lalu bagaimana menempatkan keyword di postingan???
    Sebenarnya banyak cara untuk menempatkan keyword di postingan di antaranya adalah:

    1) Judul adalah keyword yang baik
       Ini langkah awal dalam penempatan keyword dengan menempatkannya di dalam judul karena
       dengan menempatkan keyword di dalam judul bisa memberikan hasil yang baik dalam pencarian,

    2) Jangan terlalu jauh menempatkan keyword di postingan
       Maksudnya adalah apabila kita sudah merencanakan keyword yang ingin di berikan alangkah
       baiknya di  tempatkan di awal postingan atau di paragraf pertama.tetapi jangan terlalu dekat dan
       jangan terlalu jauh,

    3) jangan terpaku dengan banyak keyword
      Alangkah baiknya kita jangan terpaku dengan banyak keyword karena akan memusingkan kita
      sendiri, dan akan membuat posting tersebut terlalu panjang maka akan berdampak relevan atau tidak
      relevannya postingan kita di mata search engine.

    4) Berikan kata penghubung
       Berikan kata penghubung antara keyword yang satu dengan yang lainnya atau kalimat yang
       mengandung keyword dengan kalimat yang lainnya yang mengandung keyword juga di
       dalamnya.Kata penghubung yang mujarab adalah (dan,atau,bukan) juga bisa dengan(maka, berarti,
       hasil, untuk, dari, dll)untuk penempatan kata penghubung tersebut sobat bisa merancangnya sesuai
       keinginan, karena dengan kata penghubung tersebut bisa menunjukan relevannya suatu konten dan
       relevannya keyword yang di berikan.

    5) Definisikan atau artikan keyword
       Walaupun kita memberikan banyak keyword dalam suatu konten tapi apabila kita bisa
        mendefinisikannya dan mengartikannya maka itu adalah kekuatan yang besar untuk artikel dan juga
        di mata search engine,
        pengaruhnya sangat besar untuk para pembaca yang mengunjungi situs tersebut.

    Mungkin hanya itu yang bisa saya jelas kan Mengenai Cara menempatkan keyword di postingan
    mudah-mudahan bisa bermanfaat bagi sahabat yang baru membuat blog..


    Sumber     : http://ironehtc.blogspot.com/.


    ----- *Jangan Lupa Komentarnya ya?* -----
    Read More...

    Cara Membuat Burung Twitter Di Blog

    2:31 PM  Usman  

    Slamat siang Sobat, Trik kali ini yang akan saya tulis adalah membuat burung twitter di blog.

    di bawah ini adalah baca langkah-langkah berikut :


    (1) Login ke Blogger dengan akun anda
    (2) Pilih Rancangan>>Tata letak>> Tambah Widget>>HTml/javascript
    (3) Lalu Copy Paste kode berikut :


    <script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4iBfw1njRCLz9USvCUPMTDEc6MkqExmeQdnfBoPRodKdEL_comfiKPJ-1zw74RFBlYcu3GkhYU_prlaFjmGfD29jxoDvMPMT3sZ3EQc8z853tgUg2tADhYwgDgCspbcZfhJidrJMVCTZ_/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/usman_26";var tweetThisText = "Twitter - usman http://tteknisikaliwediblogspot.com/";tripleflapInit();
    </script>


    (*)note : Ganti http://twitter.com/usman_26 dengan alamat twitter anda,
                 :Ganti http://teknisikaliwedi.blogspot.com/ dengan alamat Blog anda.
                 :Ganti usman  dengan nama anda.
    (4)Lalu Save.

    Dari Berbagai Sumber
    Read More...

    Cara Membuat Iklan Melayang Di Blog

    2:26 PM  Usman  



    Kali ini saya akan membahas mengenai iklan, Bisnis Online sudah menjadi Trends dikalangan Blogger. Banyak blog atau web yang memasang iklan banner maupun teks di blognya tapi terkadang kekurangan tempat atau tak enak dipandang. nah, kali ini saya punya solusinya, Coba anda terapkan Iklan Melayang (Float Ads) Di Bloganda, pasti akan lebih menarik dan penghasilan anda mungkin akan meroket. Langsung aja ke Cara Membuat Iklan Melayang Di Blogspot :


    1. Masuk ke blogger.
    2. pilih Rancangan - Tata Letak - Add Widget - Html/Javascript .
    3. Copy paste kode berikut :


    <style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbcontent{
    float:right;
    border:0px solid #A5BD51;
    background:#ffffff;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()">
    </div>

    <div class="gbcontent">

    <div style="text-align: right;">
    <a href="javascript:showHideGB()">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyFp5mYQkFoJEO40oE9wWs_PLxzAalgpisYHgE-AZyvC9Mlv7kAbv6WqU14jbaEhcETGfaCYJrtGuDLDLeAo1gwbXp9y49Seb2i7b8_j35AyouM0ivcEjlWusfXkweD3uOR7kUMJuV0POO/s1600/close.gif" />
    </a></div>

    <center>

    Masukan Kode iklan atau Gambar yang anda inginkan di sini

    </center>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></div>
    </div>

    Jika Sudah tinggal Save.



    ----- *Jangan Lupa Komentarnya ya?* -----
    Read More...

    Cara Promosi Web / Blog

    2:15 PM  Usman  

    Langsung saja, dibawah ini adalah cara untuk membantu Anda mempromosikan website/blog Anda :
    1. Daftarkan website/blog Anda ke Technorati

    2. Daftarkan ke search engines seperti Google, Yahoo, MSN, dsb!

    3. Lakukan ping, gunakan website ping ini untuk membantu Anda :
    - Pingomatic
    - Pingqueu
    - Feedburner
    - Bloglines
    - blogsearch Google

    4. Gunakan tag generator Technorati untuk membuat tag

    5. Daftarkan website Anda di Digg

    6. Daftarkan web/blog Anda ke social bookmarking seperti
    - Reddit
    - Netscape
    - del.icio.us
    - StumbleUpon.

    7. Buat Feeds di Feedburner, dsb.

    8. Sering-sering memberi komentar di web atau blog lain pada kontent web/blog tersebut dan jangan lupa tinggalkan jejak alamat web/blog Anda.

    9. Reply setiap komentar yang disampaikan pengunjung di website/blog Anda

    10. Pakai metode tukaran link (link exchange)

    11. Jangan memposting artikel yang Anda utamakan di akhir pekan, karena beberapa pemberi stats (seperti Technorati dsb) tidak melakukan update kinerjanya di akhir pekan.

    12. Buat link dari postingan Anda yang saling berhubungan dengan postingan Anda yang terbaru (related post)

    13. Gunakan memetracker untuk mencari topik terhangat yang sedang dibicarakan saat ini. Beberapa memetracker diantaranya :
    - Memeorandum
    - Techmeme

    14. Sesekali lakukan blog reviews tentang web orang lain, biasa pemilik web tersebut akan senang dan bisa memberi link ke web Anda yang membahas topiknya.

    15. Buat account community di Mybloglog.. Mybloglog ini ibaratnya seperti Myspace, tetapi Mybloglog di khususkan bagi blogger untuk saling berbagi, mencari teman dsb.

    16. Sebelum post artikel Anda, baca dan edit baik-baik jangan sampai ada grammar yang salah (gunakan spelling check). Pastikan juga bahasa yang Anda pakai mudah di pahami.

    17. Jika Anda mengetahui suatu walk-through yang bagus, ini bisa Anda bagikan kepada pengunjung Anda, dan ini merupakan poin tersendiri yang bisa Anda dapat.

    18. Jangan malas update content website Anda, supaya pengunjung blog tidak bosan

    19. Submit artikel Anda ke website penampung artikel seperti : Artikel Dashboard, Goarticles, dan Articlecity mereka biasa mengijin kan Anda memasang satu link website Anda di artikel yang Anda submit

    20. Review tentang suatu produk di website lain seperti Epinions dengan ini Anda bisa dikenal sebagai penulis yang bagus jika review Anda bagus.

    21. Kabari setiap orang yang Anda kenal mengenai postingan Anda yang berhubungan dengan apa yang mereka cari.

    22. Lakukan copy darat atau bertemu di dunia nyata sesama blogger, biasanya masing2 kota memiliki komunitas blogger.

    23. Lakukan wawancara dengan blogger lain, blogger pasti senang akan hal ini, dan publikasikan hasil wawancara ke website Anda, dipastikan Anda akan mendapatkan link dari sang blogger yang Anda wawancarai.

    24. Gabung dan aktif di forum dan sejenis diskusi online lainnya

    25. Jawablah pertanyaan seseorang jika Anda tahu jawaban yang ditanyakan, yang biasa di ajukan di suatu website khusus bertanya misalnya Yahoo! Answer

    26. Submit ke direktori web gratis seperti DMOZ, BOTW

    27. Sesekali buat lah artikel yang kontroversial

    28. Buat lah sebuah halaman di Wikipedia tentang Anda sendiri.

    29. Buat halaman di Squidoo tentang Anda

    30. Kunjungi situs yang meminta sumbangan untuk kemanusiaan, berilah sumbangan semampu dan seikhlas Anda memberi, gunakan alamat website Anda sebagai alamat Anda, biasa link Status Anda akan terpasang sebagai penyumbang.

    31. Berilah beberapa space untuk pemasangan iklan gratis di Website Anda.

    32. Buat lah beberapa blog gratis seperti blogspot, dan pasang link pada blog tersebut yang merujuk ke website utama Anda.

    33. Jika Anda mahir membuat template blog seperti blogspot, wordpress dsb, bagikan template Anda gratis di download dan digunakan, masukkan alamat website Anda dalam template, sehingga setiap orang memakai template Anda, link Anda terpasang pada semua artikel blog tersebut.

    34. Jika mempunyai dana lebih coba bergabung di program seperti Reviewme, Pay Per Post, dsb sebagai advertiser, dan biarkan blogger bekerja untuk memasang dan menulis tentang blog Anda

    35. Adakan kontest berhadiah agar blogger menulis tentang website Anda.

    36. Daftarkan ke Google webmasters tool dan sitemap

    demikian tips dari saya...semoga membantu dan selamat mencoba semoga berhasil.....

    Dari berbagai sumber!



    ----- *Jangan Lupa Komentarnya ya?* -----
    Read More...

    Membuat Kata Penutup Di Blog

    11:01 PM  Usman  


    kali ini saya akan membahas tentang cara untuk membuat kata penutup di blog.

    langsung saja, begini caranya :
    • Masuk ke akun blogger sobat
    • klik layout-->Edit HTML
    • centang "Expand Widget Template" (tanpa tanda petik)
    • letakkan kode di bawah ini, tepat di bawah kode </head>

    <script type='text/javascript'>
    // goodbye alert
    function goodbye(){
    alert('Jika Anda membutuhkan Informasi..!! Silahkan Kembali dan Beri Komentar Anda! Terimah Kasih !!');
    }
    parent.window.onunload=goodbye;

    </script>


    • Simpan Template 



    Catatan : Ganti Tulisan yang berwarna biru dengan kata-kata yang anda inginkan.


    Cukup Sekian...Semoga bermanfaat.........


    ----- *Jangan Lupa Komentarnya ya?* -----
    Read More...

    Cara pasang status YM di blogger

    8:24 AM  Usman  

    Cara pasang status YM di blogger
    dipadukan dengan widget melayang. Widget Melayang? widget melayang
    yaitu widget yang letaknya akan tetap ( tidak berpindah ketika kita
    menscrolling pada suatu blog). YM? adoh sapa yang ga tau YM?hehe..
    (padahal saya juga belum lama ini kenalan ma yahoo manager).

    Langkah dalam pembuatan YM status di blogger adalah sebagai berikut.

    (jelas sudah punya account yahoo)

    1. Cari kode ini , Gunakan F3 untuk memudahkan pencarian

    2. Letakkan kode di bawah ini


    diatas kode berikut

    Keterangan: secara default letaknya berada di bagian kanan bawah, anda dapat mengganti letak dengan mengganti bottom atau top untuk pilihan bawah atas , kemudian right atau left untuk menentukan kanan kiri.

    3. Cari kode

    letaknya pasti dibawah sendiri.

    4.. Letakkan kode ini diatas kode




    Keterangan: Jangan Lupa ganti ID-YM-KAMU dengan id atau account YM anda.

    Sumber   : http://rudeegoid.blogspot.com/2009/03/cara-memasang-status-ym-di-blogger.html






    Yahoo messenger status adalah sebuah icon gambar di mana dapat memberi tahu kepada orang apakah kita sedang online/offline di yahoo messenger, sehingga orang dapat menghubungi kita apa bila membutuhkan bantuan atau hendak berbincang-bincang menghilangkan kebosanan.

    seperti inilah contohnya :

    sedang online =

    sedang offline =


    Untuk kode nya adalah sebagai berikut

    shedtya_31">onlineshedtya_31&m=g&t=1"/>


    Jangan lupa mengganti tulisan berwarna merah dengan id yahoo kamu dan untuk angka berwarna biru bila kamu ingin mengganti gambarnya, kamu bisa menggantinya dengan angka lain, dari 0 -16. Berikut adalah contoh gambar nya.





    0 =
    		1 =
    2 =
    		3 =
    4 =
    		5 =
    6 =
    		7 =
    8 =
    		9 =
    10 =
    		11 =
    12 =
    		13 =
    14 =
    		15 =
    16 =

    Script diatas juga dapat kamu pakai di website kamu atau di friendster dan lainnya.
    Selamat mencoba

    Sumber   : http://blog.shedtya.web.id/2008/06/memasang-yahoo-messenger-status-di.html

    Read More...