Pasang Widget Postingan Lama

Ingin tampil dengan widget postingan terdahulu? Bisa dipasang di blog, facebook, twitter dll.Seperti punya saya yang di sebelah shoutmix, modelnya saya bikin slide show, jadi ganti-ganti judul plus image yang terpasang di postingan tersebut, atau klick tanda panah kanan kiri biar cepat cari judul-judul postingan lama saya. Kelebihan dari widget ini adalah widget jejaring sosial, artinya kita bisa sosialisasikan blog kita ke seluruh jejaring sosial yang ada. Lumayan kan buat tambah traffic dan PR kita. Kalau tertarik ikut yuk masuk sama saya untuk informasi lebih lanjut

Pertama lari dulu ke www.widgetbox.com

Lalu daftar dulu alias register

Setelah daftar maka klik make a widget

Pilih logo blog (buat blogger) atau logo lain sesuai situs jejaring sosial teman2

Ketikan/isi nama blog anda

Jangan lupa untuk ubah costumize, termasuk jenis tampilan dll(contreng include summaries ya, soalnya biar gak cuma imagenya saja yg muncul)

Setelah puas dengan otak atik pada costumize (ada contoh tampilannya kok, jadi jika diotak atik maka otomatis berubah sesuai yang kita mau)

Setelah itu save for later dulu deh

Lalu cari menu widgets made

Klik widget yang sudah dibuat, misal aryo humanika

Lalu cari get widget di bar sampingm kiri (jika bingung pake find di menu edit browser mozilla)

Akan muncul tampilan widget dengan tulisan get widget atau get widget di sebelah kanannya, klik di tulisan itu saja lalu akan muncul embed code. Copy dan paste deh code java script itu untuk di copas ke blog

Lalu ya di blog kita dan tambah dulu gadget html code di tata letak, paste ke situ dan simpan.



Nah ...jadi kan? Kurang Jelas? hehehheh...ya praktekin dulu deh dan coba-coba, lama2 dapat kok yang penting usaha ada seperti saya!!

Posted By Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Mengganti alamat URL blog

Sebelumnya saya pernah posting "mutasi" blogspot ke co.cc dan alamat url saya www.aryohumanism.co.cc ... sekarang untuk alamat urlnya gimana? Apa sih pentingnya alamat sebuah blog? Hmmm...apa ya..mungkin kebutuhan masing-masing teman akan menjawabnya. Yang pasti sih untuk alamat URL sebisa mungkin harus gampang terindeks oleh google bila ingin blog teman-teman mudah dicari buat para pengguna internet yang sedang googling. Ini berhubungan dengan kata kunci tentunya. Bila blog teman-teman adalah khusus buat tutorial blog ya biar mudah terindeks google sebisa mungkin ada kata-kata tutorial blog dalam alamat url, tapi resikonya ya kepanjangan nama blog kita, atau mungkin justru ada yang ingin merubah alamat url hanya karena pengin ganti nama? biar keren misalnya? boleh-boleh saja, misalnya alamat url blog saya www.aryosp.blogspot.com mau diganti www.aryohumanika.blogspot.com tidak ada yang larang kan? TENTU GAMPANG BANGET CARANYA, tp segampang apapun kalau kita tidak terpikir untuk ganti nama blog maka jadinya "TIDAK TAHU", so every body jangan malu-malu untuk mengganti nama kalau dirasa "membosankan" nama blognya! CEKIDOT yukk alias check it out

Nah untuk mengganti nama alamat url blog maka blogspot sudah menyediakan kok, cukup lari ke PENGATURAN (hati2 larinya, nanti jatuh)

Kemudian singgah lah ke PUBLIKASIKAN

Dan gantilah Alamat blogspot sesuai keinginan anda (selama persediaan masih ada heheh..)

Lalu isi kotak verifikasi

Dan Simpan Setelan..

Nah selesai kan? maksud saya selesai deh bikin postingan untuk blog ini, soalnya mumet cari-cari bahan2 postingan, saya tidak mau posting masalah ADSENSE, PPC dll, soalnya blog saya melompong gitu gak ada "IKANNYA" ya "ikan" itu bahasa saya!!!Masa blog gak ada ikannya mau "ngajarin" orang tentang IKLAN...nah kali ini benar2 iklan!!!!

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Cara Simple/umum Menaikan Rank Blog

Apa sih yang membuat page rank sebuah blog meningkat? Tentu banyak yang sudah tahu kan? Dan hampir semua mempraktekan, tetapi kadang kita tidak percaya atas hasil yang kita dapatkan dan mengatakan cara-cara umum yang dipakai sebenarnya tidak efektif untuk menaikan page rank blog kita! Hmmm..menurut saya sih cara-cara simple atau umum berikut ini adalah benar adanya, salah satu contoh adalah dengan membuat postingan orisinil alias asli, asli disini bukan harus karya sendiri lho, boleh mencontek artikel/postingan dari orang lain asal.....DIKETIK sendiri dan pakai bahasa sendiri..., jangan main copas, nah google atau alexa tentu mempunyai antisipasi dong menghadapi seorang plagiator, karena setahu saya SEO mempunyai rumus yang begitu "NJLIMET" dalam menilai sebuah situs/web/blog, tetapi tentu google atau alexa tidak bisa dong menghakimi kita atas ketikan kita sendiri walau itu hasil dari karya orang lain.

Nah berikut ini cara-cara simple atau umum tapi pasti bisa menaikanyang dipakai oleh setiap blogger (walau harus menyita waktu sih)

- Blog walking tentunya (usahakan blog walking ke blog-blog yang sedang online atau blog-blog yang ramai dikunjungi, kecuali blog sahabat biar tidak OL ya dikunjungilah, kasihan kan hehhehe)

- Bikin postingan minimal tiap hari (gak usah pilih2 topik postingan, nanti seperti saya, bisa berhari2 gak bisa posting karena milih2 postingan)

- Hindari copy paste sebuah postingan tentunya (saya sendiri menilai biar blog itu banyak postingan tapi kalau banyak copas walau menyebutkan sumbernya kok kayaknya blog yang bagaimana gitu...)

- Banyak posting dalam bahasa Inggris atau minimal dalam sebuah postingan di translate ke bahasa Inggris termasuk judul postingan (apalagi jika ingin daftar/pasang google adsense)

- Banyak tukar link

- Dan tentunya daftarkan blog kita di SEO seperti google, technocrati dll

Saya sangat merasakan kok meroketnya page rank saya ketika melakukan hal-hal diatas, dalam 1 bulan alexa rank sudah ke rank dibawah 1.000,000, dalam 2 bulan dibawah 500.000, lalu terus meroket sampai ke 290.000 dan lalu.....hanya dalam 1 atau 2 minggu langsung "naikkkkkkkkkkk" alias turun dengan cepatnya...ke 429.000 karena tidak ada waktu untuk urus blog ini lagi, hanya sesempatnya saja!!

