Tips Mengetahui kekurangan blog

Terkadang kita heran dengan performa blog milik kita yang tetap saja tidak tampil optimal,padahal kita telah menempuh berbagai cara seperti mengkompres Css,memilih template yang lebih familiar dan SEO friendly,membuat artikel semenarik mungkin dan sebagainya.Pada posting kali ini saya coba membahas mengenai tools yang bisa digunakan untuk mengoptimalkan performa blog saat browser melakukan rendering terhadap halaman blog milik kita.Seperti kita ketahui bila semakin kecil kesalahan maka akan mempermudah browser dalam mengideks halaman blog milik kita dan tentu saja juga akn menghemat pemakaian Bandwith.

 Kali ini kita akan mencoba membahas mengenai tools yang bisa dipakai untuk keperluan optimasi blog sekaligus perincian kesalahan yang perlu diperbaiki:

1.Google Page Speed

Bagi pengguna Blogger, tools ini sangat berguna karena sama –sama besutan Google,tools ini juga memberikan informasi cukup lengkap mengenai laporan kesalahan pada halaman. Setiap halaman blog yang kita analisa secara otomatis akan dilaporkan kedalam tabel list. Page Speed akan memilah dan menginformasikan secara rinci apa saja kesalahan yang ditemukan, selain pesan kesalahan, disitu juga di-informasikan pesan kebenaran, yang berarti ditemukan sebagian element halaman yang tidak perlu lagi diperbaiki karena dianggap sudah benar.

Halaman yang sudah selesai dianalisa akan diberi nilai antara 0-100 yang merupakan hasil penilaian Google Page Speed .Hasil penilaian inilah yang bisa kita jadikan tolak ukur seberapa jauh hasil kerja keras kita slama ini.Tapi jangan terlalu berharap mendapatkan nilai 100,karena hal itu sangat sulit bahkan oleh seorang ahli sekalipun.Jadi nilai antara 70-90 sudah cukup bagus,apalagi bagi pemula,iya khan he..he..he..

Dan satu hal lagi kelebihan tools dari Google ini adalah setiap kesalahan yang terindeks ataupun pesan error akan diberi solusi,gimana canggih khan?Anda tinggal megikuti solusi yangt diberikan oleh Mbah Google,dan Abrakadabra ,,,,hasilnya pasti memuaskan.

2.Yahoo! YSlow

Selain Google Page Speed ada satu lagi tools yang biasanya saya gunakan yaitu Yahoo! YSlow. Pilihan pada YSlow karena saya menyadari tools ini dikembangkan langsung oleh Yahoo, tentu saja keakuratannya gak perlu diragunakan lagi. Sebenarnya cara kerja YSlow mulai dari informasi laporan kesalahan dan tetek bengeknya hampir sama saja dengan Google Page Speed, keduanya sama-sama memberikan informasi perbaikan dan tentu saja cara menangani kesalahan. Perbedaan yang mecolok terletak pada pemberian Nilai halaman, jika Google Page Speed berdasarkan pada Score, Yahoo YSlowsendiri berdasarkan pada Grade A-F dimana nilai Grade A adalah nilai terbaik dan Grade F adalah nilai yang terjelek. Seperti saya bilang diatas tentu sulit sekali untuk mencapai nilai sempurna, saran saya cukup diantara Grade B-C saja.

Okey met mencoba...

Oh ya ,untuk bisa memakai tools diatas sebelumnya jangan lupa menginstal firefox plugin untuk firebug .Nah kalau sudah baru instal Google Page SpeedYahoo ! yslow .met mencoba...hehehe  dan

Source:O-om

Iron Man 2 (Three-Disc Blu-ray/DVD Combo + Digital Copy)
The Adventures of Sherlock Holmes
Compromising Positions

Read More

Tips memasang efek terkelupas(peel effect)

