JEPARA: Tips Blogger

Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

Sabtu, 11 Agustus 2012

Cara Menampilkan Label Tertentu Dalam Artikel

Cara Menampilkan Label Tertentu Dalam Artikel

Ada kalanya Anda ingin menulis tema tentang label tertentu dan ingin memberikan link-link artikel dalam label tersebut. Anda tidak perlu menuliskan Url masing-masing artikel tersebut satu-persatu. Cukup ikuti langkah berikut.

Copy kode dibawah ini dan paste kan pada artikel yang ingin Anda masukkan daftar posting label tertentu.

<script style="text/javascript"> var numposts = 10; var standardstyling = true; </script> <script type='text/javascript' src='http://kodecode.googlecode.com/files/judullabel_tertentu.js'></script> <ul> <script src="http://www.zali.info/feeds/posts/default/-/nama label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ul>

Angka 10 merupakan jumlah maksimal artikel yang mau ditampilkan. Angka tersebut bisa diganti dengan berapa saja tergantung banyaknya artikel yang ingin Anda tampilkan.
http://www.zali.info diganti dengan alamat blog Anda.
nama label diganti dengan label yang ingin ditampilkan. Pastikan nama label harus benar-benar sama. Jika nama label berisi spasi, ganti spasi dengan %20.

Jangan lupa saat Anda memasukkan kode tersebut dalam artikel, tulislah pada penulisan HTML

artikel ini aku dapatkan dari Mari Ngenet

baca juga artikel yang terkait lainnya

Jumat, 10 Agustus 2012

TML Scroll Box

<div style="height:90px;width:90px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
tulis teks disini.
</div>

This CSS text color is olive

♥ baca juga artikel yang terkait lainnya

Selasa, 07 Agustus 2012

Cara membuat tulisan berjalan (marquee)

Cara Membuat Tulisan Berjalan (Marquee)

Untuk membuat tulisan berjalan itu sangat mudah karena hanya dengan kode HTML sederhana sudah akan tercipta sebuah tulisan berjalan. Kode HTML untuk membuat tulisan berjalan di kenal dengan perintah Marquee.

Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang disisipkan untuk mengatur keindahan tampilan tulisan yang berjalan. Atribut yang sering di gunakan dalam kode marquee adalah :

<marquee align="center" direction="left" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee>

marquee dari kanan ke kiri

<marquee align="center" direction="right" height="30" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee>

marquee dari kanan ke kiri
<marquee align="center" direction="up" height="30" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee>

marquee dari kanan ke kiri
<marquee align="center" direction="down" height="30" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee>

marquee dari kanan ke kiri
Agar lebih menarik, kode marquee juga bisa dipadukan dengan javascript sederhana, seperti onmouseover="this.stop()" onmouseout="this.start()" . Dengan kode javascript tersebut, tulisan berjalan akan seketika berhenti apabila pointer mouse komputer pengunjung blog kita mengarah ke tulisan yang berjalan, dan akan berjalan kembali apabila pointer mouse dipindah ke tempat lain. Contoh, silahkan arahkan pointer mouse anda ke area marquee di bawah ini :

Go on... hover over me!

klik stop untuk berhenti dan klik star untuk mulai
Go on... press the button!

baca juga artikel yang terkait lainnya

Jumat, 03 Agustus 2012

Cara Meningkatkan Traffic Blog

Salah satu cara dalam rangka meningkatkan traffic blog dimata search engine adalah dengan membangun Internal link dan External link.Internal link adalah link dalam satu website/blog, sedangkan External Link adalah menambah one way backlink (Link satu arah) ke blog/situs kita.

Jika Blog Anda ingin kebanjiran traffic pengunjung secara luar biasa dan signifikan dengan link satu arah ke blog/situs anda,silahkan pelajari dengan seksama artikel dibawah ini.

Ingat Agar proses ini berjalan sempurna dibutuhkan kejujuran anda,kekuatan terletak pada kejujuran anda,semakin anda jujur semakin banyak backlink yang anda dapatkan!

Mari kita buktikan…apakah konsep kejujuran disini dapat kita gunakan untuk menghasilkan traffic dan popularity yang sangat hebat dari sebuah metode rumit para ahli webmaster atau pakar SEO?

Caranya sangat mudah,Anda hanya perlu meletakkan link-link berikut ini di blog atau artikel anda:

Sebelum anda meletakkan link-link diatas dipostingan blog anda, anda harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, begitu seterusnya.Kemudian masukkan link anda sendiri di bagian paling bawah (nomor 10).