Posted By Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Posting ke blog dari Flickr

Buat teman-teman yang mau coba posting lewat hosting bisa kok mencoba flickr , apa itu flickr? ya menurut saya sih flickr itu semacam web hosting seperti photobucket, cm saya tidak tahu apakah photobukcet bisa bikin semacam artikel dan di posting ke blog kita? Contoh postingan via flickr tuh postingan yang diatas postingan ini. Enaknya posting via flickr ya untuk photo dan title/keterangan photo bisa rapi sekaligus simpan koleksi photo2 kita dong tentunya. Mari yuk kita simak cara explore flickr

- Login dengan ID yahoo
- Pilih extending flickr
- klik Configure your Flickr-to-blog settings
- Lalu klik Set Up Your Blog
- Pilih Blogger Blog (kan kita pake blogspot)saat muncul What kind of weblog do you have?
- Klik Next
- Lalu klik Head Over to Google Now
- Selanjutnya klik Grant Access (kembali ke halaman flickr dimana nanti kita akan memasukan link blog yang akan kita pilih
- Choose from your list of blogs (masukan nama blog yang akan di pakai)
- Klik Next
- Pilih Confirm your blog settings lalu klik All Done dan munculah kata-kata yang anda tunggu Your blog has been added to Flickr,yang artinya sudah selesai

Untuk tampilan photo dan text pada postingan pilih Would you like to create a custom posting template now? Pilih deh template yang mana tuh modelnya.

Dan untuk posting photo dan textnya ya upload photo dulu ke flickr. Setelah itu buka photo dan klik Blog This yg ada tepat diatas photo lalu isi judul postingan dan isinya lalu post. Postingan juga bisa di edit spt biasa dari blog kok!

Jika ingin menambah daftar blog yang lain bisa ke YOU --> MY ACCOUNT dan EXTENDING FLICKR lalu ......ya kan ada tuh keterangan dalam bahasa Inggris, tahu dong arti ADD MORE dll?

Ingat jika ingin posting pada salah satu blog dari beberapa blog yang kita daftarkan maka perhatikan login ke google pada saat confirmasi ke google, soalnya nti bisa-bisa postingan masuk ke blog yang bukan kita inginkan. Sign out dulu dan masuk dengan login account google buat blog yang diinginkan

Nah ada yg masih belum jelas? Coba-coba deh dan usah untuk memecahkannya jika masih ada kebingungan!

Good Luck Friends

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Menampilkan postingan lama di halaman depan

Ada cara praktis dan sudah disediakan oleh blogspot untuk menampilkan postingan kita yang sudah lama ke halaman depan plus dengan update tanggal, tentunya banyak yang sudah tahu kan? Tetapi trik ini sebaiknya dipakai khusus hanya untuk artikel dengan kontent yang relevan dengan bergantinya waktu, contoh tutorial blog dan sejenisnya, ya hitung-hitung bisa buat atasi kevakuman postingan karena kesibukan atau kesulitan kita cari artikel.

Waktu pertama saya bikin blog bisa 3 kali dalam sehari posting, waktu itu saya postingnya "gak jelas" alias warna warni, ada tutorial blog, kesehatan, pengetahuan umum dll, so makanya bisa 3 kali dalam sehari saya posting artikel, tetapi sekarang saya banyak ke tutorial blog atau internet, nah masalahnya lama-lama kok "habis" waktu saya dan juga bahan psotingan, jadi ya terpaksa postingan lama saya munculkan kembali. Apalagi dulu saya masih belum banyak sosialisasi sehingga kadang ARTIKEL saya tidak banyak yang baca terbukti dengan komentar yang sering "NOL" hehehhehe

Nah caranya mudah saja :

Masuk ke EDIT ENTRI

Pilih dibawah ada OPSI ENTRI

Lalu ganti tanggal dan jam deh terserah mau tanggal dan tahun berapa, cm jangan melebihi tahun 2012 ya, soalnya orang pasti akan tahu ini postingan lama, karena pikirnya tahun 2012 sudah tidak ada manusia kok masih bisa posting artikel

Met Mencoba aja deh

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Ganti icon adress bar blog yuk!

Change your adress icon blog with your own icon. How to change your icon blog adress? Just "read more" to check it out.

Sobat, coba lihat icon pada adress bar saya, sudah ganti kan? Jadi "AH" tapi bukan maksudnya mendesah "ahhhh" lho, cm kebetulan Aryo Humanika disingkat kan jadi "AH", Memang sudah banyak sih yang mengganti icon di adress bar blog. Nah gimana cara menggantinya icon adress blog kita? CEKIDOT yukk..(tau nih check it out kali ya, kok jadi cekidot)

Sebelumnya siapkan dulu icon/gambar yang akan dijadikan favicon pada adress bar ya, bisa buat di photoshop atau di paint, coba-coba saja bikin huruf atau gambar kecil deh dan simpan dalam format jpeg, jgp, png atau coba simpan dg format lain. Atau gambar sudah jadi juga tidak apa-apa.Ingat, gambarnya SEGIEMPAT dan jangan gede-gede, bisa ukuran 24x24 s/d 32x32 karena berat di loading kalau kegedean, dan percuma jg nanti jg munculnya kecil kok. Simpan di webhosting misalnya photobucket.com, kalau mau simpan di photobucket ya harus daftar dulu ya jika belum punya./Prepair your icon (jpg,jpeg, png etc)

- Ke tata letak dahulu/go to lay out

- Simpan template atau bisa bersihkan edit kalau gagal nanti/save template and fill expand widget

- Copy dan paste code dibawah ini sebelum </head> /copy and paste these code above </head> tag code

<link href='http://i736.photobucket.com/albums/xx5/aryosp/aryohumanika.jpg' rel='SHORTCUT ICON'/>

- Ganti teks merah dengan url adress gambar, alamat gambar harus di web hosting ya, misal disimpan di photobucket.com dahulu atau web hosting lainnya, lalu ambil url adressnya (adress/direct link)/change red text with your favicon url adress

Gampang kan? Met mencoba dan bikin icon yang bagus tapi yang kecil ya.
Nanti saya sempurnakan deh postingan ini, ada kerjaan nih. Good Luck

Posted by Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Tentang RSS dan CSS

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.

CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

RSS adalah sebuah file berformat XML untuk sindikasi yang telah digunakan (diantaranya dan kebanyakan) situs web berita dan weblog. Singkatan ini biasanya mengarah ke beberapa protokol:

* Rich Site Summary (RSS 0.91)
* RDF Site Summary (RSS 0.9 and 1.0)
* Really Simple Syndication (RSS 2.0)

Teknologi yang dibangun dengan RSS mengijinkan kita untuk berlangganan kepada situs web yang menyediakan umpan (feed) RSS, biasanya situs web yang isinya selalu diganti secara reguler. Untuk memanfaatkan teknologi ini kita membutuhkan layanan pengumpul. Pengumpul bisa dibayangkan sebagai kotak surat pribadi. Kita kemudian dapat mendaftar ke situs yang ingin kita tahu perubahannya. Namun, berbeda dengan langganan koran atau majalah, untuk berlangganan RSS tidak diperlukan biaya, gratis. Tapi, kita biasanya hanya mendapatkan satu baris atau sebuah pengantar dari isi situs berikut alamat terkait untuk membaca isi lengkap artikelnya.

[sunting] Penggunaan

RSS digunakan secara luas oleh komunitas weblog untuk menyebar ringkasan tulisan terbaru di jurnal, kadang-kadang juga menyertakan artikel lengkap dan bahkan gambar dan suara. Sekitar 2000, penggunaan RSS meluas di berbagai penerbitan berita, termasuk Reuters, CNN, dan BBC. RSS digunakan pada hampir semua situs berita atau weblog, dengan berbagai tujuan termasuk: pemasaran, press release, laporan reguler produk, atau aktivitas lain yang membutuhkan pemberitahuan periodik dan tentunya publikasi.

Sebuah program komputer yang dikenal sebagai pembaca umpan (feed reader) bertindak sebagai pengumpul. Program ini mengecek situs yang menyediakan RSS dan menampilkan berbagai artikel baru yang ditemukan. Tenggang waktu dan siklus pengumpulan RSS biasanya dapat diatur oleh penggunanya. Program pengumpul dapat berupa program komputer atau sebuah layanan web yang tersedia online.

Program pengumpul RSS di komputer biasanya berupa aplikasi (software) sendiri yang harus dipasang di komputer sebelum dapat digunakan. Program ini tersedia untuk berbagai jenis sistem operasi dengan harga bervariasi. Ada juga program pengumpul RSS yang gratis. Lihat Daftar pengumpul RSS.

Program pengumpul di web tidak memerlukan pemasangan dan pengaturan, kita dapat melihat dan mengecek RSS kita di mana saja, asal ada browser dan koneksi internet. Beberapa layanan pengumpul RSS juga menyediakan penggabungan dan juga pencarian.

Sebuah web yang menyediakan umpan RSS biasanya ada link dengan sebuah tombol bertuliskan XML (XML iconic button) atau RSS (RSS iconic button). Namun disarankan menggunakan RSS daripada XML agar tidak membuat kerancuan (sebab setiap RSS adalah XML, tapi tidak tiap XML itu RSS).

Seperti ditulis di atas, ada beberapa versi RSS, dan bahkan ada kelompok membuat format baru Atom yang juga telah diadopsi oleh banyak situs. Tapi pemakai RSS tidak perlu bingung, para pembuat program pengumpul sindikasi biasanya bisa mengenali kedua format tersebut, bahkan masih menyediakan pembaca untuk format yang lama

Sumber : Wikipedia

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Tombol tampilkan / sembunyikan , Show and Hide Button

"hai pa kabar, namaku clarablea binti luna maya, status single, mencari pasangan bujangan tampan dan kaya raya, silahkan antri untuk mendaftar menjadi pacar saya di www.narsis.com geto loh"

Show or hide button. You may try this feature . Click "tampilkan" button as a sample, and get the code by read more. Green Teks in english. Sekarang aryo mau share tentang tombol show/hide ya, jadi buat anda yang masih bingung apa tombol show dan hide coba deh klik tombol "tampilkan" di postingan ini, akan muncul gambar kan? Intinya kita bisa memanfaatkan tombol ini biar postingan bisa di minimize atau mau komplit dengan gambarnya, jadi ada sedikit membantu menghemat tempat kan? klo mau tau codenya yuk mari kita simak

Nah bagaimana cara pasang tombol show/hide? tinggal copy saja code dibawah ini dan letakan bisa di widget html/java script ataupun di postingan, tergantung mau dimana diletakan tombol ini untuk memperkeren blog anda.

How to add this hide/show button feature? just copy and paste this code below and placing to widget or your post

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input value="Tampilkan" style="margin: 0px; padding: 0px; width: auto; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 1px dotted #006400; text-align: justify;">ganti dengan gambar or teks / change with pic or teks</div></div></div></div></div>

Ganti teks warna merah dengan code gambar atau bisa juga teks yang akan ditampilan/disembunyikan. Met mencoba!
Change / replace red teks with your pic or your teks

Good Luck
Posted by Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Postingan tidak bisa di copy / Posting can not be copied

Mikir-mikir mau posting apa ya, hmmm...ada fungsi disable copy yang belum saya posting disini, walau saya tahu sejak awal-awal bikin blog, cuma baru sekarang (kepepet kali cari postingan) saya posting. Nah buat teman-teman yang mau melindungi "hak karya cipta", bisa memanfaatan fitur ini. Contoh ada di blog Aryo sendiri, tapi akan saya release setelah posting ini tidak berada di halaman depan lagi. Sebenarnya bisa dari widget html/java script, tp saat saya coba gagal maning..gagal maning, ya sudah pake yang berikut ini ya! Tenang saja postingan setelah disable copy tidak juga bisa di BLOK, atau copas cara lain jg hasilnya "payah", coba saja, mungkin tergantung kode html yang dipasang kali ya. Nah cobain deh code yang ini. Smoga bermanfaat ...

Disable copy/ Posting can not be copied, (sample on my blog here)just click read more to get html code

Pilih tata letak > edit HTML, jangan lupa download template lengkap (utk jaga2 saja)
Go to layout>edit HTML (dont forget to download your recent template first)

Centang kotak expand widget
fill expand widget check box

Cari kode </head>
Find code </head>

Lalu copy code HTML dibawah ini tepat diatas code </head>
Then copy HTML code on code </head> code

<script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script>

Lalu simpan template
Then save template

Nah check blog kamu, dan cobalah untuk copy postingan yang ada, apa yang terjadi? sudah berubah belum? Ya mudah2an sudah berubah ya. Saya tidak memakai disable copy karena ya silahkan saja sih kalau ada yang copy, tapi dengan syarat, cantumkan sumbernya (www.aryosp.blogspot.com) ya walau code tadi bukan saya yang ciptain tapi kan postingannya saya yang ketik hehehehehhee..

DONE and try to copy from your blog, is it working?Hope so

Good Luck

Posted by Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Pasang artikel blog di Facebook / add your blogs article to facebook

Siapa sih yang tidak kenal facebook? tentu dong kenal semua ya, apalagi kalau sudah main blog-blogan. Nah bagaimana kita memanfaatkan facebook kita untuk promosi artikel / postingan di blog kita ke facebook? Caranya mudah saja. mari kita simak langkah memasang artikel atau postingan kita ke facebook? How to promote your blogs article /post to our facebook? Just simple step, click read more for post /add your blog article to your facebook

Sebenarnya ada jg cara yg simple sih, cm tidak praktis yaitu dengan mengetikan alamat url blog kita di kotak comment atau kotak "what in your mind" setiap harinya.

Ok deh kita langsung saja ya :

Pertama tentu kita harus daftar/punya facebook dahulu
Frist you must register in facebook /login to your facebook

Lalu ke setting > setting application
Go to setting > Setting Application

Di kotak pencarian(search) ketik Mirror blog
Type mirror blog in box search

Setelah muncul mirror blog, lalu klik ke aplikasi (go to application)
After mirror blog is reached, click go to application

Klik ijinkan (allow)> klik setup > pilih logo blog anda > isikan alamat email dan password > klik lanjutkan (continue)
Klick allow > setup > choose your blog logo > insert your email and blog password > klick continue


Setelah muncul tulisan "congratulation, your mirror blog is ready for use" klik done
After "congratulation, your mirror blog is ready for use" appears, klick "Done"

Lalu cari dibawah dan klik tulisan "cantumkan ke dalam profile" lalu klik tambahkan dan selesai deh
Find and click "add to profile" then click add. And done

Coba periksa dibawah profile/photo, blog anda sudah dipasang dalam bentuk mini disitu
Check under facebook profile, your blog is already listed below

Nah untuk promosikan ke teman2 cukup klik invite your friends di mirror, caranya bisa kembali ke setting application, disana sudah ditambahkan mirror blog , klik mirror blog dan langsung blog kita muncul di facebook kita deh, dan invite deh lalu contreng teman-teman yang mau kamu invite (ingat ada maksimal teman), bisa juga add ke list, nti di profile ada nama blog kita jg

To promote your post/blog just click invite your friends by clicking application setting, click mirror blog was added and click invite your friend

Good Luck
Posted by Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Check tampilan blog yg melorot

Pengalaman ini sebenarnya sudah lama, tapi sepertinya tidak ada salahnya berbagi ke teman-teman yang belum mengetahui adanya tampilan blog yang melorot. Apa sih maksudnya melorot? Ya kita bicara tampilan blog pada side bar yang menggunakan template 3 kolom keatas, nah apakah blog anda tampilannya melorot pada side bar? Jangan memalukan blog anda, dan bagaimana cara menge-check blog kita yg melorot, malu kan kalo melorot, yuk mari kita simak problem yg sebenarnya bisa kita atasi dengan mudah

Ada beberapa browser yang bisa kita gunakan untuk browsing internet antara lain mozilla Firefox, Internet Explore (IE) dan Opera. Saya memakai mozila firefox untuk kelola blog, nah disini saya tidak menemui "kemelorotan" pada side bar saat memakai mozila firefox. Oh ya side bar di blog saya ada sidebar1, sidebar2 dan sidebar3 (bar samping atas, bar samping bawah kiri dan bar samping bawah kanan).

Tetapi alangkah kagetnya saya ketika memakai IE, tenyata tampilan sidebar3 kok melorot ke bawah, wah malu saya jadinya. Langsung saya cari penyebabnya, ternyata kontent/isi dari sidebar3 itu melebihi lebar dari sidebar3, nah satuan lebar dihitung denga px, misal lebar sidebar saya 250px, tp kontent/isi dari gadget/widget itu lebih dari 250px, jadi melorot ke bawah. Akhirnya saya cari dengan cara instant dg membuka blog dari mozila firefox dimana ada kontent yg terpotong tampilannya itu saya pindahkan ke sidebar1 atau lower/ruang bawah yg lebih lebar di blog, dan saya buka kembali dengan IE, eh ternyata tampilannya tidak melorot lagi.

Jadi buat teman-teman, cobalah check blog anda dengan browser lain, terutama yg biasa memakai mozila coba buka dengan IE, karena IE tidak mentolerir kelebihan kontent pada side bar. SIAPA TAHU BLOGGER LAIN MEMAKAI IE untuk membuka blog anda, kan malu tuh melorot

Selamat memeriksa

Posted By Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Membuat label awan cumulus / make cloud cumulus label

How to make cloud cumulus labels? Just check it out by clicking "read more" below.Ada yang bertanya bagaimana cara bikin label cumulus. Nah makanya kali ini saya akan posting tentang menu " label cloud cumulus ", apa itu? Ya label yang ada di sidebar saya tuh yg berbentuk awan dan bergumul-gumul, ada yang tertarik tentunya ya? karena bisa mempercantik blog kita juga, kalau tertarik kita simak yuk caranya . Pertama tentunya jangan lupa simpan template/download template lengkap dulu ya, dan jangan lupa conteng "expand widget templates" lalu anda cari kode spt dibawah ini :

Frist you must save/download your current template, then fill check box "expand widget templates" and then find out this html code :

<b:section class='sidebar' id='sidebar' preferred='yes'>

(or sidebar1, sidebar2)
(jangan bingung, mgkn ada yg menemukan dg "sidebar1 or sidebar2", itu hanya masalah letak nantinya di sidebar kok, sikat aja langsung kode tsb)

Nah tepat dibawah kode diatas, copy kode dibawah ini dan paste tepat dibawahnya
Copy and paste this html code just below of html code mentioned above

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;280&quot;, &quot;330&quot;, &quot;5&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Simpan dan Selesai
Save and Done

Untuk merubah lebar dan tinggi kolom anda bisa merubah angka merah yg ada di :
To change widht and high of its coloumn just replace/change the red number :

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;280&quot;, &quot;330&quot;, &quot;5&quot;, &quot;#ffffff&quot;);

Lebar/Width : 280
Tinggi/heigh : 330
Warna tulisan/ font color : 333333
Backround Color : #ffffff

Nah untuk merubah warna backround jadi transparan sesuai warna blog kamu, maka hilangkan "//" pada code berikut ini :

For transparancy backround color you must erase "//" code in this html code :

//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

Bila code transparan aktif, maka code warna (Backround Color : #ffffff) otomatis tidak berlaku

Good Luck
Posted by Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Read More berfungsi (lagi)

Sempat bingung kenapa read more ku macet ya, sempat pula pengin ganti template dan bikin read more lg, tapi ya mesti rekonstruksi lagi dong, pusing kan?.

Cm untungnya gak sempat pengin bunuh diri karena putus asa sih.

Akhirnya kadang karena ketidak tahuan kita padahal itu adalah hal yg sepele, saya coba untuk pasang template yang sama yang saya sempat simpan beberapa waktu lalu. Memang saya selalu simpan template untuk jaga-jaga siapa tahu blog kita error/bermasalah, so waktu di coba ternyata berhasil dan read more otomatis saya berfungsi lagi.

Untuk itu buat para blogger, simpanlah template anda (ya istilahnya default/yg anda pakai sekarang, simpan yg banyak tentunya secara periodik terutama jika mengalami penambahan/perubahan pada EDIT HTML di blog kita, saya sampai 10, jadi bisa dicoba satu2 mana yg tidak banyak memerlukan re konstruksi blog lg agar spt semula. Bisa disimpan di hardisk komputer, flash disk atau mungkin jika buat pengguna warnet/tidak punya komputer bisa simpan di email anda. Jadi sewaktu2 ada trouble bisa di unduh/unggah lg dari template yg kita simpan.
Biasanya selain read more, masalah yg sering terjadi adalah pada "POS COMMENT" yg tiba2 ngadat. Rugi dong klo orang gak jadi koment gara2 gak bisa verifikasi.

Mungkin teman-teman pernah mengalami trouble dengan settingan blog atau sejenisnya dan punya solusi bisa berbagi kok, apalagi buat teman2 pemula masih banyak perlu masukan

Posted By Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Jual Blog Yuk buat mudik/ Your Blog's Value

HOW MUCH DOES YOUR BLOG's COST/value? Click Read More below.Postingan ini buat ramein saja, kebetulan ada salah satu blogger mampir (wawan)dan waktu aku kesana ada ya..postingan menurut aku sih fun banget kalo saya referensikan buat teman2, ini kan mau lebaran ya, butuh uang dong? (jangan serius dulu ah, ini bohong2an kok, kasihan nti sudah berharap tp gak bisa realisasi) mau jual apa ya?...nah...ting...mikir, jual rumah?Istri?Sepatu?kambing? Nah..gimana kalau jual blog? Seberapa sih kualitas blog kita?Jadi nanti gak otot2an pas tawar2an heheh. Klik saja disini kalau mau tahu nilai jual, ranking dunia, ranking di Indonesia dll, liat contoh blog saya nih, berdiri sebenarnya akhir juni 2009, nilainya Rp.139 juta, wkwkwkwkw..tp aku yakin biar dikasih gratis blog saya orang juga gak mau ya ..soalnya urus blog kan susah. Nih komplit tampilannya spt ini (kebetulan resultnya pakai bahasa Indonesia). Ada yang lebih mahal gak nilai blognya? Banyak pastinya..Ayo coba..asyik aja buat fun

Click HERE if you want to know how much does your blog's value, and fill the blank coulumn with your url addres, and the view result similliar like this :,














Coba ada yg diatas nilai saya gak? nah sekarang main besar2an nilainnya yuk...kalau ada yg lebih besar lagi..lagi..lagi dan lagi, sampai yg tertinggi nanti jadi juaranya..dan dapat piala sebagai "BLOG TERTINGGI KUALITASNYA"
Kriteria lomba untuk :
Nilai situs tertinggi
Nilai Peringkat Indonesia Tertinggi
Nilai Peringkat dunia tertinggi

Pialanya ambil di Polda hehehhe
Met mencoba ya
Have Fun
Posted By aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Mengukur berat blog kita

Pagi ini saya buka blog saya...hmmm..gmana ya tampilannya? Hmm..utak-utik lagi, seperti biasa liat blog orang lain lebih indah rasanya. Tapi ah..namanya rumput tetangga ya jelas lebih hijau hehehe.. Tapi tiba-tiba aku berpikir, apa benar lelet/berat blog saya saat loading? Kasihan kan teman-teman blogger kalau buka blog saya,lapalagi yang kecepatan akses internetnya lambat. Lalu kepikiran mau timbang blog, di posyandu tapi gak punya kain buat gendong, ya sudah saya ke rumah mas jin gugle. Emang mas jin gugle baik banget, apa-apa yang saya minta dikasih(walaupun diambilin punya orang :)...) Akhirnya saya minta timbangan blog dikasih jg.

Lalu atas petunjuk mas jin gugle saya cari alamat yg diberikan, lalu saya timbang..duh makan apa ini blog..kok berat banget. Akhirnya saya paksa diet..eh ternyata sebenarnya blog ku langsing, cuma itu lho aksesorisnya ngalahin mas tessy..sepatu bot besar, cincin batu akik banyak yang besar2..duh..akhirnya aku preteli, tapi gak sampai telanjang, nanti blogku malu telanjang. Apa sih yang bikin berat? Pertama aku timbang 175.00 (wow..berat banget) Tenyata blogku kebanyakan beban:


Lalu aku kurangi posting yang tampil di halaman depan. Tadinya 6, aku susut jadi 3 postingan
Maka dari 175.00 KB menjadi 146KB

Belum puas, lalu aku buang gedget html/java script referensi link :
Dari 146 jadi 144.68 (lumayan daripada lumanyun buka blog gw hehehe)

Rubah kolom mybloglog yang tadinya 4 kolom jadi 2 kolom
144.68 menjadi 144.38 (gak terlalu ngaruh, jadi kasian sama photo teman)

Buang 1 photo di postingan depan
144.68 menjadi 143.97 (tidak ngaruh banget)

Lalu...lupa buang apalagi
143.97 menjadi 143.53

Lalu masih penasaran aku delete mybloglog (tambah kasihan nih recent visitor)
Dari 143.53 menjadi 142.34 (harusnya jangan ya, cm kurang 1kb kok)

Masih harus kurus, aku buang gedget HTML/Java Script link "Info Kilat"
Dari 142.34 jadi 138.00 (mayan banget ya)

Terus lupa delete apalagi ya
Dari 138.00 (Sekian-sekian) menjadi 137.sekian-sekian (mayan jg)

Lalu delete histat (kebanyakan alat pengukur pengunjung)
Dari 137.00 jadi 135.00

Aku rubah warna backround posting dari kelabu ke putih (kagak ngaruh, cm 0 koma sekian)

Lalu aku kurangi lagi batas postingan di halaman depan dari 3 menjadi 2
Dari 135.00 jadi 127.00 (wah emang postingan yg bikin berat)

Lalu terakhir aku copot daftar blogger (yang disedian khusus oleh google)
Eh dari 127.00 menjadi 120.00 (mayan banget ya, tapi buat yg tukar link jangan khawatir aku kan ada 2, 1 pke html/java script, 1 lg pake yg disedian google)

Lalu saya hilangkan gedget Subscibe to bawaan dari template
Dari 120.00 menjadi 111.94, mayan banget ya

Saya compress CSS juga sudah, tapi gak ngaruh banget.

Karena tampilan dengan 2 postingan di depan halaman jadi culun, akhirnya aku tambah lagi 2 postingan, jadi 4 posting, total berat jadi 120.00kb.

Masih gendut sih..tapi bingung apa sih yg bikin berat banget blog,padahal banyak blog yg beratnya cm dibawah 100kb, bahkan ada yg 29kb, walau ada jg sih yg sampe 250.kb, tp jarang. Katanya dibawah ini yg menjadikan blog berat saat loading adalah :

Kebanyakan gambar (banner dll)
Kebanyakan Java Script
Kebanyakan referensi link selain blogger (belain blogger nih)
Kebanyakan Postingan yg tampil di halaman depan
Kebanyakan Animasi/flash
Template yang ber backround gambar
Banyak gedget/widget (Flag Counter,mybloglog, follower)
Sound
Daftar isi jg berpengaruh terhadap berat blog krn didalamnya terdapat link walaupun link blog sendiri (contoh di aryo adalah blog tutorial di sidebar1)
Dll..Ya pokoknya file-file yang ukurannya berat.

Aku sempat berpikir apa "read more" versi baru saya bikin berat? gak tahu jg, soalnya read more saya kalau di klik kan langsung menampilkan postingan lengkap. Atau template saya? Kenapa banyak blog lain yang warna dan gambarnya/animasi lebih gemerlap dari saya kok ukuran blog saya masih tetap jauh lebih berat diatas mereka? Jadi sedih.

Nih alat penimbang, timbang saja blog anda disini ,masukan url blog anda dan url blog orang lain, berat mana coba, maksimal 10 url, lokasinya kejauhan dibawah ya? hehehe..gak tahu motongnya gmana:

Your domain(s): Enter each address on a new line (Maximum 10) (eg. iwebtool.com)

Powered by iWEBTOOL

Met mencoba ya..dan belajar dari penyusutanku diatas, apa saja yang besar pengaruhnya terhadap berat blog kita.Dan jangan takut tambah jpeg,animasi format gif, kecil kok bytes nya. Timbang saja sebelum dan sesudah dipasang, gak gitu ngaruh

Posted by Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Bikin menu label dengan List-O-Matic

Ada yang ingin membuat menu seperti di sidebar saya? (Tutorial Blog dan About Indonesia), menu itu saya buat dengan List-O-Matic, Tujuannya sih biar postingan itu bisa dilirik orang yang membutuhkan, jadi biar keliatan kalau Aryo sudah bikin postingan apa saja sih. Apalagi kalau anda mempunyai postingan andalan, bikin deh menu yg bisa dilihat pada saat halaman pertama dibuka. Memang blog saya masih meraba-raba sih, tapi dengan berjuang yailah lebai ya, berusaha maksudnya, apapun jadi bisa kita lakukan. Postingan ini seperti biasa saya tujukan buat yang belum tahu cari bikin menu dengan list-o-maticmenunya bentuk nya spt ini (hirarki-nya)

About Indonesia (menu/atau url label)
- Tanjung karang beach (judul/url postingan/link, pokoknya terserah deh)
- Cilacap Beach (judul/url postingan)
Indonesia Artis (menu)
- Dian sastro (Judul link/postingan)
- Kawin cerai artis (judul link/postingan)

Pertama kita buka dulu List-O-Matic, tidak perlu login kok,ini cm semacam tool gratisan saja buat anda. Nah disitu ada tampilan seperti dibawah ini :

Ini tampilan pertama










Kalau mau tambah label klik "(+) add navigation top level dan contreng kotak kecil lg untuk judul postingan/link.










Maka akan muncul seperti dibawah ini, contoh dibawah adalah menu label saya.
Nah isi link text dengan judul label/menu atau judul postingan (tergantung mau ada isi label apa tidak, ya istilahnya hirarki), lalu isi adress url dengan url label atau url link/postingan kamu, title attr bisa dikosongkan kok. Sekali lagi isi nama label dan url label, lalu nama judul postingan dan url/link postingan. Kalau mau tambah label klik "(+) add navigation top level dan contreng kotak kecil lg untuk judul/link postingan.














Setelah selesai masukan semua nama dan url, Lalu klik "I'am Done, show me the style", pilih style yg kamu suka











Selesai pilih style? Klik "show me the markup, akan muncul kode HTML hasil dari inputan kita spt dibawah ini, lalu copy paste ke gedget HTML/Jaba script yang sudah ditambahkan di blog kita













Kembali ke blog, tambah gedget HTML/Java Script, lalu paste
Jadi deh....

Lalu gimana kalau mau tambah judul postingan? Tinggal edit dan copy saja kode HTML untuk postingan di menu gedget, lalu paste dibawahnya dan ganti urlnya dengan url postingan yang mau ditambahkan.
Seperti ini misalnya :

<li><a href="http://aryosp.blogspot.com/search/label/Tourisme" title="e.g. 'Information about the company ...">Indonesian Tourisme</a>
<ul>
<li><a href="http://aryosp.blogspot.com/2009/07/borobudur-temple-largest-budhist-temple.html">Borobudur Temple , The Largest Buddhist Temple</a></li>
<li><a href="http://aryosp.blogspot.com/2009/07/tanjung-karang-beach-central-sulawesi.html">Tanjung Karang Beach Central Sulawesi Indonesia </a></li>

Kalau sudah copy, ganti url lama dengan url baru (yang aryo warnain hijau), dan judul postingan jg diganti (warna merah).

Kalau tambah menu baru(label) beserta judul postingannya? Tenang saja, aku sudah otak atik tetep gak bisa hehehe..mksdnya hirarki nya gak bener urutannya, terus aku coba bikin baru di LIST O MATIC LAGI dan aku copy paste hasil kode html dibawah kode html yang sudah ada di blog kita, dan hasilnya ..wow..bisa..! Pintar-pintarlah otak-atik, Aryo kasih panduan cm dasarnya saja. Misalnya yang warna hijau itu hasil dari tambahan bikin di list-o-matic, jadinya spt ini :

About Indonesia (menu/atau url label)
- Tanjung karang beach (judul/url postingan/link, pokoknya terserah deh)
- Cilacap Beach (judul/url postingan)
Indonesia Artis (menu)
- Dian sastro (Judul link/postingan)
- Kawin cerai artis (judul link/postingan)
Info Indonesia
-Bom Meledak (ah judul sekenanya deh, pusing)

Nah cukup kan? Belum? Maksudnya biar tidak makan tempat? Yang nggulung itu? Roll? atau apalah? tambahkan saja pada posisi paling atas kode HTML seperti dibawah ini:

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
Ya sudah met coba..

Nah ganti yang warna hijau (lebar & tinggi kolom) sesuai selera..tapi kolom baru akan menggulung jika isinya sudah tidak muat pada lebar dan tinggi kolom lho.

Posted By Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Merubah lebar kolom halaman blog

Tujuan melebarkan kolom adalah untuk menampilkan layout pada blog se cantik mungkin, apalagi kalau gedget/widget yang dipasang rada memakan tempat dan kelihatan terpotong karena kolom sidebar tidak muat, jadi biar kolom utama (main page) dan sidebar kolom bisa serasi harus dirubah lebar kolomnya, tapi ingat,saya sarankan hanya untuk yang memakai Modzilla Firefox, soalnya pas saya buka di IE, eh lebar kolom tidak sama, jadi melorot kebawah tampilan sidebar3 di blog ku, ternyata masalahnya adalah di IE lebar kolom menyesuaikan dengan lebar gedget, jadi gedget perlu dikecilkan juga lebarnya supaya tidak melorot ke bawah.

Cara menambah lebar kolom seperti biasa kita ke tata letak dan edit HTML, tapi ingat jangan di contreng ya Expand Template Widget nya. Dan jangan lupa save dulu template anda, spt biasa takut salah kan bisa balik lagi ke template semula.

Di edit HTML kalau di tempat saya seperti ini tampilannya :
Cari kode html spt ini :

#outer-wrapper { adalah lebar (100%) blog anda. Ini sudah default, ibaratnya selebar layar komputer anda, jangan di rubah.

#outer-wrapper {
margin: 0 auto; /* to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 15px;
margin-bottom: 30px;
position: relative;
width: 100%;
text-align: center;
}

Lalu ada #blog-wrapper { : lebar blog yang akan memuat lebar main-page (halaman postingan) dan sidebar (lebar=horisontal) lihat width nya :970 px sedangkan width outer diatas:100%

#blog-wrapper {
margin: 0 auto; /* to make the template lay in the screen center */
padding: 6px 8px 6px 6px;
margin-top: 15px;
margin-bottom: 10px;
text-align: center;
position: relative;
width: 970px;
background: $blogframeColor;
border: 1px solid $blogBorderColor;
}

#main-wrapper { (halaman utama postingan) : Jika ingin dikurangi bisa ganti yang warna hijau

#main-wrapper {
float: left;
position: relative;
width: 574px;
margin: 6px 0px 6px 4px;
padding: 0px 0px 0px 0px;
text-align: left;
background: $postbgColor;
border: 1px solid $postBorderColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Lalu ada Side wrapper, di tempat aryo kode htmlnya spt dibawah ini :




















/* ----- SIDEBAR ----- */
#side-wrapper {
width: 375px;
float: right;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 0px;
background: $mainsidebarbgColor;
border: 1px solid $mainbordersidebarbgColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 375px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar1 {
width: 348px;
margin: 0px 6px 6px 0px;
padding: 6px 10px 0px 10px;
color: $sidebar1TextColor;
background: $sidebar1bgColor;
border: 1px solid $sidebar1BorderColor;
}

dst.....


Side-wrapper adalah total lebar ruang untuk bar samping (sidebar) halaman posting (lihat halaman blog anda), ganti lebar total bar samping pada warna hijau.

Sidebar-wrapper adalah total lebar seluruh jumlah sidebar menyamping (bisa 2 atau 3 sidebar, tergantung template anda 2 atau 3 kolom)

Sidebar1 adalah ya sidebar 1, apalagi yg perlu dijelasin,

Sidebar2

dst..

Rubah pada widh masing-masing bar (warna hijau), cuma rubah angka kok, tapi yg proposional ya, misal side-wrapper = 375px ya sidebar wrapper maximal 375px. Lalu sidebar1 (atas) spt punyaku kan sendirian, ya jangan smpi lebih dari 375, lalu sidebar2 dan 3 kan paroan (bagi 2), ya tinggal dibagi 2 saja dari 375. Tp sebaiknya jangan ngepas lebar maksimal,ya sisain dikitlah, nah terus disimpan, coba deh dilihat, klo masih kutang eh kurang puas ya ganti lagi angkanya.

Oh ya Padding itu adalah jarak kosong antar halaman/sidebar, utak atik saja kalau mau paddingnya, yg penting sudah disimpan template yang lama jangan takut untuk trial and error

Nah kalu kacau balau lebarnya dan nyerah, pakai format template semula lagi saja yang sebelumnya disimpan dan lupakan melebarkan kolom . Heheheh..

Posted by Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Merubah warna background template

Sekali lagi tutorial ringan, tetapi siapa tahu ada yang belum tahu heheh..ribet bahasanya, begini masalahnya, blog saya ini kan sebenarnya pas loading pertama (background pertama (blog background) itu warna hitam terus ter cover lagi sama backround ke dua putih dan biru(main page and sidebar page), nah saya pernah cari tutorial mengenai ganti backround pertama (blog) sebenarnya, kok yang terganti backround yang ke dua (halaman), kalau backround yang kedua (halaman)kan bisa dari tata letak terus font dan warna, ya kan?Atau mungkin saya salah ambil tutorial? Ya kali namanya jg baru belajar, harus trial and error dl

Saya tidak tahu apakah cuma di template saya yang backgroundnya dobel, okelah kembali ke background pertama (utama)
Misalnya kita menemukan cara rubah warna background pertama blog spt ini :

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Nah kalaupun sudah dapat tutorial pun kita kadang bingung kode htmlnya gak sama ya dengan template kita, gini saja deh pokoknya apapun kode html anda, (Yang pasti simpan dl template yang akan diganti) patokannya begini aja :


Cari dulu kode ini : body {
Lalu cari dibawahnya, terus aja diurut sampai ketemu : background:#fff;
Lalu ganti deh yang warna hijau dengan kode warna kesukaan anda

Kalau di HTML saya kan seperti dibawah ini (lihat saja beda kan dengan kode panduan yang diatas?Bingung kan? sering kejadian begini karena kita memakai tamplate yang berbeda) ya sudah aku hilangkan saja yang warna hijau dan aku ganti dengan kode warna lain, bisa juga diganti dengan alamat url photo lho..Aku berani lakukan ini karena selalu simpan template lama, trial and error akhirnya jadi merubah blog ku.

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5hd7_4JQViKjA0X8So3X-Oq41lpeQioppTEoNW5H58g3GNIHTvYG-FmRkh2Gq-W8uu79AwhJowYQhuw7h7zmAZkmebRokDojyR9mu4XvQNmHZmpFAIKq2t0gucABormkoAIOJDuDcoYI/s1600/dgrey013.gif) center;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;

Thanks, by Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Pakai Read More Versi baru (2) akhirnya berhasil

Tentu mau kan blog kita tambah keren dan mudah diakses? mau dong tentunya, nah sekarang kan banyak tutorial mengenai read more versi baru, (klik saja read moreku dibawah) yang bisa membuka sebuah postingan lengkap tanpa membuka halaman seluruh blog lagi, apalagi kalau lelet loadingnya , CPD alias Cuabee dehh, katanya, malas orang buka artikel kita kalau harus baca artikel lengkap kok ulang lagi dari awal download halaman blog kita, nah bagaimana kalau kita sudah memakai read more versi lama mau berpindah ke versi baru?Mau tahu usaha Aryo berjuang pasang read more dan berhasil? sapa tahu masalah kita sama, coba simak saja

Banyak tutorial mengenai read more versi baru, cuma bikin mumet kepala ya, nah kalau masih ada yang tidak tahu, ada 2 versi tutorial read more yang saya tahu yaitu versi Kang Rohman dan versi yang lainnya (klik disini), versi kang rohman inilah yang saya pakai, tapi sebelumnya harus jungkir balik dulu coba yang lain-lain (kirain sama). Ya aku katakan versi, maksud saya nih kalau punya kang Rohman seperti ini :

<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>


Nah versi lain spt ini :
<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>


Ada perbedaan kan? Perbedaanya di warna merah.Aku gak tahu apa perbedaan itu berpengaruh, tapi aku setelah coba sana sini cuma punya kang rohman yang berhasil (ya sebetulanya sama sih, cm beda spt diatas doang), tapi siapa tahu itu justru yang membuat anda mumet alias pusing.
Apakah itu penyebab kegagalan kita membuat read more versi baru?Sebaiknya anda mengetahui 2 versi tersebut, sebelum bingung.

Nah kalau punya Aryo sendiri spt ini :

<div class='post-header-line-1'/>

<div class='post-body'>
<p><data:post.body/></p>

Jadi kalau ada yang sama masalahnya atau sama template dengan Aryo dan sudah memakai Read More versi lama tentu akan timbul HTML code saat mau edit, kira-kira sbb:
<div class='post-header-line-1'/>

<div class='post-body'>
<p><data:post.body/></p>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'> Baca Selanjutnya/Read More.....</a>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Ingat lho, batas akhir (<div style='clear: both;'/> <!-- clear for photos floats -->
</div>) sebagai rambu2 juga membantu untuk penempatan yang benar lho, mengingat kita sudah banyak memakai/menambah code HTML banyak banget untuk mempercantik blog kita. Nah hilangkan saja yang kode warna merah diatas, kira-kira sisa kodenya seperti ini deh :

<div class='post-header-line-1'/>

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Baru deh ikutin petunjuk Kang Rohman untuk read more versi baru. Lalu simpan blog anda. Ingat, hati-hati dalam mencopy, karena tanda " saja akan berpengaruh.

Belum berhasil? Mungkin postingan lama yang memakai read more versi lama kan masih ngambek, nah itu karena <span class="fullpost"> pada postingan lama dan </span> belum dihilangkan, ingat ada banyak <span class="fullpost"> dan </span> lho setelah kita posting,padahal seingat kita kan cm taruh 1, ya gpp, sementara jadi tukang sapu, bersihkan semua itu, dan ganti dengan hanya 1 <span id="fullpost"> dan akhiri &lt;/span&gt; seperti biasa. Gampang...
Posted By Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...

Tambah Emoticons di Shoutbox yuk!

Mau tambah icon (Emoticons) di Shoutmix? Sekali lagi gampang, cuma siapa tahu ada yang belum tahu caranya. Banyak jalan sebenarnya, cuma kelemahannya kadang kita susah cari URL yang bisa diakses khususnya buat situs penyedia Emoticons. Nah Aryo kasih tahu cara yang saya tempuh.

Seperti biasa kita login ke Shoutmix lebih dahulu, Pilih kolom Display lalu Smiles, nah kalau sudah masuk ke Smiles, hilangkan tanda contreng pada Use default setting jika ingin menghilangkan Emoticon standard shoutmix















Ini contoh emoticon saya di shoutmix, pada saat saya ganti emoticons, jangan lupa di kolom code harus diisi ya, asal-asalan saja, yang penting antar satu kode emoticon dan kode lainnya tidak sama, misal kode : :) atau <> (hindari kode huruf atau tanda baca tunggal)



