Tampilkan postingan dengan label Belajar blog. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar blog. Tampilkan semua postingan
Rabu, 31 Agustus 2011
Membuat Halaman Maintenance
Oke, silahkan lihat demonya. Cara membuatnya-pun cukup mudah, hanya menggunakan kode CSS, pasti mudah dan gak ribet !! bila sobat memasang kode maintenance-nya, maka akan muncul creenshot seperti dibawah ini:
1. Login ke akun blogger sobat
2. Masuk ke rancangan/design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berkut: ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin>
6. Jangan lupa Simpan Template.
html { height: 100%; background: url(http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) no-repeat center 50%; margin: 0; } body { display: none; }
Sip, sampai disini sobat udah bisa membuat Halaman Maintenance Pada Blogspot, melihat kode diatas jelaslah sangat simpel dan mudah dimengerti tentunya.
Silahkah ganti link image diatas (http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) sesuai dengan kreasi sobat.
Selasa, 30 Agustus 2011
Cara Membuat Tampilan Label dengan Menu Dropdown di blogger.com
1.Seperti biasa, Login dulu di blogger .com
2.Setelah memasuki dashboard, klik menu layout lalu pilih edit HTML
3.Kemudian dari pada itu, jangan lupa kasih tanda centang di expand template widget
4.Lalu cari kode seperti di bawah ini :
Silakan untuk Melihat Source code:
Seandanya tak kunjung ketemu, berarti menu label belum terpasang. Silahkan pasang terlebih dahulu kemudian dari pada itu kembalilah untuk mengikuti jejak langkah yang berikutnya. Dan jika sudah terpasang dan telah kau temukan jangan tunggu lama langsung saja ganti kode tersebut dengan kode di bawah ini :
Silakan untuk Melihat Source code:
Senin, 29 Agustus 2011
Mendisable Klik Kanan
Berikut adalah cara agar blog kalian tidak bisa diklik kanan oleh para pengunjung, jadi akibat yang akan ditimbulkan seperti mengcopy paste isi postingan kalian, bisa di minimalisir. Untuk lebih lanjutnya silakan ikuti petunjuk-petunjuk dibawah ini.
1. login dulu
2. masuk ke tata letak
3. pada bagian tata leta anda tambah gadget
4. pilih HTML/java Script
5. masukan code beriku kedalamnya
Silakan untuk Melihat source codenya:
6. yang bercetak tebal diatas anda bisa mengganti nya dengan kata-kata anda
7. dan pada alert(); anda bisa mengisinya dan menambah alert lebih banyak.
8. simpan
9. klik simpan pada sudut kanan atas .
10 lihat hasilnya . selesai
Kamis, 17 Maret 2011
LINK OTOMATIS TERBUKA TANPA DIKLIK
Link ini sebetulnya gak jauh beda dengan yang sudah sudah saya tulis, hanya mengganti onclick dengan onmouseover saja, jika onclik maka link akan terbuka setelah di klik, namun jika menggunakan onmouseover maka link akan terbuka ketika mouse di dekatkan ke link, artinya gak perlu di klik udah terbuka sendiri.
Kode nya seperti ini
<a href="ALAMAT WEB"
onmouseover="window.open(this.href)">ISI TEXT</a>
Atau jika anda ingin menentukan ukuran lebar dan atribut lainnya bisa di tambahkan seperti di bawah ini
<a href="ALAMAT WEB" target="_blank"
onmouseover=
"window.open(this.href,'',' scrollbars=yes, menubar=no, width=800,resizable=yes, toolbar=no, location=no, status=no')">
ISI TEXT</a>
perbedaannya hanya pada penambahan seperti width, menubar dll,
<a href="ALAMAT WEB"
onmouseover="window.open(this.href)">ISI TEXT</a>
Atau jika anda ingin menentukan ukuran lebar dan atribut lainnya bisa di tambahkan seperti di bawah ini
<a href="ALAMAT WEB" target="_blank"
onmouseover=
"window.open(this.href,'',' scrollbars=yes, menubar=no, width=800,resizable=yes, toolbar=no, location=no, status=no')">
ISI TEXT</a>
perbedaannya hanya pada penambahan seperti width, menubar dll,
Sabtu, 12 Maret 2011
LINK POP UP TANPA JAVASCRIPT
Menampilkan Pop up atau jendela munculan kadang di perlukan untuk kenyaman pembaca, karena dengan begitu halaman terbuka pada ukuran halaman yang bisa di atur lebar tingginya, dan fungsi lain seperti scroll dan toolbar, Link popup bisa di buat tanpa javascript yang Rumit, di bawah ini adalah salah satu contoh link pop up dengan javascript sederhana.
Untuk membuat link seperti ini caranya cukup mudah, anda tinggal memasukan kode html seperti di bawah ini.
<a style="cursor: pointer; color: rgb(255, 0, 0);"
onclick=" window.open('ALAMAT WEB','',' scrollbars=yes,menubar=no,width=800, resizable=yes,toolbar=no,location=no,status=no')">
TEXT
</a>
ATAU
<a style="CURSOR: pointer; COLOR: #ff0000"
onclick="window.open('ALAMAT WEB','',' scrollbars=yes,menubar=no,width=800, resizable=yes,toolbar=no,location=no,status=no')">
TEXT</a>
ATAU
<a href="ALAMAT WEB" target="_blank"
onclick= "window.open(this.href,'',' scrollbars=yes, menubar=no, width=800, resizable=yes, toolbar=no, location=no, status=no')">
TEXT</a>
ALAMAT WEB : Isikan alamat web yang dituju
TEXT : Isikan perintah (ex; Download Disini)
Sabtu, 05 Maret 2011
1 LINK UNTUK 2 HALAMAN/TAB
Membuat link mungkin udah pekerjaan biasa bagi blogger, namun bagaimana caranya agar satu link bisa membuka 2 halaman sekali gus ketika di klik, cara ini mungkin cukup efektif untuk di terapkan bagi yang ingin mempromosikan 2 halaman skali gus dalam satu anchor text.
Jika anda ingin membuat link download seperti di atas maka berikut ini adalah kode Html yang bisa anda gunakan
<a href="ALAMAT WEB PERTAMA" target="_blank" onclick="window.open('ALAMAT WEB KEDUA')"> ISI TEXT</a>
Rabu, 22 Desember 2010
MEMBUAT LABEL BLOG SECARA BERSAMAAN
Kadang saat sobat ingin mengedit sebuah postingan dan menentukan label baru pada postingan yang sudah-sudah,akan ngerasa ribet karena harus mengedit satu persatu.
Nah,cara menentukan label secara bersamaan ini ternyata mudah.
1. Pergilah ke Dashboard blogspot,lalu pilih Edit Entri pada blog yang ingin sobat rubah labelnya
2. Setelah itu nanti akan keluar jendela seperti dibawah ini,sobat tinggal check list satu persatu sesuai keinginan (postingAN yang hendak dibuatkan label secara bersamaan), atau jika menginginkan semua posting dengan label yang sama tinggal pilih 'Semua'.
Sumber Pelajaran Blog
Selasa, 21 Desember 2010
MENAMPILKAN KATEGORI BERDASARKAN NAMA LABEL
Umumnya untuk menammpilkan kategori atau label, yang ditampilkan adalah semua nama kategori atau labelnya. Lalu, adakah cara untuk untuk menampilkan kategori atau label berdasarkan nama kategori atau label? jawabannya ada.
Menampilkan kategori berdasarkan nama label dirasa lebih menarik karena lebih spesifik, misal blog anda mempunyai kategori : ekonomi, politik, entertainment dan lain sebagainya.
Langkah awal yang harus anda persiapkan yaitu kategori apa yang mau anda tampilkan, lalu catat atau copy paste nama kategori atau label tersebut, misal politik. Untuk nama kategori yang mempunyai spasi kosong, harus di ganti dengan %20 , misal untuk kategori blogger tutorial, nama kategori tersebut diganti menjadi :
blogger%20tutorial
Hal lain yang harus anda ketahui adalah, nama label ini bersifat case-sensitive atau peka terhadap hurup besar (huruf kapital) atau kecil, misal kategori blogger%20tutorial berbeda dengan Blogger%20tutorial.
Langkah kedua adalah menyiapkan alamat feed untuk nama kategori yang anda inginkan, format dasarnya seperti berikut :
http://alamat_blog_anda/feeds/posts/default/-/nama_label
Dan berikut adalah cara menampilkan kategori berdasarkan nama label di blogger :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Klik tab Elemen Laman jika anda belum pada posisi tab ini.
4. Klik salah satu link Tambah Gadget.
5. Akan keluar window baru, klik tanda plus ( + ) untuk Feed.
6. Masukkan alamat feed yang telah anda persiapkan sebelumnya. Sebagai contoh, coba masukkan alamat berikut ;
http://kolom-tutorial.blogspot.com/feeds/posts/default/-/blogger%20tutorial
7. Akan muncul Opsi, disini anda dapat mengganti judul, berapa posting yang mau di tampilkan (maksimal 5 post) dan lain sebagainya.
8. Klik tombol SIMPAN.
9. Selesai.
Untuk menampilkan nama kategori yang lain, anda tinggal mengulang kembali langkah diatas, tentunya dengan alamat feed yang berbeda sesuai dengan nama kategori yang anda inginkan.
Ada variasi lain yang bisa anda dapatkan dari teknik diatas, yakni pengurutan tampilan bisa berdasarkan posting yang terupdate:
http://alamat_blog_anda/feeds/posts/default/-/nama_label?orderby=updated
Meskipun posting yang telah lama, namun jika di update kembali, maka akan muncul dideretan paling atas.
Sumber Kang Rohman
Jumat, 10 Desember 2010
MEMBUAT GOOGLE SEARCH BLOG SENDIRI
Memudahkan pengunjung dalam mencari artikel di Blog kita merupakan salah satu trik biar pengunjung semakin betah di blog kita. Mungkin di beberapa template sudah menyediakan fasilitas pencarian pada templatenya.
Tapi berdasar pengalamanku, beberapa posting lawas (lewat dari 1 tahun) tidak akan tampil dalam pencarian, jadi kita harus minta bantuan Google untuk membuatkan Kotak Pencarian untuk blog kita
1. Caranya silahkan kunjungi http://www.google.co.id/cse (untuk halaman berbahasa Indonesia)
2. Klik pada tombol biru bertuliskan "Buat Mesin Telusur Ubahsuaian"
3. Kamu akan disuruh login menggunakan akun Google jika kamu belum login (buat yang gak punya bikin dulu di Gmail)
4. Akan muncul beberapa form yang harus kamu isi!
5. Silahkan kamu isi dengan ketentuan:
-Nama mesin telusur: (adalah nama dari mesin pencarianmu)
-Keterangan mesin telusur: (keterangan atau penjelasan mesin pencarian kamu)
-Bahasa mesin telusur: (bahasa dari mesin telusur, disarankan Indonesia)
-Apa yang ingin ditelusuri? (pilih Hanya situs yang saya pilih.agar Google hanya merayapi blog kamu)
-Pilih beberapa situs Tetapkan daftar situs web yang akan ditelusuri. kamu bisa mengedit daftar dan menambahkan situs lainnya di lain waktu.
-ketikkan alamat blog kamu (contoh: blog.yudhaime.co.cc)
-pada pilihan edisi, pilih yang
-Edisi Standar - Gratis, iklan diwajibkan pada laman hasil.
-centang cheklist bahwa kamu setuju dengan persyaratan dan ketentuan Google
-Kamu akan dibawa ke halaman Pratinjau yang merupakan hasil mesin pencarianmu (silahkan kamu coba-coba dulu hasilnya!)
6. Klik tombol selesai
7. Kamu akan dibawa ke halaman yang berisi daftar mesin yang kamu buat klik panel kontrol untuk melakukan kustomisasi
8. Kamu akan dibawa lagi ke halaman pengaturan, pada sidebar kiri terdapat menu "Panel Kontrol" pilih menu "Tampilan dan Nuansa"
9. Nah pada "Pilih opsi penginangan" kamu pilih opsi "Iframe Menyediakan pengubahsuaian terbatas dan memerlukan laman tersendiri untuk hasil pada situs Anda. "
10. Langkah selanjutnya adalah memilih warna, silahkan ubah sendiri ea!
11. Kalau sudah klik tombol "Dapatkan Kode"
-Kamu buka Tab baru pada browser, lalu buat postingan kosong dengan judul terserah kamu lalu terbitkan! (disarankan judulnya "Search") lalu copy alamat postingannya (contoh: http://namakamu.blogspot.com/2010/04/search.html)
12. Sudah ??????
13. Kembali ke halaman Google tadi
-Pada kotak isian "Tetapkan url di situs yang hasil penelusurannya akan Anda tampilkan:" isi dengan alamat postinagn yang tadi dibuat! (contoh: http://namakamu.blogspot.com/2010/04/search.html)
14. Pastikan url valid!
15. Copy kode yang diberikan oleh Google pada "Kode kotak telusur".
- Buka tab baru, Kamu edit postingan yang tadi kamu bikin, lalu pastekan kode tadi kesana.
- Publikasikan postingannya!
16. Copy (lagi) kode yang diberikan Google pada "Kode hasil penelusuran"
- Paste kode itu di "Tata Letak-> Elemen Halaman->Tambah Gadget_>HTML/Javascript" Pastekan kodenya disana!
- Simpan
Sumber Yudhaime's Blog
Selasa, 02 November 2010
MEMBUAT PAGERANK DI BLOG
PageRank merupakan media pengukur tingkat popularitas blog yang telah kamu bangun. Semakin tinggi PageRank yang kamu raih, semakin besar pula kesempatan untuk tampil pada halaman teratas mesin pencarian, seperti google. Bagi beberapa blogger, PageRank penting karena asap dapur mereka dipengaruhi oleh ranking yang dibuat oleh Google tadi. Tetapi, banyak juga yang tidak peduli dengan PageRank.
Blog Yang dibangun, PageRank masih nol. Jika perkembanganya sehat, PageRank akan terus naik (Nilai Tertinggi 10). Nah, biar kamu tahu berapa ranking yang kamu dapat, tambahakan aksesoris yang satu ini. Kamu bisa dengan mudah mengetahui popularitas blog kamu. Untuk memasang PageRank Kunjungi alamat PAGERANK
CARA MEMBUAT ALEXA TRAFFIC RANK
Apakah kamu seorang new blogger ? atau kamu sudah tau Alexa rank? sudah pasang ? Apa itu alexa? alexa rank adalah sebuah widget yang digunakan untuk mengetahui posisi ranking blog atau website kita di internet. Alexa rank berbeda dengan widget lain seperti Hitstats atau hits counter, kalo hits counter adalah widget yang digunakan untuk menghitung berapa banyak visitor unique datang ke blog kita dalam sehari .Buat apa alexa rank ? alexa rank biasanya digunakan untuk membuat suatu kredibilitas blog . Semakin rendah jumlah alexa , maka semakin bagus atau blog kita semakin populer sering dikunjungi oleh orang . Alexa yang rendah bisa kita manfaatkan untuk keperluan bisnis. Pada website bisnis tertentu membutuhkan syarat alexa rank yang rendah pada blog/website yang mau didaftarkan . Kalo kamu belum pasang, berikut ini akan saya tunjukan :
1. Masuk ke website http://www.alexa.com
2. Klik Register, isikan data-data seperti gambar dibawah ini
klik disini
3. Setelah registrasi, kamu masuk ke halaman login, dan isikan alamat email dan password yang kamu daftarkan tadi.
klik disini
4. Setelah login, kamu menuju ke halaman "For Site Owners"
klik disini
5. Pada halaman ini, kamu pilih Get Traffic Rank Widget
klik disini
6. Selanjutnya, pada halaman ini kamu akan di minta untuk memilih tipe widget dan memasukkan alamat URL Website atau blog kamu, pilih Alexa Traffic Rank Button, ketik alamat url website atau blog kamu, dan klik Build Widget
klik disini
7. Disini saya sarankan kamu pilih yang 'Small Widget', dan copy code embed tersebut .
klik disini
Setelah kamu selesaikan tahap-tahap tersebut. Selanjutnya kamu , kembali / buka blog atau website kamu . Kali ini saya akan membahas untuk blogger. Berikut cara memasang Alexa rank di sidebar .
- Login ke Blogger
- Pilih 'Tata Letak'
- Klik 'add gadget'
- Pilih 'HTML and Javascript'
- Beri nama gadget baru tersebut , misal : Alexa rank, Site info, Blog info
- Pastekan Code Embed Alexa tadi, klik Save.
- Selesai.
Sekarang kamu lihat website kamu. Pada sidebar, akan muncul widget baru yang berisi Alexa rank button.
TIPS Memunculkan Traffic Rank Alexa "NO DATA"
Pada kasus - kasus yang sering terjadi adalah, ketika pertama kali kamu mendaftarkan di alexa rank, biasanya pertama kita pasang di blog, nilai/jumlah angka yang tertera adalah "No DATA", nah hal ini adalah biasa, karena alexa sedang memproses traffic blog kamu . Mungkin bisa saja akan memerlukan beberapa hari . Namun sabar saja , agar cepat terindex di Alexa, sebaiknya kamu berpromosi blog dulu sampai blog kamu mulai ada pengunjung . Hal ini akan mempercepat proses alexa dalam menentukan nilai rank pada blog kamu .
Sekian tips dari saya, semoga bermanfaat.
From Softkid
Minggu, 31 Oktober 2010
STABILO
Ingin menstabilo tulisan seperti ini,
LIKE POSTINGAN INI YAH
silakan ambil SCRIPT nya dibawah ini
Like postingan ini silakan ganti dengan kalimat kalian,
Background color adalah warna stabilo, ganti sesuai warna di bahasa inggris
Color adalah warna tulisannya, ganti sesuai warna di bahasa inggris
»» Read More...
LIKE POSTINGAN INI YAH
silakan ambil SCRIPT nya dibawah ini
Like postingan ini silakan ganti dengan kalimat kalian,
Background color adalah warna stabilo, ganti sesuai warna di bahasa inggris
Color adalah warna tulisannya, ganti sesuai warna di bahasa inggris
STREAMING GEN FM
Untuk menaruh RADIO stearming GEN FM
Cek this
Copy semua
Paste to Your Widget/gadget,
End ^,^
Selamat mendengarkan Gen Fm
»» Read More...
Cek this
Copy semua
Paste to Your Widget/gadget,
End ^,^
Selamat mendengarkan Gen Fm
Kamis, 28 Oktober 2010
GAMBAR JALAN HORIZONTAL
WIDGET JAVASCRIPT/HTML
Keterangan,
Scrollamount = kecepatan gerak (ex. 5)
URL web = Alamat situs yang disisipkan
URL gambar = Alamat gambar
Width = Lebar (ex. 100)
Height = Tinggi (ex. 60)
Praktek,
Coba silakan Copy script dibawah
Jika berhasil akan seperti ini
»» Read More...
Keterangan,
Scrollamount = kecepatan gerak (ex. 5)
URL web = Alamat situs yang disisipkan
URL gambar = Alamat gambar
Width = Lebar (ex. 100)
Height = Tinggi (ex. 60)
Praktek,
Coba silakan Copy script dibawah
Jika berhasil akan seperti ini
By Isna Hidaken
Jumat, 22 Oktober 2010
TULISAN BERJALAN (HEADLINE NEWS)
Seiring berjalannya waktu, bloger makin canggih dan mantap.
Dengan adanya Script ini kita dapat membuat seperti Headline news, Ucapan selamat datang, dll.
Rabu, 20 Oktober 2010
MEMBUAT PASANG BANNER SEPERTI YANG ADA DIBLOG SAYA
GAMBAR JALAN KEATAS
BLOCKQUOTE
LINK PADA GAMBAR
Jika ingin membuatnya harap ikuti aturan diatas.
Jika tidak bisa dan ingin dibuatkan harap CONTACT US
Rabu, 13 Oktober 2010
HASIL CONTOH MEMBUAT GAMBAR HIDDEN (SEPERTI DI KASKUS.US)
klik untuk membuka:
Langganan:
Postingan (Atom)