Pernah tidak sobat blogger berfikir untuk membuat sesuatu yang beru dengan tampilan blognya? Misalnya dengan membuat efek halaman terkelupas pada sudut template(add peel effect) yang serba guna dan bisa buat pasang add untuk blogger. Tampilannya yang bagus akan menarik perhatian pengunjung blog anda.Selain terlihat keren sangat baik dijadikan tempat memasang iklan.Nah, dengan bantuan javascript sebagai hack ini bekerja pada jquery dan css.
Pertama saya ingin berterimakasih pada sohtanaka untuk membuat jquery hack ini dan kemudian naeemnur untuk membuatnya berfungsi untuk bekerja di blogger.Demo
Sekarang mari kita mulai:
• Loggin ke akun blogger sobat
• Masuk ke layout(element halaman)>Edit Html>Tekan Ctrl+F
• Cari kode dan pasang kode dibawah ini tepat diatasnya

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});


});
</script>

Kode garis merah merupakan url gambar yang ingin Anda tampilkan di add, silahkan sobat rubah sesuai dengan url gambar yang sobat punya.

Sekarang cari tag dan tempat kode di bawah ini setelah itu.

<div id='pageflip'>
<a href='http://feeds2.feedburner.com/anshuldudeja'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>

Dalam kode di atas dua tulisan berwarna  merah adalah url, Satu untuk link ke iklan dan satu ke gambar yang mengupas selama advertisement.

Nah selesai , selamat mencoba.....

Read More

Tips Optimasi Blog

Tips Optimasi Blog
Masih ingat dengan game Need for speed? Pernah tidak berpikir untuk membuat halaman blognya secepat film Need For Speed ?Tahu tidak kalau kecepatan loading page halaman blog sangat berpengaruh pada kenyamanan pengunjung , selain kualitas konten dan kualitas posting atau tulisan. Sudah menjadi sifat dasar manusia dimana menunggu adalah pekerjaan yang sangat membosankan, ini yang harus kita cermati bersama, jangan sampai pengunjung kabur dan pindah ke situs lain hanya karena blog kita sangat lambat ketika dibuka..walaupun itu hanya telat beberapa detik saja. Faktor kecepatan koneksi juga bisa dikatakan sebagai salah satu biang kerok, meskipun kita berpikir halaman blog kita tampil secepat kilat ketika dibuka pada komputer kita sendiri, tapi tidak begitu khan dengan koneksi pengunjung :)
Berikut ini beberapa tips yang layak dicoba untuk meng-optimalkan loading blog anda…(thanks to O-om.com)

10 Cara Optimasi Halaman Blog Agar tampil lebih cepat:

1. Buang Spasi kosong pada kode HTML
Membuang Spasi kosong termasuk juga dalam teknik kompresi, yaitu dengan memadatkan kode HTML, XML atau PHP dengan cara membuang spasi yang dirasa tidak berguna. Salah satunya  termasuk juga dalam Inline untuk kode Javascript dan CSS. Dengan menghapus ruang kosong tentunya akan menyimpan banyak byte data dan imbasnya akan mempercepat waktu proses download. Untuk membuang Spasi yang tidak perlu saya biasanya menggunakan Tools Editor seperti Notepat++. Caranya sangat mudah, yaitu dengan mem-blok semua kode yang ingin dibuang spasinya kemudian pilih menu TextFX -> TextFX Edit dan pilih Delete Blank Lines atau Delete Surplus Blank Lines.

2. Lakukan Kompresi CSS (Stylesheet)dan javascript
Teknik kompresi CSS ini sebenarnya cukup sederhana, hampir sama dengan cara diatas yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean CSS juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada CSS, silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor dan cssmin.js.
Untuk Javacsript hampir sama dengan CSS yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean Javacript juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada javascript silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor, Closure Compiler dan JSMin

Read More

Shoutmix Banned Blogger asal Indonesia

Shoutmix Banned blogger asal Indonesia

