Membuat Daftar Isi Blog Pada Halaman Artikel Bag I

Bagi blog yang sudah memiliki banyak tulisan dengan kategori yang bebeda-beda, menambahkan TagCloud dan Blog Archieve saja tidaklah cukup. Karena itu perlu adanya penambahan site map (peta situs), yang dalam hal ini adalah daftar isi (table of content), dimana dengan daftar isi ini setiap pengunjung dapat melihat keseluruhan artikel yang terdapat di dalam blog tersebut melalui judul-judul artikel yang ditayangkan.

Ada beberapa bentuk daftar isi (table of content) yang biasa digunakan para blogger, mulai yang disimpan pada halaman artikel, widget sidebar, sampai yang dibuat sebagai halaman blog. Nah, kali ini saya akan coba membahas tentang table of content yang ditempatkan pada halaman artikel.

Pada tulisan pertama ini akan dibahas mengenai daftar isi (table of content) yang dibuat oleh Abu Farhan, salah seorang Master Blogger kita yang sudah sangat terkenal hingga manca negara. Ada dua jenis yang ia buat: Pertama, daftar isi yang diurutkan berdasarkan kategori atau label, dan kedua, diurutkan berdasarkan tanggal posting.

Daftar Isi Berdasarkan Label

Contoh daftar isi ini bisa kamu lihat di blog ini. Dan cara membuatnya:

• Seperti biasa, login ke Blogger.
• Kemudian buat sebuah Entri Baru atau Laman Baru dan pilih Edit HTML.
• Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
• Jika memilih Entri Baru, klik pada Opsi Entri dan setting supaya dipublikasikan mundur (ke tanggal pertama kali kamu posting).
• Kopikan script berikut (gunakan Control C) dan ganti NamaBlog sesuai nama Blog kamu:

  
  <script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v1.js"></script>
  <script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  

  atau kamu bisa gunakan source script aslinya dari Abu Farhan, dengan mengganti alamat berwarna biru dengan alamat ini:

  
  http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js
  

• Setelah di-paste, klik Terbitkan Entri dan ucapkan Alhamdulillah...

Daftar Isi Berdasarkan Tanggal

Contoh daftar isi ini bisa kamu lihat di blog ini. Dan cara membuatnya:

• Langkah ke-1 sampai dengan ke-4 sama dengan di atas.
• Kopikan script berikut dan ganti NamaBlog sesuai nama Blog kamu:

  
  <script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v2.js"></script>
  <script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  

  atau kamu bisa gunakan source script aslinya dari Abu Farhan, dengan mengganti alamat berwarna biru dengan alamat ini:

  
  http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js
  

• Setelah di-paste, klik Terbitkan Entri dan ucapkan Alhamdulillah...

Sekarang tinggal kamu pilih salah satu dari kedua model daftar isi itu. Atau jika mau kedua-duanya juga boleh, hanya harus dibuat dua halaman berbeda. Setelah itu buatlah link ke daftar isi ini. Link ini bisa kamu tempatkan pada navbar menu atau pada sidebar blog kamu (lebih jelasnya tentang link, silahkan baca artikel ini).
Link-nya misalnya seperti ini (jika memilih entri baru):

<a href="http://NamaBlog.blogspot.com/2009/03/daftar-isi-berdasarkan-label.html">Daftar Isi</a>

atau seperti ini (jika memilih laman baru):

<a href="http://NamaBlog.blogspot.com/p/daftar-isi-berdasarkan-label.html">Daftar Isi</a>

Jika tulisan-tulisan kamu sudah banyak sehingga jika dilihat daftarnya akan sangat panjang, maka buatlah scroll untuk daftar isi ini, seperti daftar isi pada blog ini. Caranya kamu tinggal menambahkan perintah overflow.

Ok coy, selamat mencoba....

Diposting oleh Unknown 23.15 0 komentar

cara membuat tombol back to top kembali keatas pada blog

pada malam hari ini saya akan share tutorial blog, yaitu cara membuat tombol back to top | kembali keatas pada blog, sebelumnya sobat tau apa itu back to top ? atau kembali keatas ? widget ini adalah widget yang berfungsi untuk mempermudah pengunjung blog untuk kembali kebagian atas dari blog kita tampa harus mengscroll ke atas apalagi kalau postingan blog kita panjang benar, dan pengunjung ingin kembali keatas dengan cepat, dan inilah peran dari tombol berikut. cara memasang tombol ini juga tidak susah untuk itu dari pada sobat membaca tulisan saya yang kurang bermutu langsung saja ke artikel mengenai cara membuat tombol back to top | kembali keatas pada blog


pertama sobat yang pasti login ke blogger
kemudian masuk ke bagian template blog sobat
setelah itu cari kode </body> ( gunakan F3 untuk mempercepat pencarian )
bila sobat sudah menemukan </body> kemudian sisipkan kode dibawah ini tepat di atas kode </body>