Jika tiap peseta mampu mengajak bergabung 5 orang saja, maka jumlah backlink yang akan didapat adalah:

Ketika posisi anda 10, jumlah backlink = 1

Posisi 9, jml backlink = 5

Posisi 8, jml backlink = 25

Posisi 7, jml backlink = 125

Posisi 6, jml backlink = 625

Posisi 5, jml backlink = 3,125

Posisi 4, jml backlink = 15,625

Posisi 3, jml backlink = 78,125

Posisi 2, jml backlink = 390,625

Posisi 1, jml backlink = 1,953,125

Dan semuanya menggunakan kata kunci yang anda inginkan. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web/blog downline anda mengklik link itu, anda juga mendapatkan traffic tambahan. Hebat bukan?

Nah,silahkan copy-paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link web/blog anda di posisi 10. Ingat, anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika anda tiba2 di posisi 1, maka link anda akan hilang begitu ada yang masuk ke posisi 10.

baca juga artikel yang terkait lainnya

Tips Blogger kali ini adalah bagaimana cara "MEMBUAT GAMBAR MENJADI BERPUTAR" ketika didekati cursor mouse pada blogspot.

Langsung saja ikuti langkah-langkah berikut.

masuk ke dasbor blogger
klik RANCANGAN
Perancang Tempelate
pilih tingkat lanjut dan tambahkan CSS berikut :

Mudah bukan??? kritik dan sarannya aku tunggu dari anda! terimakasih

baca juga artikel yang terkait lainnya

Membuat Gambar Melayang Pada Blog

Wednesday, February 02, 2011

Share this history on :

Share3

0digg

Buat sobat yang masih belum mengerti tentang gambar melayang pada blogspot, berikut saya jelaskan secara singkat. Gambar melayang adalah gambar yang letaknya selalu tetap dan tidak terpengaruh oleh scrool mouse. Maksudnya kita dapat membuat gambar seperti melayang di kanan, kiri, bawah, atas walaupun Scrollbar ditarik kemana-mana. Dan bukan hanya gambar yang bisa sobat pakai di posisi gambar melayang ini, tapi counter, Status YM, iklan dan lain-lain.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrioTipppXgoyfT8hHxFyEePRlkAV61NeWQ9eXnl82C1BnExHqokvdp0L7LliBRmgGJ6p539Txfx1jikZqRo8eDDalOndkpwWZn-3uHEqQU_7xYOtHcFqcDjZor2AFp61XeTDxhJRVv3k/s320/Gambar+Melayang.jpg

Ok, buat sobat yang ingin mencoba tips ini, silahkan ikuti tutorial berikut ini, tapi sebelumnya back up dulu templatesobat agar jika terjadi kesalahan dan template blog sobat tidak rusak. Berikut step-step yang harus sobat lakukan :

Log ini ke akun blogger sobat;
Pilih menu Rancangan » Edit HTML;
Beri tanda centang pada tulisan Expand Template Widget;
Carilah kode ]]>. setelah jumpa, sisipkan kode berikut ini tepat diatasnya. Eh iya pilih salah satu kode dari 4 pilihan posisi dibawah ini, jangan dicopy semuanya. Maksudnya misalnya anda memilih "posisi kiri atas", maka gambar melayang akan ada disebelah kiri atas layar;

Posisi kiri atas

#rizki_melayang { top:10px; left:10px; position:fixed; _position:absolute; clip:inherit; _top:expressio

Posisi kiri bawah