Kemarin aku sempat kebakaran jenggot akibat shoutmixku tiba-tiba kena banned. Saya jadi heran “kok aku di banned ? apa salahku ,aku tak pernah melakukan spamming atau apapun yang dilarang?”. Sayapun  melakukan blogwalking untuk cari tahu apa blog rekan-rekan juga kena banned, dan ternyata “iya”…Tapi yang mengherankan hanya blog sobat asal Indonesia saja yang kena , sobatku yang dari Malaisya tidak kena , juga yang dari China.Saya akhirnya tahu juga jawabannya dari rekan Alkatro dan Ambae.exe. Mungkin saja Shoutmix sedikit kecewa dengan blogger Indonesia yang tidak pernah upgrade accountnya ke premium .

Salah satu cara yang ditempuh untuk mengatasi banned ini adalah dengan mengganti alamat ip anda dengan ip dari Negara lain atau menggunakan Shorten url. Atau sobat bias menunggu beberapa hari ataupun contact adminnya shoutbox .Tapi ini tentu tak mudah bagi sebagian sobat blogger pemula . Jadi ada baiknya sobat pakai saja layanan serupa dengan shoutmix seperti :

1. Cbox

2. Widgetbox

3. Messenger Freak

4. Free Shoutbox

5. My Shoutbox

6. Shout-Box

7. Shoutbox

8. Yellbox

9. Free-Shoutbox.co.uk

10. Free-Shoutbox.net

11. Shoutbox Pro

12. Shoutbox.us

Gimana sudah saatnya mungkin sobat berpikir untuk mengganti shoutmixnya , karena ini bukan yang pertama kali terjadi , lagi pula guestbook yang ada diatas cukup mudah dan cara pasangnyapun sama dengan shoutbox.

Read More

All bloggers tools

All bloggers tools

Mungkin sobat sering ke blog atau situs yang member informasi tentang seputar bloggers tools. Tapi terkadang info yang di dapat hanya sedikit atau terbatas tentang satu macacm saja..misalnya hanya member info tentang widget tertentu atau situs yang memberi counter saja.Bercermin dari kenyataan diatas sayapun mencoba untuk member info yang bias dikatakan cukup lengkap untuk keperluan blogger atau seputar blog tools.

Oh ya , saya rasa sudah cukup basa-basinya ,kita langsung saja ke tkp….

• Blog directory

1. www.bloghub.com/

2. www.bloghints.com/

3. blog-indonesia.com

4. www.bloggingfusion.com

5. www.dmegs.com/

6. www.blogcatalog.com/

7. community.totalblogdirectory.com/

8. www.expat-blog.com/

9. www.imcurtain.com/

10. Mybloglog

11. www.blogadera.com/

12.Technorati

• Social bookmark

1. Facebook

2. Twitter

3. Myspace

4. Digg

5. stumbleupon

• Dofollow community and directory

1. www.dofollow.net/

2. kimmo.suominen.com/sw/dofollow/

3. www.dofollow-directory.com/

4. www.squidoo.com/dofollow

5. www.dofollow.us/

6. dofollow.thegermz.com/

7. dofollow.info/ 

• ping Service

1. http://www.googleping.com/

2. pingomatic.com/

3. www.dailyblogtips.com/ping-list/

4. www.mypagerank.net/service_pingservice_index

5. blogsearch.google.com/ping

6. www.squidoo.com/Ping-Tools

• stats/counter

1. http://www.neoworx.net/

2. http://www.statcounter.com/

3. www.free-counters.co.uk/

4. www.digits.com/

5. www.redcounter.net/

6. www.indostats.com/

7. freelogs.com

8. www.statcounter.com/free_hit_counter.html

9. BestFreeHitCounters.com

10. ProWebCounters.com

11. www.website-hit-counters.com/

• Adsense

1.Google adsense

2. adsensecamp.com

3. kumpulblogger

4. adbrite

5. nuffnang

6. bidvertiser

• Blog analyser

1. mozdeh.wlv.ac.uk

2. analyzers.pearanalytics.com/

3. www.seocentro.com/tools/search.../metatag-analyzer.html