<!-- Bact to top By blogspot.com  -->
<a href=# style=display:scroll;position:fixed;bottom:5px;right:5px; title=Back to Top><img src=  http://www.apv.com/images/BackToTop.jpg /></a>

hasil gambarnya akan seperti ini :

sobat bisa mengganti tampilan gambar back to top dengan mengganti link yang berwarna biru
atau sobat bisa menggunakan yang ini :http://vgoffice.catholic.org.hk/images/icon/backToTop.gif atau yang lainnya silahkan googling dan cari yang sobat sukai

ya cukuplah sudah tutorial mengenai cara membuat tombol back to top | kembali keatas pada blog yang cukup simple, semoga dengan tutorial ini sobat bisa terbantu terima kasih

Diposting oleh Unknown 11.00 0 komentar

Meta Tag Beresiko Jika Dipasang Pada Blog

Meta Tag Beresiko Jika Dipasang Pada Blog - Meta Tag adalah susunan dari beberapa code html yang dipasang dalam blog, dan berfungsi untuk membantu robot mesin pencari untuk memahami isi dari sebuah blog tersebut, dengan tujuan agar blog tersebut menjadi lebih SEO Friendly dan mendapatkan rangking penideksan di mesin pencari seperti, google, yahoo, bing dan sebagainya.

Dengan berkembangnya robot dari berbagai macam search engine khususnya google yang merupakan search engine terbesar dan yang paling banyak digunakan saat ini, sehingga ada beberapa meta tag yang berbahaya jika di pasang pada blog. Mengapa berbahaya ? karena robot mesin pencari google tidak menyukai meta tag seperti ini sehingga jika kita pasang akan sangat beresiko terhadap blog kita, silahkan Anda Memahami Meta Tag SEO Friendly.

Langsung saja berikut adakah beberapa Meta Tag yang beresiko jika dipasang, antara lain :

<meta content=1 days name=revisit-after/>

<meta content=20 http-equiv=refresh/>

<meta http-equiv=refresh content=50; url=http://blogspot.com/>

Mengapa kedua meta tag tersebut bisa dikatakan sebagai meta tag beresiko ? Mari kita simak penjelasan mengenai meta tag yang beresiko dan berbahaya jika di pasang pada blog di bawah ini :

1. Meta Tag Revisit After

<meta content=1 days name=revisit-after/>

Meta tag revisit-after di gunakan untuk memberitahukan kepada robot mesin pencari untuk mengatur tingkat perayapan search engine google. Tetapi sekarang meta tag revisit-after sudah di abaikan oleh google sehingga meta tag ini sudah tidak diperlukan lagi. Umumnya meta tag revisit-after ini sering digunakan di antara para pelaku spam, sehingga meta tag ini bisa dikatakan sebagai meta tag yang Tidak SEO Friendly. Sehingga meta tag revisit-after tidak perlu dipasang karena google sudah mengatur tingkat perayapannya sendiri terhadap suatu situ web/blog.

2. Meta Tag Refresh

<meta content=20 http-equiv=refresh/>
<meta http-equiv=refresh content=50; url=http://blogspot.com/>

Meta tag refresh adalah meta tag yang sangat tidak di anjurkan di pasang pada setiap blog. Karena jika suatu blog menggunakan meta tag refresh akan sangat di sayangkan karena si pembaca pasti akan kesal dengan apa yang terjadi pada blog Anda, terutama ketika si pembaca sedang asik-asiknya membaca artikel Anda kemudian merefresh sendiri itu akan membuat jengkel si pembaca, sehingga si pembaca akan kapok mengunjungi blog Anda. Selain itu jika ada pembaca yang sedang menulis komentar yang panjang dan tiba-tiba merefresh sendiri sehingga komentar tersebut hilang dan akhirnya si pembaca menulis komentar yang pendek saja.

Fungsi meta tag ini hanyalah untuk mendapatkan pageview yang tinggi, tetapi google tidak menyukai blog yang menggunakan meta tag refresh ini.

<meta content=20 http-equiv=refresh/>
meta tag tersebut berarti setiap 10 detik artikel yang sedang dibaca akan mereload sendiri.

<meta http-equiv=refresh content=50; url=http://blogspot.com/>
meta tag tersebut berarti setiap 50 detik akan merelaod ke URL http://blogspot.com.

Itulah beberapa meta tag yang beresiko dan membahayakan jika Anda pakai pada blog Anda. Sebaiknya Anda memakai Meta Tag Penting dan Meta Tag Tidak Terlalu Penting dibandingkan dengan memakai Meta Tag Beresiko.

Diposting oleh Unknown 11.30 0 komentar

Optimasi Font Pada CorelDRAW X5

