Showing posts with label Tutorial Blogger. Show all posts
Showing posts with label Tutorial Blogger. Show all posts

Membuat Foto Animasi

No comments

Ya dalam kesempatan kali ini akan coba di bahas tentang bagaimana cara membuat animasi gambar ataupun foto. Bagi para sobat (mulai sekarang saya akan membiasakan diri menyebut anda menjadi sobat, biar lebih familier ya) yang sudah terbiasa menggunakan program animasi semisal MacroMedia Flash Player ataupun teman-temannya sudah barang tentu bukan hal yang wah ataupun aneh, tapi bagi sekelompok orang seperti saya ini, membuat animasi foto adalah suatu hal yang sangat sulit sekali.

Adakah diantara para sobat blogger yang seperti saya? jika jawabannya ada ya kita emang senasib (hiduplah senasib), tapi jangan dulu patah semangat sobat blogger, pepatah bilang banyak jalan menuju rhoma (irama).. dalam hal inipun sama ada jalannya yakni kita bisa menggunakan jasa situs-situs pembuat animasi. Di internet buaanyak sekali situs pembuat animasi foto, jumlahnya ribuan atau bahkan jutaan. Nah sebagai contoh yaitu http://www.slide.com. Untuk membuat sebuah foto animasi di slide.com, silahkan ikuti langkah-langkah berikut :


  1. Silahkan buka situs www.slide.com
  2. Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut
  3. Klik tulisan Sign Up untuk melakukan pendaftaran (daftar gratis)
  4. Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan
  5. Jika sudah, silahkan klik tombol sign Up, dan otomatis sobat sudah masuk ke halaman account sobat
  6. Langkah selanjutnya adalah melakukan pembuatan animasi
  7. Klik style, untuk memilih gaya dari animasi
  8. klik skin, untuk memilih bingkai animasi
  9. klik Size untuk memilih ukuran
  10. Klik Tombol Select Image, lalu masukan foto/image yang ingin sobat masukan
  11. klik tombol Upload untuk melakukan proses upload foto
  12. Jika proses upload selesai, klik tombol Save
  13. Copy kode HTML yang di berikan, lalu paste pada program notepad
  14. Klik tulisan Log Out untuk keluar dari situs tersebut. Silahkan tutup halaman browser
  15. Langkah selanjutnya adalah memasukan kode HTML animasi tersebut ke dalam blog anda..
Selamat Mencoba..
Read more »

Posted in:

Belajar HTML

No comments