4. www.scrubtheweb.com/abs/meta-check.html

5. www.pipos.co.cc/.../meta-tag-analyzer-check-meta-tag-blog.html

6. www.metachecker.net/

7. www.hypergurl.com/form.html

• css compressor

1. www.csscompressor.com/

2. tools.arantius.com/css-compressor

3. www.cssdrive.com/index.php/main/csscompressor

4. www.cssoptimiser.com/

• widget

1. www.widgetbox.com/

• Flash generator

1. http://www.animacreation.com

2. www.flashvortex.com/generators.php?saveid=32

3. www.poqbum.com/index_flash.php

4. www.effectgenerator.com/

5. www.jellymuffin.com/generators/flash_glitter_text/

• Rss validator

1. Validator.w3.org

2. Jigsaw.w3.org

• Free template

1. www.freewebsitetemplates.com

2. www.freetemplatesonline.com/

3. blogtemplate4u.com

4. www.zoomtemplate.com/

5. www.free-css-templates.com

6. www.freecsstemplates.org/ 

Demikianlah, kira-kira info tadi cukup untuk memenuhi kebutuhan  sobat akan tolls untuk blog kesayaangan anda...Oh ya kalau kawaan punya info lainnya seputar blog tolls , kawaan bisa tuliskan di kolom komentar.

Semoga bermanfaat

Read More

Tips Menjaga dan menaikkan pagerank

Tips Menjaga dan menaikkan pagerank

Berbicara mengenai pagerank adalah berbicara mengenai blog kita di mata google dan pengunjung.Terkadang pagerank yang kita capai merupakan sebuah prestasi dan penghargaan bagi kerja keras kita selama ini..betul khan?.Ada beberapa faktor yang menjadi penilaian Om Google untuk menaikkan pagerank atau sekaligus menjatuhkan pagerank sebuah blog.Sebelum membahas mengenaicara meningkatkan pagerank saya ingin sedikit mereview mengenai kesalahan yang sering kita buat tanpa kita sadari hingga membuat om google tak mau menaikkan ranking kita sobat…’kayak di sekolah saja nih’…Dan parahnya lagi sobat aku salah satu tersangkanya.Karena melakukan beberapa hal yang membuat pagerank masih di TK alias taman kanak-kanak (kelas 0 besar)….sedih rasanya…

Oke deh kita langsung saja...Agar sobat tidak terjebak kayak saya ,tolong hindari apa yang sata tulis dalam daftar di bawah ini (Most Wanted)…(please don’t try this at home…eit salah maksudnya to your blog. He..he..he..)

Please Whatever you think do not do this:

1. Melakukan jual beli link.

2. Mengikuti program Review.

3. Jarang Posting….apalagi jarang mandi…bau khan?...hingga tidak update.

4. Periksa link yang sobat pasang mungkin saja ada yang rusak…

5. Hindari memasang atau mengikuti situs file hosting yang masuk kedalam lampu kuning om Google, salah satunya adalah Ziddu.

Sebenarnya masih ada tips lainnya tapi menurutku yang saya tulis diatas yang paling mendasar karena berdasarkan pengalaman pribadi.Tapi kalau kita sering-sering melakukan blogwalking ke blog sobat yang lain dan meninggalkan komentar pasti deh peringkat akan ikut bertambah.

Semoga apa yang saya tulis tadi bermanfaat bagi sobat terutama buat saya sendiri kalee..

Read More

Tips Membuat Jutaan Traffic Dengan Mudah

 Tips Membuat Jutaan Traffic Dengan Mudah

  

 Posting ini dari sobat saya

Ada kata-kata bijak yang mengatakan "Kejujuran adalah The Best Policy (Kejujuran adalah politik / strategi terbaik)", mari kita buktikan .... Jika konsep keadilan di sini kita dapat digunakan untuk menghasilkan lalu lintas dan popularitas yang sangat besar dari sebuah metode rumit yang ahli atau webmaster pakar SEO ..? ...