Optimasi Font Pada CorelDRAW X5 bertujuan agar CorelDRAW dapat memuat font dengan lebih cepat. Bagi sebagian besar desainer, sering memasang font pada komputernya lebih dari seribu font bahkan ada yang lebih dari 6000 font. Tentu saja hal ini sangat berpengaruh pada proses pengerjaan desain terutama saat akan melakukan pemilihan font yang dipakai. Secara default, CorelDRAW akan memuat font dengan menggunakan font tersebut sebagai tampilannya.

Secara default tampilan seperti gambar dibawah ini;

Akibatnya saat kita mengklik “font list”, CorelDRAW akan seperti hang (lama loading-nya) karena proses me”load” seluruh font yang terpasang.

Kita bisa mengoptimasi font pada CorelDRAW X5 dengan cara berikut :

1. Pada Menu Bar --> klik Tools --> Options… atau tekan Ctrl+J di Keyboard
2. Buka bagian Text --> Font
3. Hilangkan centang pada Show flyout with available font styles beside font list dan Use font to display font name
4. Lalu centang bagian Show flyout with font sample beside font list

Lihat gambar dibawah :

Nanti setelah selesai klik OK

Dan hasilnya akan terlihat seperti gambar berikut :

Dan silahkan bandingkan sebelum dan sesudah dioptimasi, kecepatan memuat font akan terasa jauh berbeda. 

Sumber : Aka Desain

Diposting oleh Unknown 20.00 0 komentar

Menyesuaikan Tampilan Website Pada Semua Browser

Sebagai seorang web developer, anda tentu ingin mengoptimalkan tampilan website / blognya di semua browser seperti Mozilla Firefox, Google Chrome, Opera Mini, Maxthon, Rockmelt, Safari, dan Internet Explorer dengan baik. Lalu bagaimana cara untuk menguji situs anda ke semua web browser tersebut ?

Caranya akan dibahas pada kesempatan tutorial kali ini. Seperti yang kita ketahui Internet Explorer yang merupakan jendela browser milik Microsoft, kurang memiliki teknologi yang digunakan oleh browser lain saat ini. Sebut saja CSS 3 dan HTML 5. Beberapa perintah script kode yang berkaitan dengan bahasa tersebut, terkadang tidak di support oleh Internet Explorer sehingga tampilan situs anda menjadi kurang menarik dan sering terlihat berantakan. Contohnya apabila anda memasang widget musik, kotak komentar facebook, atau membuat efek zoom pada gambar belum tentu semuanya akan tampil dan berjalan dengan baik di browser tersebut.

Memang keunggulan dari Internet Explorer mulai dari versi terbaru 9 dan yang lainnya memiliki Tingkat Security yang bagus. Tetapi di balik itu semua, Microsoft pun mungkin sadar akan kekurangan ini, sampai-sampai membuat cara bagaimana membuat sebuah kondisi di mana halaman web dapat mendeteksi apakah browser yang digunakan itu IE atau bukan. Caranya adalah dengan menambahkan sebuah komentar HTML pada halaman web, maka dari itu dinamakan Conditional Comments.

Bagaimana cara menggunakan conditional comments tersebut? Caranya mudah, kita tinggal menambahkan kode :

<!--[if IE]>
    <p>Browser yang kamu gunakan adalah Internet Explorer, Bukan Google Chrome.</p>
<![endif]-->

Mungkin jika anda pengguna Blogger, pada saat mengedit template terkadang melihat kode seperti diatas. Kode tersebut akan bekerja hanya pada Internet Explorer. Sekarang coba refresh halaman web kamu. Jika kamu menggunakan IE versi apa saja, maka akan muncul paragraf tersebut. Cara ini juga digunakan untuk styling pada halaman web menggunakan CSS. Karena kode load CSS sebaiknya disimpan di head, maka conditional comment juga harus dsimpan di head. Cara menggunakannya adalah:

<!--[if IE]>
    <link rel="stylesheet" href="style_ie.css" type="text/css" />
<![endif]-->

Untuk menguji tampilan blog atau website anda di semua browser tentu anda harus melihatnya satu persatu dengan browser yang sebelumnya telah anda download. Untuk mempermudah dalam pengujian tampilan website, kita dapat menggunakan sebuah layanan yang disediakan oleh sebuah situs terkenal. Anda dapat mengetes dan melihat interface situs anda di www.browsercam.com

Dengan menggunakan beberapa tools layanan tersebut, anda dapat mengambil screenshoot sebuah URL menggunakan browser yang mereka miliki. Fungsi berikut fitur lainnya adalah pemotongan gambar, sistem operasi, email, dan juga dapat diakses melalui perangkat mobile (Android, Blackberry, IPhone,Windows Mobile).

Bagi anda para web developer, designer, web master, atau creator template dapat menggunakannya dengan sangat mudah. Anda hanya perlu melakukan registrasi terlebih dahulu. Semoga artikel yang khusus dengan durasi 5 menit ini dapat bermanfaat.