Apa itu HTML ?
HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro, kalo salah ya mohon di maafkan).

  • Mengenal Tag HTML


    • Perintah-perintah dalam HTML biasa di sebut dengan TAG. TAG ini kebanyakan mempunyai pasangan, yakni TAG pembuka dan penutup. Misal <b>...</b>, <i>...</i> dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang sudah di buat miring oleh tag <i> ... </i>, dapat di timpa oleh tag <b> ... </b> sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi hurup miring dan hurup tebal, contoh :

    ini hanya <b><i>contoh </i></b> saja sobat

    yang akan tampil di browser adalah :

    ini hanya contoh saja sobat

    di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan pasangan, misal TAG <hr> , <br> , ataupun <input>

    Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag <b>....</b> akan sama dengan Tag <B> ....</B>.

  • Struktur dokumen HTML



    • Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta BODY.

    HTML

    Sebuah dokumen HTML haruslah diawali dengan tag <HTML> dan di tutup dengan </HTML>, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.

    HEAD

    Bagian header dari sebuah dokumen HTML diawali oleh tag <HEAD> dan di tutup oleh tag </HEAD>, dan di dalam header di isi pula dengan tag title yakni judul dari dokumen, tag title ini di tulis dengan tag pembuka <TITLE> dan di tutup oleh tag </TITLE>, contoh : title dari blog ini adalah Blog Tutorial jadi untuk tittle nya di tulis seperti ini <TITLE> Blog Tutorial </TITLE>, akan tetapi di blogger.com untuk penulisan title tidak harus di tulis langsung pada tag title karena sudah di otomatisasi, alamatnya yaitu <$BlogPageTitle$>. Dalam pengisian title ini seyogya nya jangan asal-asalan, karena title merupakan hal pertama yang di lihat oleh search engine.

    Di dalam Header pun di isi pula dengan tag META, tag META ditulis dengan tag <META>, tag META ini biasanya memuat informasi mengenai dokumen HTML. dengan tag META kita bisa menentukan keyword, content,refresh, dan lainnya sebagainya. Khusus tentang tag META keyword akan di bahas lebih lanjut pada postingan selanjutnya.

    BODY

    Semua dokumen HTML yang di simpan di dalam BODY semisal teks, image, link, dan lain sebagainya akan di tampilakan dan bisa di lihat di dalam browser.


    Sumber
    Read more »

    Posted in:

    Membuat Statistic dan Tracker

    No comments

    Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang punya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjung-kah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.

    Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :


    Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :

    1. Silahkan kunjungi situs http://www.sitemeter.com.


    2. Klik tulisan Sign Up untuk melakukan pendaftaran


    3. Klik tombol bertuliskan Next


    4. Klik tombol Next lagi


    5. Isi semua tabel yang ada lalu klik tombol Next lagi


    6. Isi lagi tabel yang ada, lalu klik tombol Next lagi


    7. Klik tombol Next lagi


    8. Klik tombol Next lagi

    9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan


    10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com


    11. Silahkan login dengan id anda


    12. Bila sudah login, Klik menu Manager


    13. Klik Menu Meter Style untuk memilih gaya dari site meter anda


    14. Pilih style yang anda sukai, kemudian klik tombol Select


    15. Klik menu HTML Code


    16. Klik tulisan Adding site Meter to a Blogger.com Site


    17. Copy semua kode HTML yang di berikan lalu paste pada Notepad


    18.Klik menu Logout untuk keluar dari situs tersebut


    19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita


    Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :
    Khusus blog dengan template klasik : 

    1. Sign in di blogger dengan id anda


    2. Klik menu TEMPLATE 


    3. Klik Edit HTML


    4. Klik Edit (yang ada pada bar menu browser anda)


    5. Klik Find (on this page)  untuk mempercepat pencarian


    6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find


    7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi


    8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes.
    Selesai


    Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center> ...kode site meter... </center> 


    Untuk blog dengan Template baru :

    1.  Login di blogger dengan ID anda


    2. Klik menu layout


    3. Klik Elemen Halaman


    4. Klik Tambahkan sebuah Elemen Halaman


    5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript


    6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)


    7. Copy & paste kode Site meter pada kolom isian


    8. Klik tombol Simpan Perubahan


    9 .Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)


    10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan


    11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN

    Selesai
    Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com...

    Sumber
    Read more »

    Posted in:

    Cara Memberikan Emotion Blogger

    No comments

    Memberikan Emotions untuk bloger.. 
    Caranya dengan mengcopy paste di bawah ini pada Edit HTML pada Postingan.

    Blogger Emotions


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">

    Hiasi Blogmu ya!
    Read more »

    Posted in:

    Membuat Auto Refresh

    1 comment

    Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

    Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :

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

    Simpan kode di atas antara <head> .... </head>

    sedikit uraian kode diatas, content="60" --> angka enam puluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 60 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

    Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

    Fungsi Redirect ini bisa di buat dengan kode :
    <meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/> 
    Selamat mencoba.

    Sumber
    Read more »

    Posted in:

    Membuat Next Page pada Blogger

    No comments

    Uhh.. Sudah lama saya tidak posting ke blog ini. (Gara gara keseringan main Game Online(Point Blank) hehe.. Nah mumpung lagi mood, saya share tentang membuat next page aja yah..
    Dengan bantuan script ini anda bisa Membantu orang yang masuk situs anda agar mudah mencari article yang anda buat seperti pada gambar di bawah ini


    Cara membuatnya:
    Silahkan anda buka element blog anda terus klik tambah gadget, pilih html/java script kemudian copy pastekan script yang ada di bawah ini ke bawah posting blog anda..

    <style>
    .showpageArea a {
    text-decoration:underline;
    }
    .showpageNum a {
    text-decoration:none;
    border: 1px solid #ccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageNum a:hover {
    border: 1px solid #ccc;
    background-color:#ccc;
    }
    .showpagePoint {
    color:#333;
    text-decoration:none;
    border: 1px solid #ccc;
    background: #ccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageOf {
    text-decoration:none;
    padding:3px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:none;
    border: 1px solid #ccc;
    padding:3px;
    }
    .showpage a:hover {
    text-decoration:none;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333;
    }

    </style>






    <script type="text/javascript">

    function showpageCount(json) {
    var thisUrl = location.href;
    var htmlMap = new Array();
    var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
    var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
    var isPage = thisUrl.indexOf("/search?updated")!=-1;
    var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
    thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
    var thisNum = 1;
    var postNum=1;
    var itemCount = 0;
    var fFlag = 0;
    var eFlag = 0;
    var html= '';
    var upPageHtml ='';
    var downPageHtml ='';

    var pageCount=5;
    var displayPageNum=6;
    var firstPageWord = 'First';
    var endPageWord = 'last';
    var upPageWord ='Back';
    var downPageWord ='Next';


    var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

    for(var i=0, post; post = json.feed.entry[i]; i++) {
    var timestamp = post.published.$t.substr(0,10);
    var title = post.title.$t;
    if(isLablePage){
    if(title!=''){
    if(post.category){
    for(var c=0, post_category; post_category = post.category[c]; c++) {
    if(encodeURIComponent(post_category.term)==thisLable){
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
    if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
    }

    postNum++;
    htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
    }
    }
    }
    }//end if(post.category){

    itemCount++;
    }

    }else{
    if(title!=''){
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
    if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
    }

    if(title!='') postNum++;
    htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
    }
    }
    itemCount++;
    }
    }

    for(var p =0;p< htmlMap.length;p++){
    if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
    if(fFlag ==0 && p == thisNum-2){
    if(thisNum==2){
    if(isLablePage){
    upPageHtml = labelHtml + upPageWord +'</a></span>';
    }else{
    upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
    }
    }else{
    upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
    }

    fFlag++;
    }

    if(p==(thisNum-1)){
    html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
    }else{
    if(p==0){
    if(isLablePage){
    html = labelHtml+'1</a></span>';
    }else{
    html += '<span class="showpageNum"><a href="/">1</a></span>';
    }
    }else{
    html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
    }
    }

    if(eFlag ==0 && p == thisNum){
    downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
    eFlag++;
    }
    }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
    }//end for(var p =0;p< htmlMap.length;p++){

    if(thisNum>1){
    if(!isLablePage){
    html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
    }
    }

    html = '<div class="showpageArea"><span style="color:#fff;" class="showpage"> Total '+(postNum-1)+': </span>'+html;

    if(thisNum<(postNum-1)){
    html += downPageHtml;

    }

    if(postNum==1) postNum++;
    html += '</div>';

    if(isPage || isFirstPage || isLablePage){
    var pageArea = document.getElementsByName("pageArea");
    var blogPager = document.getElementById("blog-pager");

    if(postNum <= 2){
    html ='';
    }

    for(var p =0;p< pageArea.length;p++){
    pageArea[p].innerHTML = html;
    }

    if(pageArea&&pageArea.length>0){
    html ='';
    }

    if(blogPager){
    blogPager.innerHTML = html;
    }
    }

    }
    </script>

    <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
    </br>
    <a href="http://www.indorush.blogspot.com/" rel="me" target="_blank">next page</a>
    Read more »

    Posted in:

    Taktik Promosi Blog

    No comments

    Sangat klasik berbicara tentang promosi blog tapi ini salah satu cara untuk meningkatkan pengunjung ke blog anda karena dengan banyaknya pengunjung ke blog anda meningkatkan popularitas suatu blog
    dibawah ini beberapa cara promosi blog yang mungkin sudah banyak anda lakukan yaitu dengan memasukkan URL anda ke:

    - Forum
    - Newsgroups
    - Blogs
    - Discussion Groups
    - Direktory artikel
    - Mendaftarkan website URL anda ke Google, Yahoo, MSN

    Berikut salah satu cara promosi blog yang sangat efektif untuk meningkatkan banyak pengunjung dengan cara mendaftarkan URL anda ke situs direktori link yaitu www.growurl.com
    disitus tersebut anda bisa mempromosikan blog anda secara gratis ataupun dengan membeli kredit, anda juga bisa mendapatkan free kredit dengan mengikuti persyaratan yang ada diwebsite tersebut

    Silahkan mulai sekarang promosikan blog anda dan tingkatkan banyak pengunjung dengan daftar di sini...

    Read more »

    Posted in:

    Cara Mudah Mendapat Ribuan Backlink

    No comments


    Siapa sih yang tidak mau blognya di kunjungi banyak orang? kalau tidak mau dikunjungi ngapain buat blog? ya gak?
    awalnya kalau kita baru buat blog jelas sekali pagerank blog kita rendah dan jarang sekali ada orang yang mampir ke blog kita. maka dari itu kita harus menerapkan teknik SEO (Search Engine Optimalization) supaya pagerank blog kita naik dan banyak pengunjung yang datang.

    Salah satunya adalah dengan mencari backlink. semakin banyak backlink yang kita dapat, semakin besar pula kita bisa mendapatkan pagerank dari mbah google..
    disini saya mau share sedikit saja ya mengenai cara mendapatkan puluhan backlink dengan mudah. yaitu dengan mendaftarkan alamat blog kita di backlink auto generator..

    backlink auto generator ini Insyallah akan menaikan pagerank blog kita. saya juga mencobanya kok, kebetulan pagerank blog saya ini masih sangat rendah.. jadi saya harus rajin - rajin memantau dan mempromosikan blog saya ini. dan tentunya sekalian nambah postingan yang Insyallah bermanfaat buat yang baca. jadi kemungkinan kan si pengunjung bisa balik lagi, siapa tau ada postingan yang bermanfaat lagi buat dirinya.

    oke deh, saya kasih link situsnya buat yang mau coba :

    backlink auto generator 1
    backlink auto generator 2
    Pada kedua backlink auto generator ini kamu tinggal masukkan saja url blog kamu, trus tekan submit. dan tunggu prosesnya sampai selesai.. gampang kan?

    Mudah-mudahan bisa membantu ya..

    Sumber
    Read more »

    Posted in:

     
    Redesign by who?