Saya percaya kita dapat dari Anda menerapkan metode ini dengan benar ..., jika ini diterapkan ke web / blog sehingga Anda berdasarkan:

~ Blog Anda akan kewalahan dengan lalu lintas pengunjung yang luar biasa hari demi hari, tanpa anda harus repot-repot memikirkan SEO atau capek-capek untuk promosi keberbagai tempat di dunia online.

~ Blog Anda juga akan kebanjiran backlink secara signifikan dari hari ke hari, tanpa repot-repot berburu link keberbagai tempat di dunia Internet.

Hal yang harus Anda lakukan adalah mengikuti langkah-langkah berikut:

Read More

How To Makes Google Loves You

How To Makes Google Loves You

Seperti kata pepatah “Tak Kenal Maka Tak Sayang” maka hal ini juga berlaku pada Google.Jika om Google tak mengenal blogmu maka tak mungkin kan om Google akan sayang padamu. Nah , oleh karena itu sobat perlu mengenalkan diri(blog sobat) kepada om yang paling terkenal ini.Sobat bisa berkenalan dengan Om Google (disini).Bagaimana sudah kenalan tidak? Kalau sudah ,selamat ya? .Tapi ingat ini baru perkenalan awal jadi jangan senang dulu karena om Google tak akan langsung jatuh hati hanya dengan berkenalan singkat saja.Masih ada beberapa langkah sederhana namun penting untuk dilakukan ,jangan takut gampang dan simple kok..yaitu:

1. Berkenalan singkat dengan Om Google

2. Berkenalan lebih dalam (lebih intim) dengan Om Google

3. Memberi photo (alamat) pada Om Google

4. Berkenalan dengan keluarga Om google

5. Mendapatkan persetujuan dari Masternya Om Google.

Gimana? Sobat sudah mencoba trik yang saya tulis diatas?.Bagus…bagus…Sekarang kita tinggal selangkah lagi untuk membuat Om Google Jatuh hati. Seperti halnya saya atau kita pada umumnya pasti akan mudah jatuh hati pada wanita cantik dan menarik ,begitu juga dengan Google. Dia pasti akan lebih memprhatikan blog yang cantik dalam pengertian cantik themesnya dan tak tak lambat saat loading, cantik dan menarik tata letaknya,cantik isinya dan tentunya artikelnya menarik tentunya.Nah untuk artikel (posting) sobat harus ingat satu hal(terutama bagi pemula)jangan pernah mengkopy-paste tulisan orang terus dipajang pada blog karena itu sangat dibenci oleh om Google dantentunya si empunya tulisan . Kalaupun sobat kekurangan ide sobat bisa mengkopy tulisan dari blog lain tapi melampirkan nama dan alamat blog pemiliknya agar tidak melakukan scam atau spamming.Dan yang terakhir ini penting agar Om Google dan tante Alexa semakin cinta dengan anda yaitu SEO optimasi dengan membuat tulisan dengan judul yang bisa mengoptimalkan SEO.Contoh: Tips meningkatkan Alexa Page Rank,Cara menurunkan berat badan,tips download gratis. Mengapa karena kata-kata itulah yang paling sering diketikkan pada mesin pencari Google,Yahoo dan sebagainya.Om

Selesai deh,bila sobat (terutama newbie) melakukan tips tadi saya yakin Om Google pasti jatuh cinta pada blog sobat.

Makasih ya..sudah mampir dan membaca tips saya.Oh ya bagi sobat yang setuju atau ingin menambahkan dari apa yang saya tulis diatas mohon beritahukan pada sobat lain dikolom komentar.Semoga bermanfaat.

Read More

Cara mengimport blog ke facebook dan twitter

Cara mengimport blog ke facebook dan twitter

