Showing posts with label tip blogspot. Show all posts
Showing posts with label tip blogspot. Show all posts

Saturday, 10 March 2012

Cara Menghilangkan Atau Menyembunyikan Nav Bar Blogger

Menghilangkan Atau Menyembunyikan Nav Bar Blogger | Tutorial Kali Ini membahas Menghilangkan Atau Menyembunyikan Nav Bar Blogger. jangan lupa Tips Trik Menampilkan Kembali Navbar Blogger Nav Bar atau navigation bar adalah sebuah toolbar yang disediakan blogger untuk mempermudah kita mencari atau menjelajah dunia blogger. Bagi yang menggunakan template standar dari blogger biasanya toolbar ini akan muncul di halaman atas blog. Jika anda merasa kurang nyaman dengan keberadaan nav bar ini, anda bisa menghilangkannya dengan cara berikut:

1. Login ke Blogger. klik menu layout -> Edit HTML
2. Letakkan kode dibawah ini diantara <head> dan </head>.


#navbar-iframe {
height:0px;
visibility:hidden;
display:none}
3. Jika kurang jelas, letakkan kodenya diantara <variable dan body seperti yang ditunjukkan pada gambar dibawah ini


4. Jika sudah, klik Save Template.
5. sampai di sini Menghilangkan Atau Menyembunyikan Nav Bar Blogger Selesai

Saturday, 29 October 2011

Anti Klik Kanan Tanpa Message PESAN PERINGATAN JIKA KLIK KANAN

Anti Klik Kanan Tanpa Message PESAN PERINGATAN JIKA KLIK KANAN
Sebenarnya memasang cara inipun untuk menghindari blog agar tidak di kopas saya rasa percuma saja, toh banyak juga tutorial di INTERNET yang memberikan cara mengkopas blog yang tidak bisa di copas.
ARTIKEL BLOG LAINYA cara Merubah bentuk cursor menjadi animasi
 pasang mivo.tv tvonline tv online di blog

SEBELUMNYA SAYA PERINGATKAN SAYA TIDAK TAU CARA MENGEMBALIKANYA

Cara Membuat Blog Anti Copy Paste

