Sabtu, 03 September 2011

Cara pasang animasi intro flash di blogg


Article ini sebenarnya menjawab pertanyaan salah satu teman kita sheila. karna bawaan tamplate nya berbeda dengan kode css intro flash jadi ada sedikit harus dirubah. Nah sebelum memasang intro flash terlebih dahulu anda persiapkan file flash sebagai intro-nya.anda bisa menggunakan program populer seperti adobe flash, swish dll. pastikan file yang anda buat ukuran byte nya sekecil mungkin. atau bisa anda ambil atau temukan di mesin pencari search engine di google dengan kata kunci “ free intro flash “ dsb. Setelah file intro flash nya di buat atau tersedia simpan di tempat penyedia layanan hosting. kalau mau yang gratisan bisa coba menyimpanya di fileave.com atau fileden.com.

Lihat contoh animasi intro flash disini. Untuk membuatnya ikuti saja langkah-langkah dibawah ini.
  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Beri tanda centang di kotak kecil kanan atas
  • Kemudian cari kode <body> dan letakkan kode di bawah ini persis di bawah <body>
    <div id='flashintro'>
    <div align='center'> <p style='padding:50px;'> <object height='340' width='150'> <param name='movie' value='MYFLASH.swf'/> <embed height='410' src='http://encepsetiawan.fileave.com/animoto_video_NEW.swf' width='560'> </embed> </object> </p><p style='padding-top:5px;font-size:18px;font-weight:bold;color:#fff;'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=4&quot;'>Klik disini Masuk</a></p> </div> </div>
  • Selanjutnya Ganti height , width untuk tinggi dan lebar http://encepsetiawan.fileave.com/animoto_video_NEW.swf Ganti dengan Url yang kamu punya
  • Selanjutnya cari kode <b:includable id='main'>
  • Letakkan kode dibawah ini persis di bawahnya
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <style>
    body {
    background-color: #000000;
    background-image: none;
    }
    #flashintro {
    text-align:center;
    margin:auto;
    padding:auto;
    }
    #outer-wrapper{display:none;} </style>
    <b:else/>
    <style>#flashintro{display:none;}</style>
    </b:if>
  • Ada kemungkinan dengan kode diatas tidak berhasil itu di karna kan nama kode css di outer-wrapper nya yang berwarnah merah berbeda. seperti halnya teman kita sheila.
  • Khusus untuk blog nya si sheila atau kode ccs teman yang berbeda anda bisa mencoba yang di bawah ini. yang perlu di ganti yaitu tulisan yang berwarnah merah di atas sehingga menjadi begini
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <style>
    body {
    background-color: #000000;
    background-image: none;
    }
    #flashintro {
    text-align:center;
    margin:auto;
    padding:auto;
    }
    #head{display:none;} #page{display:none;}
    </style>
    <b:else/>
    <style>#flashintro{display:none;}</style>
    </b:if>
  • Selanjutnya Untuk menghilangkan intro flash di halaman page elemen cari ]]></b:skin>
  • Letakkan kode dibawah ini di atasnya
    .body#layout #flashintro {display:none;}
  • Kemudian Save Tamplate
Catatan :
  • Pengaturan Untuk Halaman Depan ( tab Home ) jika anda mempunyai tab menu/ navigasi maka halaman depannya yang biasa di wakili dengan menu Home/depan/beranda mesti di atur ke halaman search/label/?max-results=4 atau 5/6 dst yakni;
    <a expr:href='data:blog.homepageUrl + "search/label/?max-results=4"'> Home </a>
    Begitu juga untuk link Home di Page Navigation –nya ( yang ada di bawah Older – Home – Newer ), untuk Home –nya atur dengan link di atas. sumber catalog-tutorial
Selamat mencoba.........

cara membuat animasi intro flash di blog, langkah memberi animasi intro flash, tutorial animasi intro flash di blogspot, memasang animasi intro flash di blog, cara menambah aplikasi animasi intro flash.

Mempercantik background fungsi scrolling