n(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #rizki_melayang a img {border:0};

Posisi kanan atas

#rizki_melayang { top:10px; right:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #rizki_melayang a img {border:0}

Posisi kiri bawah

#rizki_melayang { bottom:10px; left:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #rizki_melayang a img {border:0}

Posisi kanan bawah

#rizki_melayang { bottom:10px; right:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #rizki_melayang a img {border:0}

Selanjutnya carilah kode , kalau sudah ketemu maka letakkan kode dibawah ini tepat diatasnya;

http://www.wakrizki.net/" target="_blank">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfzCJkcrPTZK6njUFEHGQyyOJaSkqH3AR17FJqXJ1JhO14acbaa6ueYM5jRVoz6XTQZYnGk-ZukAdDXvmRW_236AU2cQzZUhYwT6RKC4WuHYIfy44qC07xYSFV2Pi9eY9UWoUY2zpik7c/s220/rizki+khaizir.jpg"/>

Kode diatas silahkan diedit dulu, warna merah ganti dengan alamat target halaman yang kamu inginkan, sedangkan warna biru adalah alamat gambar yang ingin dipasang.

Ingat! kode ini hanya berlaku untuk 1 posisi, jika sobat ingin memasang di banyak sisi menggunakan kode ini, silahkan sobat ganti ID dari setiap kode, misalnya sobat ingin memasang di sudut kanan atas, maka yang perlu sobat ganti adalah kode #rizki_melayang dengan kode yang sobat inginkan, misalnya bisa saja sobat ganti dengan #rizki_melayang_kanan_atas atau apa saja yang penting kode ID antara kedua kode sama.

Source » http://www.wakrizki.net/2011/02/membuat-gambar-melayang-pada-blog.html#ixzz1pNyET8IH

baca juga artikel yang terkait lainnya

Caranya adalah :

1. Login ke blogger anda

2. Pilih menu tata letak, kemudian edit html

3. Kemudian klik Expand Template Widget

4. Tekan ctrl+F pada browser, cari baris body {

5. Perhatikan CSS dari body, ini adalah contoh CSS body punya saya, isinya setiap template akan berbeda-beda

body {
background:#A9C2DA;
margin:0;
padding:0;
font:80% Arial, Sans-serif;
text-align: center;
color:#000;
}

6. Tambahkan baris

cursor: url("http://baykun.byethost15.com/cursorbiru.ico"),default;
Jika ingin cursor biru
cursor: url("http://baykun.byethost15.com/cursorkuning.ico"),default;
Jika ingin cursor kuning
cursor: url("http://baykun.byethost15.com/cursorpanah.ico"),default;
Jika ingin cursor panah
cursor: url("http://baykun.byethost15.com/cursorpensil.ico"),default;
Jika ingin cursor pensil

Pastikan menambahkan barisnya sebelum tanda } pada bagian body { }

7. Simpan templatenya

8. Contoh hasilnya ada pada blog saya

Note : disarankan backup template anda sebelum merubahnya. cara ini tidak bisa digunakan jika menggunakan browser OPERA

UPDATE
cursor: url("http://baykun.byethost15.com/tangan.ico"),default;
Jika ingin cursor bentuk tangan

cursor: url("http://baykun.byethost15.com/roket.ico"),default;
Jika ingin cursor bentuk roket

cursor: url("http://baykun.byethost15.com/orang.ico"),default;
Jika ingin cursor bentuk orang

baca juga artikel yang terkait lainnya

direction=“up”

height=“150″

width=“200″

scrollamount=“1″

scrolldelay=“50″

truespeed onmouseover=this.stop() onmouseout=this.start()

style=” text-align: left; color: #000000; font-weight: normal; ” >

rbatas karena harus membeli di daerah luar

!!!

baca juga artikel yang terkait lainnya

Sobat Blogger, seandainya artikel sobat di perbanyak atau di copy paste, bagaimana perasaan anda, menjengkelkan bukan?? nah kali ini saya memposting artikel blog anti copy paste.

cara ini kita perlukan karena demi keamanan artikel yang kita posting. supaya tidak mudah di copy paste.

buat sobat blogger yang ingin memasang script ini, tanpa banyak bicara, silahkan ikuti langkah berikut ini :

1. masuk ke akun blogger,

2. Pilih menu Rancangan » Edit HTML;

3. Beri tanda centang pada tulisan Expand Template Widget;

4. Carilah kode head untuk mempermudah, "tekan ctrl + f" kemudian copaskan kode script berikut tepat diatasnya.

if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}else{document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");}

okey selamat mencoba! kritik dan saran aku tunggu dari sobat.

baca juga artikel yang terkait lainnya

Saat ini banyak sekali software yang berfungsi untuk menyembunyikan folder pribadi kita, namun dari sekian banyak software, cara yang aku pakai ini lebih mudah digunakan.
Dalam artikel kali ini saya akan berbagi script yang berfungsi untuk menyembunyikan folder. ini adalah salah satu locker kesukaan saya, karena mudah sekali penggunaannya, meskipun file yang menjalankan aplikasi ini sudah dihapus, dengan mudah kita dapat mendownloadnya lagi disini! he hee.

Oppss!! hampir kelupaan deh! dengan skrip ini anda juga bisa membuka forder teman anda, yang disembunyikan dengan folder locker. karena skrip yang kubuat ini, maksud saya scrip yang aku edit ini tanpa menggunakan pasword. jadi mudah sekali untuk membobol folder locker milik teman anda!>>>maafmbukan maksudku mengajarkan yang buruk! :) OK langsung saja dicoba...download saja scripnya DISINI!!

baca juga artikel yang terkait lainnya