Tampilan situs merupakan hal yang paling diutamakan oleh seorang pengembang dan pembangun website. Interface yang bagus disertai navigasi yang tepat akan disenangi pengunjung dan mempermudah melakukan pencarian.

Cara Membuat Iklan Menjadi Optimal Sesuai dengan tampilan website dengan tombol close 1x (kali) click.

Diposting oleh Unknown 10.00 0 komentar

Tips cara menghilangkan flek hitam pada wajah secara alami

Cara menghilangkan flek hitam di wajah - Anda tidak perlu menyembunyikan flek hitam pada wajah dengan menggunakan make-up tebal atau melakukan perawatan peeling yang menyakitkan. Ada cara sederhana untuk bisa membuat tanda-tanda penuaan itu menghilang dari wajah Anda. Yuk ikuti beberapa tips cantik dari Livestrong.

Memakai Jeruk Nipis 
Siapkan satu buah jeruk nipis, belah menjadi dua bagian dan gosokkan ke wajah dengan lembut. Tunggu hingga kering, bersihkan wajah dengan air hangat kemudian bilas dengan air dingin. Lakukan secara teratur, namun hindari pemakaian jeruknipis pada bagian kulit yang sedang luka akibat jerawat karena dapat menimbulkan perih pada kulit, usapkan dan lakukan pemijatan cukup dibagian yang kamu butuhkan.

Dengan Bengkoang
Kupas dan cuci hingga bersih, parut bengkoang lalu peras. Endapkan sebentar dan ambil saripatinya. Gunakan saripati bengkoang tersebut sebagai masker wajah. Diamkan hingga masker mengering, cuci wajah dengan air hangat dan bilas dengan air dingin. Lakukan perawatan secara rutin 2 kali seminggu. Masker ini juga berfungsi untuk memutihkan kulit dan mengatasi kulit ladies yang kusam.

Dengan parutan Timun
Parut mentimun, kemudian gunakan parutan tersebut sebagai masker wajah. Diamkan hingga mengering, cuci dengan air hangat dan bilas dengan air dingin, selain memperbaiki sel kulit mentimun juga memberikan kelembaban dan kesegaran pada kulit wajah kamu.

Memakai Semangka
Siapkan daging buah semangka, haluskan dengan blender. Gunakan sebagai masker dan diamkan selama 15 menit. Bersihkan wajah dengan air hangat kemudian bilas dengan air dingin. Lakukan perawatan ini rutin 2 minggu sekali.

Menghilangkan flek hitam menggunakan lemon
Remas-remas sebuah lemon di atas meja dapur selama beberapa detik, gunakan sedikit tekanan dengan tangan Anda untuk melepaskan bulir-bulir di dalamnya dari membran.

Iris lemon dan peras airnya di atas saringan atau kain katun tipis yang telah diletakkan di atas sebuah cangkir atau mangkuk. Celupkan kapas ke dalam mangkuk atau cangkir, kemudian gunakan kapas itu untuk mengompres daerah yang dipenuhi flek hitam.

Biarkan air lemon itu mengering di wajah Anda. Kemudian bilas wajah Anda dengan air dingin. Ulangi perawatan ini setiap pagi dan malam sampai flek-flek hitam itu memudar.

Mudah bukan? Anda hanya perlu lebih telaten dalam melakukannya. Sebab jika tidak, Anda tidak akan mendapatkan hasil yang maksimal dari perawatan ini.


cara menghaluskan kulit secara alami
cara memutihkan kulit dengan bengkuang
tips sederhana menghilangkan jerawat

Diposting oleh Unknown 16.45 0 komentar

Samsung Akan Meluncurkan Galaxy Note 10 1 pada 15 Agustus

Samsung sekarang ini sedang mempersiapkan sesuatu untuk tanggal 15 Agustus mendatang, meskipun masih belum diperoleh informasi mengenai event tersebut. Sejumlah editor CNET telah mendapatkan undangan untuk event yang akan berlangsung di New York seperti tampak di bawah ini.

Tidak ada informasi sedikitpun mengenai detail event tersebut. Sebagian hanya dapat menebak jika pada kesempatan itu Samsung akan menggelar debut Galaxy Note 10.1 yang pertama kali diumumkan pada Mobile World Congress (MWC) akhir Februari lalu. 

Pemikiran ini didasari oleh sejumlah faktor, antara lain divisi yang mengirim email adalah Samsung Electronics America. Biasanya divisi ini menangani peluncuran perangkat non-smartphone, seperti tablet. Galaxy Note 10.1 ini bisa dibilang merupakan versi besar dari Galaxy Note 5.3 inci yang telah dirilis tahun 2011 lalu.

Source: Samsung 

Diposting oleh Unknown 05.00 0 komentar