Sebelumnya saya posting tentang bagaimana membuat Related post fungsi scrolling. Nah sekarang bagaimana pula halnya mempercantik background fungsi scrolling. Pasti menarikkan.... sebenarnya ini article menjawab pertanyaan salah satu teman kita yang bertanya melalui email. sebelumnya saya ucapkan terimakasi. karna sudah berkunjung di web ini. bagi yang sudah memakai fungsi ini ikuti saja langkah-langkah di bawah ini.
  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Cari kode
    /* Related post J_Putra
    ----------------------------------- */
    .rbbox{border: 1px solid #D8D8D8;
    padding: 5px;
    background-color: #E0F8E0;
    -moz-border-radius:5px;
    margin:5px;}
    .rbbox:hover{background-color: #EFFBEF;}
  • Kemudian ganti background dengan kode background:#E0F8E0 url(http://i33.tinypic.com/o91t2b.jpg) no-repeat right bottom;
  • Maka akan jadi begini
    /* Related post J_Putra
    ----------------------------------- */
    .rbbox{border: 1px solid #D8D8D8;
    padding: 5px;
    background:#E0F8E0 url(http://i33.tinypic.com/o91t2b.jpg) no-repeat right bottom;
    -moz-border-radius:5px;
    margin:5px;}
    .rbbox:hover{background-color: #EFFBEF;}
  • Kemudian simpan tamplate anda dan lihat hasilnya
  • Ganti gambarnya dengan url gambar kamu. gambar di atas sudah rusak
Selamat mencoba.......

cara mempercantik background fungsi scrolling, langkah mempercantik background fungsi scrolling, tutorial mempercantik background fungsi scrolling.

Mengatasi masalah verifikasi pd kotak komentar


Salah satu teman bertanya pada saya. Gimana cara biar verfikasi pada kotak komentar bisa fungsi scrollingnya??? kebanyakan pengunjung mengeluh ni pas mau comment. akibat scrollingnya nggak berfungsi jadi kode verifikasinya nggak bisa mereka masukin. akhirnya di tinggal pergi tanpa memberi komentar. Nah untuk mengatasi masalah ini, ikuti langkah-langkah di bawah ini.
  • Log in dulu ke blogger
  • Tata Letak
  • Edit HTML
  • Kasi tanda centang di "Expand Template Widget"
  • Kemudian cari kode yang mirip dengan kode ini scrolling='no' atau fokus pada
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='no' width='100%'/>
  • Jika udah ketemu ganti scrolling='no' jadi scrolling='yes'
  • Ini menandakan Fungsi scrolling sudah berfungsi
  • Simpan tamplate anda dan lihat hasilnya
Selamat mencoba.........

cara mengatasi masalah verifikasi pd kotak komentar, langkah mengatasi masalah verifikasi pd kotak komentar, atasi masalah verifikasi pd kotak komentar.

Cara Membuat Navigasi Breadcrumb


Pada pertemuan kali ini kita membahas tentang Navigasi breadcrumb atau breadcrumb navigation. Pasti penasaran kan gimana bentuknya, coba lihat contoh di bawah ini.
Navigasi breadcrumb atau breadcrumb navigation adalah sebuah link tautan internal pada bagian atas atau bawah halaman situs web yang memudahkan pengunjung untuk kembali ke halaman sebelumnya atau ke halaman dasar dengan cepat. Namun saat ini penempatan breadcrumb lebih sering digunakan pada bagian atas halaman artikel posting. Urutan link breadcrumb dimulai dari home (homepage) dan diakhiri dengan judul artikel posting yang sedang dibaca.
Contohnya: Browse » Home » SEO » Cara Membuat Navigasi Breadcrumb.Nah untuk membuatnya sangat lah mudah. ikuti langkah-langkah di bawah ini.
  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Download tamplate anda dan
  • Kasi tanda centang di kotak kecil kanan atas
  • Kemudian cari kode ]]></b:skin>
  • Letak kan kode dibawah ini persis di atas nya
    .breadcrumbs {
    padding:5px 5px 5px 0px;
    margin: 0px 0px 15px 0px;
    font-size:95%;
    line-height: 1.4em;
    border-bottom:3px double #e6e4e3;
    }
  • Kemudian temu kan kode ini <div class='post hentry uncustomized-post-template'>
  • Copy paste kode berikut tepat di bawah kode diatas
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>

    Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    </b:if>
    &#187; <span><data:post.title/></span>
    </b:loop>
    </b:if>
    </b:loop>

    </div>
    </b:if>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <div class='breadcrumbs'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
    </div>
    </b:if>
    <b:else/>
    <b:if cond='data:navMessage'>
    <div class='breadcrumbs'>
    <data:navMessage/>
    </div>
    </b:if>
    </b:if>
  • Kemudian simpan tamplate
  • Lihat blog kamu dan coba klik satu judul artikel dan lihat hasilnya.