Ada banyak cara yang bisa kita lakukan untuk mempromosikan blog agar lebih dikenal dan dikunjungi .Apalagi bagi sobat yang mempunyai akun Facebook dan twitter,sobat bisa memajang atau mengimport blog atau posting anda pada kedua situs jejaring sosial yang paling terkenal tersebut.Apalagi bagi sobat yang mempunyai blog baru,tentunya kedua situs pertemanan tersebut sangat membantu untuk mempromosikan blog sobat, gimana tertarik???

   Untuk Facebook

• Klik http://www.facebook .com/notes.php?impor atau klik link ini

• masukkan url feed sobat http://alamatblogsobat.com/feeds/posts/default

• beri tanda centang “dengan memasukkan alamat”anda menyatakan bahwa anda memilki wewenang untuk mengijinkan kami untuk mereproduksi dan menyebarkan tulisan atau gambar tersebut di halaman facebook dan bahwa tulisan tersebut tidak melanggar atau dilarang

• klik mulai mengimport

• akan muncul postingan anda klik tulisan konfirmasi import

• Selesai deh

   Untuk twitter

• Login ke twitter dan pastikan Anda sign in dengan account yang sobat ingin untuk diimpor RSSnya

• Klik website ini dan mendaftar. http://rss2twitter.com/ (yang ini masih dalam tahap beta namun hasil yang baik (Safari 4 on Mac OSX)

• Pastikan Anda mendapatkan e-mail konfirmasi dan aktifkan.

• Tambahkan account twitter dengan mengklik pada "rekening menambahkan" ini akan membawa sobatke situs twitter di mana sobat perlu untuk mengklik "Allow"

• Ketika Anda selesai sobat terhubung dengan rss2twitter.

• Klik pada "feed saya" dan menambahkan feed. Cukup ikuti langkah-langkah mudah kok.

• Ada tiga pilihan opsional yang dapat digunakan sebagai filter dalam RSS feed. Dengan cara ini Anda dapat selalu menambahkan # pemasaran atau # socialmedia .

• Selesai.

Selamat mencoba dan semoga berhasil

Read More

Membuat mesin pencari untuk isi blog

Membuat mesin pencari untuk isi blog

Kadang ada pengunjung blog sobat yang ingin melihat posting tertentu,tapi mereka malas atau bingung mencarinya sementara isi artikel dari blog sudah berjubel jumlahnya.Bisa-bisa pembaca pada ngabur karena capek mencari.Nah untuk mengatsi masalah ini saya rasa solusi yang tepat adalah dengan memasang mesin pencari di sidebar blog blogger Anda. Gadget pencari ini akan bekerja seperti mesin pencari atau search engine dan mencari semua posting di blog sobat,caranya cukup copy dan paste kode html di bawah ini:

<form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Cari disini" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Cari" type="submit"></form>

sobat bisa mengedit kata "cari disini" dengan kata yang anda sukai,seperti temukan disini atau kata lainnya.Begitu juga dengan kata "cari",sobat bisa menggantinya sesuai dengan keinginan. seperti go atau apa saja deh.

Selamat mencoba

Read More

Cara meningkatkan pembaca pada blog

Cara Meningkatkan Pembaca Pada Blog

Setiap kali Anda membangun sebuah blog atau website, ada banyak hal yang perlu dipertimbangkan. Blogs datang dalam segala bentuk dan ukuran. Beberapa desain yang di luar sana hari ini benar-benar mempesona ditambah dengan menggunakan alat seperti Blogger dan Wordpress memungkinkan kreativitas ini akan dirilis ke desain yang expresif. Tapi dengan kemampuan luar biasa ini untuk menjadi kreatif tentunya menimbulkan. Sewaktu membuat konten menarik dalam blog, anda berusaha keras menarik pengunjung baru, menciptakan sebuah blog yang mempunyai post ,content,desain,dan tulisan yang menarik dan informatif bagi pengunjung adalah cara yang sangat efektif untuk menjaring pembaca dan pengunjung yang mencari informasi dan blog yang bermutu. Orang-orang datang ke blog tersebut untuk membaca artikel dengan isi yang baik, dan tentunya dengan gaya penulisan yang mudah untuk di baca. Terimakasih pada steppinoutblog yang telah menulis artikel menarik ini.