Nah problemnya kadang kita susah cari Emoticon yang pas ya..

• coba deh ke Photobucket,
• lalu di kolom search ketik "Emoticon"atau "Emoticons", cari deh, nah disitu akan muncul banyak Emoticon.

• Arahkan kursor ke gambar Emoticon,
• lalu klik more
• lalu pilih get link,
• pilih direct lin* for layout page copy URLnya ke shoutmix untuk di add.
• Lalu Save Setting
• Dan refresh blog anda, akan muncul icon baru di shoutbox pada blog anda.

Ringkasnya gini :

• Login ke Shoutmix
• Pilih Display--> Smileys
• Hilangkan tanda contreng pada Use default setting
• Copy URL ke shoutmix
• Save Setting

Kalu mau emotions seperti yang di shoutmix Aryo, copy saja URL nya nih

http://i736.photobucket.com/albums/xx5/aryosp/6.gif

http://i736.photobucket.com/albums/xx5/aryosp/19.gif

http://i603.photobucket.com/albums/tt115/lalastarrr/emoticon/thRUNSIES_by_sereneworx.gif

http://i603.photobucket.com/albums/tt115/lalastarrr/emoticon/154.gif

http://i445.photobucket.com/albums/qq178/Pablottero/emoticon/smile4841.gif

http://i28.photobucket.com/albums/c202/Livvy82/Emoticons/dumbo.gif

http://i242.photobucket.com/albums/ff258/truckthis/emoticons/thwatermelon.gif

http://i242.photobucket.com/albums/ff258/truckthis/emoticons/themot-c00lbert.gif

http://i242.photobucket.com/albums/ff258/truckthis/emoticons/ths20.gif

http://i298.photobucket.com/albums/mm256/teresahawley/emoticons/OMG2-emoticon.png

Atau coba kesini deh, Aryo sendiri susah copy urlnya, jadi gak pakai icon disini

http://www.addemoticons.com/emoticons.html

Met mencoba.....
Posted By Aryo

[+/-] Read More/Selengkapnya...

[+/-] Roll Up/Ringkas...