Selamat mencoba.............

cara membuat Navigasi Breadcrumb di blog, cara memasang label Navigasi Breadcrumb, Navigasi Breadcrumb tutorial, langkah memberi Navigasi Breadcrumb pada blogspot, tutorial Navigasi Breadcrumb.

Mempercepat Koneksi Internet

Situs jaring sosial seperti Facebook secara langsung memacu jumlah pengguna internet indonesia. dari yang tak tahu apa-apa tentang internet, kini banyak orang yang semakin mengenal internet. namun lambatnya kecepatan koneksi atau akses internet sering dikeluhkan sebagian orang, baik menggunakan laptop ataupun komputer pribadi. oleh sebab itu perlu dilakukan beberapa cara agar "perjalanan" jelajah anda lebih lancar dan menyenangkan.

Berikut langkah-langkah Praktis Mempercepat koneksi Internet anda:
  • Cara pertama yang dapat anda lakukan adalah dengan menonaktifkan berkas atau program-program yang sering menghambat kecepatan tampilan laman (web), seperti laman gambar, adove flash plug-in, java Applets dan JavaScript pada fasilitas pengaturan browser yang tersedia. dengan meminimalkan fitur-fitur diatas koneksi akan lebih cepat karena tampilan laman lebih ringan.
  • Disarankan untuk mencari browser alternatif yang hanya menampilkan laman dalam bentuk HTML (Hyper Text Markup Language). hal ini akan memaksimalkan kecepatan jelajah anda karena bandwith yang diperlukan berkurang. selain itu, anda bisa "berburu" berbagai macam aplikasi yang tersedia di dunia maya untuk membuat tampilan web menjadi minimalis atau aplikasi yang secara otomatis dapat memisahkan dan mengubah ukuran halaman yang besar menjadi lebih kecil.
  • Perlu diketahui bahwa pada dasarnya sebuah komputer pribadi membutuhkan media Network Interface Card (NIC) atau Ethernet Card untuk terhubung ke jaringan. Ethernet bekerja menggunakan protocol TCP/IP untuk menjalin komunikasi dengan media lainnya dalam jaringan. untuk mempercepat koneksi, maksimalkan fungsi Ethernet Card dengan konfigurasi aplikasi optimalisasi TCP/IP. anda dapat mengunduh aplikasi tersebut dari internet.
  • Bagi para pengguna laptop cara yang "unik" ini layak untuk dipertimbangkan, yaitu dengan menggunakan antena 2.4 GHz. bahan pembuatan antena ini terbilang sederhana, contohnya kaleng bekas dan penggorengan/wajan. bagi mereka yang mengandalkan sinyal wireless untuk koneksi, dapat mengakses langkah pembuatan antena tersebut melalui situs-situs pencarian di internet. namun perlu diperhatikan peraturan-peraturan hukum yang berlaku.
  • Nah saatnya jari-jemari anda menari-nari untuk memperluas wawasan lewat internet...
Selamat mencoba........

cara Mempercepat Koneksi Internet, agar koneksi internet jadi cepat, tutor Mempercepat Koneksi Internet, langkah Mempercepat Koneksi Internet.

Cara menghubung Blog ke twitter


Cara menghubungkan blog ke twitter itu lah topik pembahasan kita hari ini. Nah setelah anda mendaftar ke twitter tentunya anda bisa memanfaatkan twitter menambah traffic untuk blog anda. bagi yang belum memilik blog bisa mendaftarkan diri terlebih dahulu ke blogger.com. Seiring banyak nya blogger yang ingin blog nya terkenal dan bermacam cara pula yang dilakukan para blogger untuk meningkatkan traffic blog mereka. salah satunya dengan cara yang satu ini. bagi anda yang belum mencobanya silahkan anda coba terlebih dahulu. nggak ada ruginya sob mumpung gratis hehehehe