Apakah Anda menyadari bahwa pembaca adalah salah satu aspek yang paling penting sebuah blog untuk menyampaikan tujuan dari sang pembuat artikel?. Tapi apa yang dibaca? Pembacaan adalah ukuran dari betapa mudahnya untuk membaca dan memahami dokumen atau dengan kata lain, itu berarti betapa mudahnya untuk membaca konten Anda.

Hal pertama yang pertama. Apakah Anda tahu bahwa ada dua jenis pembaca online?

* Methodical: Mereka membaca posting dari atas ke bawah tanpa banyak pemindaian.

* Scanners: Mereka memindai tajuk berita dan gambar-gambar dan menampilkan elemen lainnya tanpa membaca semua teks.

Ada beberapa point penting yang saya rasa harus diterapkan pada blog anda,agar menjaga para pembaca blog anda merasa nyaman dan betah membaca artikel yang anda buat? 

Read More

Menambahkan Scrollbar ke Blog Widget 1

Menambahkan Scrollbar ke Blog Widget 1

Kita mungkin sering kesulitan dengan panjangnya widget,postingan,daftar ling,ataupun label dari sekian banyak postingan yang telah dibuat.Tentunya hal ini akan membuat blog terlihat panjang atau tak termuat lagi pada blog template blog,bikin pusing pastinya.Kita akan membahas bagaimana menyesuaikan desain template untuk menyertakan scrollbars dan berbagai modifikasi yang dapat dibuat ke stylesheet.

The "overflow" gaya properti

Pertama, mari kita menjelaskan apa kode adalah. Kami menggunakan "overflow" properti untuk menciptakan scrollbars dalam CSS atau stylesheet. Ada beberapa nilai yang dapat ditugaskan untuk itu, meskipun tidak semua berguna untuk tujuan kita.

1. overflow: visible

Ini adalah nilai default. Konten tambahan yang diberikan baik di luar kotak atau panjang kotak diperluas untuk menyertakan konten tambahan. Jangan repot-repot untuk menggunakan blog di Blogger ini karena Anda akan melihat isi dari widget yang tumpang tindih seperti ini: --

 

2. overflow: hidden

Hal ini akan memotong konten tambahan yang melimpah dan tidak akan ada scrollbar ke kotak. Itu tidak melayani tujuan kita juga.

 

3. overflow: scroll

Konten tersebut dipotong tetapi akan ada scrollbar pada kedua sisi.

4. overflow: auto

Kita seperti atribut ini. Pada dasarnya, ini menginformasikan kepada browser untuk menampilkan scrollbar yaitu hanya bila diperlukan, bila konten yang melimpah pengaturan lebar dan tinggi.

Scrollbar di Semua Widgets

Sekarang kita tahu apa kode tidak, kita dapat menerapkannya pada template kita. Jika kita memiliki banyak pernak-pernik di sidebar kita, kita dapat menentukan ketinggian tetap untuk semua widget. Dengan hati-hati direncanakan, tata letak kita bisa terlihat sangat rapi karena semua widget akan memiliki ketinggian yang sama.

Login dan masuk ke Template -> Edit HTML. Masukkan potongan kode ini. Untuk kemudahan referensi, kami telah menambahkan di bawah / * Sidebar Content * /: -- 

/* Sidebar Content */ .sidebar .widget{ height:200px; overflow:auto; }

Dalam contoh ini, kita menerapkan 200px tinggi ke widget. Ini dapat diubah ke nilai-nilai lain. Lihat kedua sidebars. Perhatikan kerapian dan keteraturan. Berhati-hatilah meskipun jika Anda memiliki AdSense Iklan di sidebars. Itu bertentangan KL AdSense untuk memotong Iklan dan meletakkan mereka scrollbars Unit Iklan.

Oke sekian dulu untuk kali ini.Kelanjutannya akan dibahas pada postig saya berikutnya.
Terimakasih 

Read More