anti klik kanan Cara Membuat Blog Anti Copy Paste



  • 1. Menonaktifkan fungsi klik kanan biasa (jika kita memasang script ini di blog kita maka fungsi klik kanan pada komputer akan di nonaktifkan).

  • 2. Menonaktifkan fungsi klik kanan dengan pesan (jika kita memasang script ini diblog kita maka hasilnya akan sama seperti script nomer 1. Bedanya kita bisa menambahkan teks pesan).

  • 3. Menonaktifkan kilk kanan dengan ekstrim.( Ini adalah script yang berbahaya, akan ada pesan, jika anda klik kanan tiga kali maka windows tidak dapat di close, kita harus mematikan komputer agar windows dapat diclose).

  • jika anda tertarik untuk membuatnya silahkan klik tombol di bawah ini untuk menginstalnya ke blog anda:

  • 1. Menonaktifkan fungsi klik kanan biasa




  • 2. Menonaktifkan fungsi klik kanan dengan pesan




  • 3. Menonaktifkan kilk kanan dengan ekstrim.


  • jika sudah terinstal sekarang coba copy blog anda dan klik mous kanan, sekarang blog anda aman dari copy paste.

    Saturday, 22 October 2011

    Cara Mendapatkan Uang Dari Adf.ly (Dapat Uang Bila Link Kita di Kunjungi)


    Adf.ly merupakan salah satu web/situs yang memungkinkan Anda untuk mendapatkan uang dari setiap pengunjung atau orang yg mengklik link anda. Bagaimana cara kerjanya? sebenarnya cukup mudah. Pertama, Anda mempersingkat link dengan situs adf.ly, dan kemudian Anda menyebarnya, mempostingnya atau mengirimkannya kepada teman teman anda,juga bisa di posting di web,blog maupun di forum forum atau juga bisa kamu gunakan untuk blogwalking di buku tamu blog atau situs orang sehingga akan semakin cepat kamu mendapatkan uangnya. $4 per 1000 visitor/kunjungan dan bisa anda ambil setelah $5 BUKAN HAL yang sulit kalau blog Mempunyai banyak visitor.

    Cara Daftar di adf.ly

    1. Klik DiSini atau klik banner di bawah ini
    2. Klik Join Now


    3. Isi nama, email, password, centang I agree to...

    4. Kemudian Submit
    5. Setelah itu buka email kamu kemudian klik link verifikasi yang di kasih adf.ly
    6. Silahkan anda Log in, masukkan email dan password
    7. Mulai lah mempersingkat URL dan dapatkan uang.

    Caranya sangat mudah pilih link yang ingin kamu persingkat. Boleh link apa saja, terserah kamu^^ bisa link fb mu atau blogmu atau link situs lain. Setelah link sudah ada, masukkan link nya ke adf.ly kemudian klik Shrink!


    Contoh saya memasukkan link setelah di Shrink! 
    Hasilnya link inilah yang akan kamu gunakan untuk menghasilkan uang^^ kamu sebar di forum, 

    Wednesday, 19 October 2011

    Membuat Tab Menu Dengan Dropdown

    Membuat Tab Menu Dengan Dropdown


    1. Log in di blogger lalu masuk "Layout"---->"Edit HTML" lalu jangan lupa centang kotak "Expands Template Widgets" dan klo bisa back up dulu templatenya biar g terjadi sesuatu yang ngga diinginkan..

    2. Cari kode ini ]]></b:skin> lalu setelah itu simpan kode di bawah ini tepat diatas kode tadi :


    /* Dropdown Menus Trik Yuwie */
    #page-bar li {
    float: left;
    margin: 0px;
    padding: 0px;
    }

    #page-bar li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 122px;
    text-transform:none;
    }

    #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
    background: #2B2B2B;
    width: 122px;
    float: none;
    margin: 0px;
    padding: 5px 10px 5px 18px;
    border-top: 1px solid #C0C0C0;
    }

    #page-bar li li a:hover, #page-bar li li a:active {
    background: #666666;
    padding: 5px 10px 5px 18px;
    }

    #page-bar li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

    #page-bar li:hover ul {
    left: auto;
    display: block;
    }

    #page-bar li:hover ul, #page-bar li.sfhover ul {
    left: auto;
    }

    3. Cari kode tab menu yang ada di blog kamu, Misal sy ambil untuk contoh yang gambar di atas :

    <ul class='left clearfloat' id='page-bar'>
    <li><a href='http://lowongankerjaku88.blogspot.com'>Daerah</a></li>
    </ul>

    kode diatas adalah "Menu Utamanya"..

    4. Nah, untuk membuat turunannya, yang harus kamu lakukan terlebih dahulu adalah menyiapkan link turunannya dengan menggunakan class='cat-item' contoh :

    <li class='cat-item'><a href='http://lowongankerjaku88.blogspot.com/search/label/Jabodetabek'>Jabodetabek</a></li>

    "Klo kamu pengen turunannya lebih dari satu maka kamu siapkan semua link turunannya, mau satu atau lebih dari satu atau berapa pun..pokonya terserah kamu..yang penting siapin dulu aja link turunannya"

    5. Klo semua link turunannya sudah siap, maka langkah selanjutnya yaitu kamu tinggal menggabungkan "Menu Utama" dengan " Link Turunannya", caranya :

    <li><a href='http://lowongankerjaku88.blogspot.com'>Daerah</a>
    <ul class='children'>
    <li class='cat-item'><a href='http://lowongankerjaku88.blogspot.com/search/label/Jabodetabek'>Jabodetabek</a></li>
    </ul></li>

    Klo link turunannya lebih dari satu, maka tinggal tambahkan aja menjadi :

    <li><a href='http://lowongankerjaku88.blogspot.com'>Daerah</a>
    <ul class='children'>
    <li class='cat-item'><a href='http://lowongankerjaku88.blogspot.com/search/label/Jabodetabek'>Jabodetabek</a></li>
    <li class='cat-item'><a href='alamat link'>Tambahan Turunan</a></li>
    </ul></li>

    Keterangan :

    - Warna hitam adalah kode dari "Menu Utamanya"
    - Warna merah adalah untuk membuat menu menjadi dropdown
    - Warna Biru adalah kode dari "Link Turunannya"
    - Warna Merah tua adalah kode tambahan jika kamu ingin memasukkan turunan lebih dari satu
    - Khusus Warna Orange klo kamu perhatikan itu letaknya hanya dipindahkan saja, liat di "Menu Utama" lalu menjadi disimpan di bagian akhir.

    Bingung y kebanyakan warna..he3.

    6. "Udah deh" tinggal di "SIMPAN TEMPLATE"

    coba liat hasilnya, udah ada belum turunannya..he3..

    Perlu diperhatikan :

    "Trik ini hanya akan berguna buat kamu yang sudah memakai "Tab Menu" di blognya, jika belum memakai tab menu, maka trik ini g akan bisa dipakai"

    Selamat mencoba kawan..dan klo triknya ngga bisa, mohon maaf..soalnya masih coba2..hihihihi

    Tuesday, 18 October 2011

    Cara Membuat Banner Animasi Gif Bergerak Online

    Cara Membuat Banner Animasi Gif Bergerak Online

    MEMBUAT iklan 125px BERGERAK secara online


    Tutorial Cara Membuat Banner Animasi Bergerak dengan gickr.com :

    * Siapkan beberapa gambar yang nantinya akan menjadi banner.
    * Buka situs http://gickr.com Coba perhatikan gambar berikut:

    Pada gickr.com terdapat beberapa menu yang akan anda gunakan yaitu : Select images, Size, dan Speed. Opsi tersebut memiliki fungsi yang berbeda, berikut penjelasannya.

    Select images : berfungsi untuk memilih gambar yang akan dijadikan banner animasi bergerak. Anda dapat menyusun gambar mana yang akan tampil lebih dulu dengan cara mengurutkannya, tersedia 10 spot kosong maksudnya adalah anda dapat membuat 10 gambar biasa menjadi 1 gambar gif. Anda tak perlu menyiapkan 10 gambar untuk mengisi seluruh spot yang kosong. Cukup dengan 2 gambar saja anda sudah bisa membuat banner gif. Saran saya siapkan saja 3-5 gambar yang cukup menarik

    Size : berfungsi untuk menentukan ukuran banner anda, disini tersedia 4 opsi yaitu 300x.. 120x... 100x... serta custom. Biasanya banner animasi berukuran 125 x 125, jika anda ingin membuat banner berukuran 125 x 125 pilih opsi custom kemudian masukan angka 125.

    Penting : anda harus mengubah ukuran lebar gambar menjadi 125 karena gickr.com akan menggunakan ukuran lebar default gambar dan jika ukuran lebar gambar anda 100pixel maka nanti banner anda akan berukuran 125&#215;100

    Speed : berfungsi mengatur ukuran kecepatan banner anda, terdapat 5 pilihan yaitu Fast, Normal, Slow, Nice slideshow (3 sec) dan custom. Anda dapat memilih kecepatan pergantian gambar dari gambar pertama ke gambar selanjutnya, ini sifatnya bebas, silahkan sesuaikan selera anda

    * Setelah gambar tersedia kemudian masukan gambar pada menu Select Images, tentukan ukurannya dari menu Size, lalu atur kecepatan pergantian gambar dari menu Speed

    * Tekan Continue, banner animasi bergerak anda telah tercipta, tekan download to computer untuk mengunduh file gif banner animasi tersebut.

    Selamat berkreasi membuat banner animasi bergerak online. 
     
     

    Monday, 17 October 2011

    Popular Post Widget Dengan Animasi | POSTINGAN TERPOPULER

    Popular Post Widget Dengan Animasi

    membuat Popular Post Untuk Blogger dengan animasi. Widget ini menggunakan trick saya sebelumnya Recent Post dengan Animasi Menggunakan "simple spy".







    Silahkan lihat Demo
    Script ini sangat mudah tinggal masukkan Script di bawah ke dalam "Gadget" Blogger
    • Masuk ke Blogger Dashboard dan Pilih Design - Page Elements
    • Klik "Add Gadget" dan pilih "Popular Posts" jumlah popular postingan harus lebih banyak dari 4 (Jika sudah ada gadget ini jangan masukan lagi)
    • Setelah anda mempunyai Popular Post Gadget kemudian klik "Add Gadget" lagi dan pilih "HTML/Javascript"
    • Letakan semua script di bawah ke dalam "Content" dari HTML/Javascript Gadget
    • Selesai, semua otomatis menjadi Popular post mempunyai animasi
    Explanation of Popular Post with Animation
    <style type="text/css" media="screen">

    #PopularPosts1 {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:400px;

    }

    #PopularPosts1 ul {
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #PopularPosts1 li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:80px;
    overflow: hidden;
    background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
    border:1px solid #ddd;
    }

    #PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
    }

    #PopularPosts1 li .item-title a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }

    #PopularPosts1 li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }

    #PopularPosts1 li .item-snippet {
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    #PopularPosts1 .item-snippet a,
    #PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
    }

    #PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    }

    #PopularPosts1 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    }

    .tags span,
    .tags a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    }

    a img {
    border: 0;
    }

    -->
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
    $(function () {
    $('.popular-posts ul').simpleSpy();
    });
    </script>
    <script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>


    sumber: http://www.abu-farhan.com/2011/08/new-popular-post-for-blogger-with-animation/