Berikut cara menghubung atau memasukkan artikel blog ke situs twitter:
  • Kunjungi situs twitterfeed.com terlebih dahulu
  • Kemudian klik Register
  • Isi form yang disediakan.
    Email address : Masuk kan alamat Email anda
    Password : Masukkan Padsword (Ingat password jangan sampai lupa)
    Confirm Password : Masukkan Passwor sekali lagi dengan Password yang sama
  • Kemudian klik Create Account
  • Selanjutnya klik Connect your feed to your twitter account
  • Selanjutnya klik Username dan Password kita kemudian klik allow
  • Setelah itu anda di suguhkan form kemudian isi form tersebut
    Feed Name : judul blog anda
    Rss Feed URL : Masukkan Rss Feed URL blog anda seperti ini
    http://namabloganda.blogspot.com/feeds/posts/default
    ganti tulisan berwarna merah dengan alamat blog anda.
  • kemudian klik Test Rss Feed
  • Apa bila berhasil maka akan muncul bacaan "Feed Parsed OK" dibawah Rss Feed URL
  • Kemudian klik Create Feed Selesai
Sekarang blog anda sudah terhubung dengan Twitter, untuk melihat hasilnya anda terlebih dahulu buat posting baru di blog kemudian buka account twitter anda, maka postingan blog anda akan terlihat di tweet atau update account twitter yang anda miliki.

Selamat mencoba.........

cara menghubungkan Blog ke twitter, langkah membuat Blog ke twitter, tutorial menghubungkan Blog ke twitter, Blog ke twitter tutor.

Cara membuat Floating Ads di blog anda


Cara membuat floating ads di blog anda itu lah topik pembahasan kita hari ini. pasti sudah banyak yang mengerti apa yang dimaksud dengan floating ads bukan? Bagi yang belum mengerti jangan khwatir akan saya terangkan terlebih dahulu.

yang dimaksud dengan floating ads itu adalah sebuah iklan yang mengembang dilayar blog anda secara tiba-tiba muncul. lihat contoh disini, yang posisinya baik diatas maupun dibawah blog anda (tergantung keinginan) yang akan tampil jika tidak di CLOSE (tutup). Nah dengan adanya Floating ads ini sangat bermanfaat bagi anda yang mempunyai iklan per klik. salain tampilan nya yang menarik tentunya memberi keuntungan bagi anda sendiri, karna iklan anda akan mudah terlihat oleh pengunjug. Nah untuk memasangnya sangat lah mudah.

Berikut cara-cara menambah float ads diblog:
  • Login dulu ke account blogger anda
  • Tata Letak
  • Kemudian di elemen pilih tambah gadget
  • Kemudian pilih Java script/ HTML
  • Dan copy paste kode dibawah ini
    <style type="text/css">
    #topbar{
    position:absolute;
    border: 2px red;
    padding: 2px;
    background-color: transfarent;
    width: 700px;
    visibility: hidden;
    z-index: 100;
    }
    </style>

    <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>
    <div class="clear"></div>
    <div id="topbar">
    <a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>X</button></span></a><a style="font-weight: bold; color: black(51, 255, 51);"> << CLOSE
    </a><p><a style="font-weight: bold; color: black(51, 255, 51);" title="cara mudah dapatkan uang dari internet">Iklan sponsor blog ini</a>

    </p><center><script src="http://kumpulblogger.com/scahor.php?b=75524&onlytitle=1" type="text/javascript"></script></center>

    <p></p><p></p></div>
  • Kemudian simpan
  • Jika cara di atas tidak berhasil klik link berikut ini
  • Copy paste kode di dalam file Notepad tersebut dan ikuti langkah-langkah nya seperti cara di atas
Catatan
  • Background-color : warna dinding (bisa diganti)
  • Width : untuk lebar ( bisa diganti)
  • CLOSE/Iklan sponsor blog ini : ganti dengan kata yang anda inginkan atau bisa anda hapus
  • Yang paling terpenting yang harus anda ganti dengan kode iklan yang anda punya
    <script src="http://kumpulblogger.com/scahor.php?b=75524&onlytitle=1" type="text/javascript"></script>
  • Selebih nya bisa anda modif sendiri sesuai dengan yang anda inginkan
Selamat mencoba......

cara menambah Floating Ads pada blog, langkah membuat Floating Ads di blogger, tutorial Floating Ads pada blog, Floating Ads tutor, cara memasang Floating Ads pada blogspot, tips membuat Floating Ads.
 

Blogger news

Blogroll

About