Selasa, 25 September 2012

Tool Parse HTML

tool parse html tutorail blo
Info Blog-Sahabat mahir blogger, ini adalah sebenarnya adalah kelanjutan artikel saya pada postingan saya mengenai pengenalan Parse HTML atau boleh dikatakan ini adalah postingan saya untuk mempermudah sahabat blogger semua yang ingin memparse HTML-nya.
Blogger mahir (saya) juga berharap semoga dengan hadirnya postingan ini, yang isinya memang sebatas tool yang akan mempermudah Anda untuk memparse HTML Anda dapat membuat Anda lebih betah di blog ini, hehehehe :) 

Yups, dari pada lama-lama, silahkan saja buat teman-teman yang ingin memparse HTML-nya silahkan saja masukkan kode HTML Anda ke dalam kotak parse/convert HTML di bawah. Kemudian, klik tombol convert untuk mendapatkan hasil parse HTML. 
Nah, jika Anda ingin memparse/convert HTML yang lebih banyak, klik saja tombol clear kemudian masukkan kode HTML Anda yang lain. Tool ini menurut saya sangat memudahkan Anda jikalau Anda berkutat pada masalah HTML ini.
©Webmaster Tools | Parse HTML Tools
Nah semoga, tool ini bermanfaat buat Anda, nah berikut beberapa artikel yang saya rekomendasikan buat Anda untuk menambah wawasan Anda :
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Mohon, selalu sertakan link berikut jika Anda ingin mengambil artikel ini :

Kamis, 20 September 2012

Pengertian HTML Parse/Parse HTML

HTML Parse-Info Blog
Info Blog-mahir blogger kali ini akan menampilkan / memberikan sedikit definisi mengenai parse HTML, atau ada juga yang mengistilahkan HTML Parse. Tapi, apa pun itu saya hanya memberikan sedikit definisi, walaupun saya juga mengutip dari beberapa artikel. Tapi, menurut saya ini sudah cukup untuk memenuhi dahaga istilah / info blog yang Anda mungkin tidak ketahui (p-cYNdjpxathAaF).
HTML Parse atau Parse HTML adalah satu cara yang di gunakan para blogger untuk memposting artikel yang berkaitan dengan code HTML/javascript. Dengan memparse HTML Anda dapat memasukkan kode HTML tertentu pada postingan artikel Anda.

Mungkin, ada yang bertanya, Bukankah akan lebih mudah, jika kode HTML yang sudah kita buat langsung saja diletakkan di dalam postingan ?
Jawabnya, bisa saja. Cuman, ada beberapa kasus dimana di saat Anda misalnya ingin membuat tampilan postingan Anda lebih cantik seperti misalnya di dalam postingan Anda Ingin membuat Text Area, dan di dalam Text Area itu Anda ingin meletakkan kode HTML. Maka, untuk melakukan hal demikian Anda harus memparse HTML Anda.
Jadi, sudah jelas bahwa dengan mem-parse HTML Javascript, maka akan:
Agar kode yang kita posting di dalam artikel akan tampil menjadi sebuah karakter/tulisan. Karena jika kita memposting kode script ke dalam artikel, maka tulisan tidak akan muncul atau malah muncul sebagai widget.
Ini pernah terjadi pada saat awal-awal saya di dunia blogger (Ya, walaupun sampai sekarang saya masih newbie).
Tapi, point yang ingin saya sebenarnya tekankan adalah mengenai kemudahan yang akan Anda dapatkan dengan memparse HTML Anda.

Nah, semoga pengertian di atas mengenai Parse HTML / HTML Parse atau ada juga istilah lain yaitu convert code HTML dapat bermanfaat buat Anda

Berikut adalah artikel yang dapat Anda baca sebagai referensi penambah suplement pengetahuan blog Anda :
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Jika ingin mengambil artikel ini, silahkan selalu sertakan link berikut :

Mempercepat Loading Blog

Mempercepat-Loading-Blog-tutorial
Info Blog-Blogger mahir pada kesempatan kali ini sebenarnya ingin share kepada Anda tenatng masalah loading pada blog. Sebelumnya sebenarnya, saya sudah membahas mengenai "Bagaimana cara mengetahui kecepatan loading blog" dengan memberikan Anda tools atau alat yang dapat mendeteksi kecepatan blog Anda. Jika belum membaca, silahkan Anda membaca dalam postingan saya yang berjudul "Seberapa cepat Loading Blog Anda".
Info blog yang sebenarnya saya mau eksplore kepada Anda ini adalah salah satu pengalaman saya. Saya ingin share karena saya yakin ini akan sangat bermanfaat buat Anda para blogger yang menginginkan dan mendambahkan blog yang selama ini dengan tekun di pelihara (dalam artian : posting artikel secara rutin, mempercantik tampilan blog, melakukan promosi blog, etc) menjadi blog yang cepat loading-nya. Karena saya percaya bahwa, para pembaca blog kita itu biasanya akan sangat memperhatikan masalah kecepatan blog kita.
Para petualang dunia blog, peselancar (surfing) dunia maya adalah rata-rata orang yang tidak sabaran. Ingin isntan, termasuk dalam mencari literatur misalnya. Oleh karena itu, memang adalah salah satu kewajiban kita mungkin (pemilik blog) untuk memberikan apa yang diminta oleh para pengunjung blog kita.
Okey, mungkin sudah cukup prolog saya. Siapa tahu nanti ada yang protes, hehehe.
Mempercepat loading blog, memang ada beberapa cara yang dapat dilakukan dan yang paling umum yang saya temukan selama ini adalah dengan meng-kompres kode-kode HTML blog. Tapi, dalam beberapa kasus misalnya (pernah saya alami sendiri) jikalau Anda tidak hati-hati dalam meng-kompres kode HTML ataupun kode CSS blog Anda bukan tidak mungkin tampilan blog Anda nantinya akan rusak. Makanya, dalam proses kompress kode HTML ataupun CSS blog ada konsekuensi, tapi waktu saya mendapat pengalaman seperti itu, untung saja saya mendownload/mengcadangkan template saya. Ini adalah pelajaran penting juga buat Anda, bukan hanya untuk saya. Dan saya pun ingin selalu memberikan peringatan buat Anda jikalau Anda misalnya membaca beberapa postingan saya ataupun postingan para blogger yang lain yang memberikan tutorial blog dalam membuat suatu perintah (baca :menambahkan widget, mempercantik blog, dsb) Anda harus selalu mencadangkan/mendownload template atau melakukan pratinjau terlebih dahulu jika Anda sedang menotak-atik kode HTML blog Anda. Ini adalah langkah kehati-hatian.
Okey, kembali panjang lebar lagi kayaknya...!
Sebelum mengikuti tips, info, atau tutorial blog saya mengenai cara mempercepat loading blog, langkah awal yang Anda harus lakukan adalah mengecek dahulu kecepatan awal blog Anda. Agar nantinya dapat menjadi pembanding, apakah tips, info, atau tutorial blog dari saya ini betul-betul berhasil pada blog Anda.

Bukti awal kecepatan blog saya sebelum saya melakukan modifikasi ini adalah (lihat gambar berikut ) !
mempercepat-loading-blog-info-blog
Kecepatan Blog Awal


Nah, dalam gambar terlihat bahwa kecepatan awal blog saya sebelum saya melakukan percepatn loading blog adalah 21,756 detik. Mungkin, nanti akan kaget setelah melihat gambar setelah saya melakukan modofikasi. Nih, gambar kecepatan loading blog akhir saya :
Mempercepat-Loading-Blog-tutorial
Kecepatan Blog Akhir
Ya, setelah saya melakukan modifikasi maka terlihat pada gambar di atas kecepatan blog saya berubah secara drastis kurang lebih sekitar 50 % dari kecepatan awal 21,756 menjadi 10,790. Memukau mungkin.

Bagaimana hal itu bisa terjadi ??? Rahasianya: saya memasangkan sebuah script khusus dalam kode HTML blog saya. Script khusus itu sering disebut Script Lazyload.

Bagaiamana tutorial cara pemasangannya ?

1. Kembali yang pertama sekali adalah Anda harus log in dulu ke blog Anda
2. Langsung menuju bagian Tab Template
3. Mohon lakukan dulu, pencadangan/download template Anda dulu sebelum melangkah ke step selanjutnya.
4. Setelah itu, klik Edit HTML > Lanjutkan
5. Centang Expand Template Widget.
6. Cari kode </head>
7. Copy paste kode di bawah ini, letakkan di atas kode HTML </head>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://zonaku.googlecode.com/files/loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0he-Mm3pPIKDvVbTx4R1e7lupl5fGAKoPnoFWiy3BOXmG9j-RcLm80AlbzSBmWzE7b9UpUvKbN159_xh_rTZP1E3bCcuK9YBppos0bsUQ7YdvThHCJW-MSdEnbW5rMUEI4LExfyyqwIs/s1600/loading.png&quot;,threshold : 200});
});
</script>

8.Setelah itu, klik Simpan untuk melakukan eksekusi.

Okey, itulah tadi tips blog yang dapat saya share pada kesempatan ini. Semoga tutorial blog-nya dapat dengan mudah pahami dan aplikasikan. Catatan : jika script ini tenyata tidak berhasil dalam artian tidak ada perubahan dalam hal kecepatan blog Anda atau blog Anda semakin berat, ya saran jangan diikuti...heheheh.

Itulah tadi tips, info blog, tutorial blog yang dapat saya sharing kepada Anda. Berikut adalah postingan yang saya rekomendasikan buat Anda :
1. Seberapa cepat loading blog Anda
2. Mahir Membuat Text Area (Tipe Advanced, modifikasi)
3. Membuat Tombol Share Facebook pada blog
4. Tips Mempercantik Blog
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Jika Anda ingin mengambil postingan saya ini sebagai referensi, selalu sertakan link aslinya:

Minggu, 16 September 2012

Mahir Membuat Text Area (Advanced)

membuat text area-teks area
Blog Tutorials-Sahabat Blogger Mahir semua, sebenarnya ini adalah postingan lanjutan dari artikel atau tutorial blogger saya mengenai "Tutorial Membuat Text Area", saya buat lagi postingan karena ternyata banyak sekali variasi dalam membuat teks area, text area.
Tutorial blogger ini saya harapkan juga dapat memberikan informasi yang lebih kepada sahabat blogger semua. Text area yang saya posting pada versi sebelumnya adalah text area standar, banyak lagi teks area yang Anda dapat buat. Nah, dalam tutorial kali ini saya akan memberikan banyak variasi atau macam / jenis Text Area / Teks Area, Kotak bertukeran Link yang Anda dapat buat sendiri. Berikut adalah list-list-nya lengkap dengan kode-kode HTML-nya :
1. Tutorial Membuat Text Area dengan Tombol Highlight

Berikut adalah kode / code HTML untuk Text Area dengan Tombol Highlight
<center><form name="copy"><input value="Copy" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa </textarea></form></center>
Nah, nanti hasilnya kurang lebih akan tampak seperti berikut :

2. Tutorial Membuat Text Area dengan Onclick Hightligt

Sebenarnya jenis teks area ini, adalah sedikit pengembangan dari Text Area Tombol Highlight. Bedanya : kalau pada Text Area dengan Tombol Highligt ada tombol untuk men-select seluruh isi teks/menyorot semua isi teks. Maka, pada Text Area dengan OnClick Highligt tidak ada tombol, hanya fungsi select isi teks area berjalan secara otomatis, hanya dengan meletakkan pointer mouse Anda di dalam text area tersebut.
Berikut adalah kode / code HTML-nya :
<textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa </textarea>

Nah, untuk hasilnya maka akan tampak seperti yang ada di bawah ini :

3.Tutorial Membuat Text Area dengan Tombol Scroll Vertikal

Text area jenis juga merupakan bentuk modifikasi dari kotak teks area standar. Bedanya, cuman ada penambahan scroll vertikel. Kode / code HTML-nya adalah sebagai berikut :
<div style="border: 2px solid; color: #999999; height: 100px; overflow: auto; padding: 10px; text-align: justify; width: 470px;">


Teks sesuai dengan keinginan Anda, bisa juga menggunakan kode HTML

</div>

Untuk Hasilnya, maka akan tampak seperti berikut ini :


Teks sesuai dengan keinginan Anda, bisa juga menggunakan kode HTML







5. Tutorial Membuat Text Area dengan Tombol Scroll Horizontal

Kembali lagi bahwa ini adalah modifikasi dari teks area yang sederhana, cuman ini ditambah dengan tombol scroll yang vertikel. Langsung saja, saya berikan kode / code HTML-nya. Langsung diaplikasikan saja sesuai dengan keinginan Anda. Kode HTML :

<div style="border: 1px solid; color: #999999; height: 40px; overflow-x: auto; overflow-y: hidden; padding: 10px; text-align: justify; width: 470px;">
<pre style="display: inline; margin-top: 0pt;">Isikan teks sesuai dengan keinginan Anda, bisa juga menggunakan kode HTML
</pre>
</div>

Maka hasilnya nanti, akan tampak seperti di b awah ini :

Isikan teks sesuai dengan keinginan Anda, bisa juga menggunakan kode HTML



Tambahan suplemet pengetahuan /info blog :
Anda dapat memodifikasi kode-kode HTML diatas seperti :
border : digunakan untuk memodifikasi border / garis pinggir text area. Ubah 1px mejadi 2px, 3px, dst...
height : digunakan untuk mengubah tinggi yang diinginkan, ubah sesuai kebutuhan dan keinginan Anda
width : digunakan untuk mengubah lebar dari text area yang Anda buat


Catatan :

Untuk memasukkan kode HTML dalam text area, maka Anda harus mem-parse dulu kode HTML yang ingin Anda masukkan dalam Teks Area / Text Area

Okey, itulah mungkin yang dapat saya share pada kesempatan ini. Semoga artikel ini dapat bermanfaat
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Jumat, 14 September 2012

Site Map


Mengenal DMOZ Directory

Mengenal DMOZ Directory-Info Blog
Info Blog-Ini sebenarnya adalah suplement bagi mereka yang ingin lebih dekat mengenai Website Directory atau pun Blog Directory. Setelah sebelumnya memang saya sudah memberikan artikel pemantik bagi siapa saja Anda yang ingin mencari tahu sedikit definisi dari Web/Blog Directory pada postingan saya yang berjudul "Pengertian Web/Blog Direktori".

Dmoz directory adalah salah satu dari sekian direktori yang ada. Pada postingan ini saya lebih fokus untuk memberikan Anda Info Blog yang semoga dapat memberikan Anda pengetahuan baru mengenai hal ini. Saya pilih DMOZ Directory karena DMOZ sendiri memiliki banyak kelebihan di banding direktory lain. Apa saja itu ? Ayo, kita cek bersama-sama.
Open Directory Project (ODP), dikenal juga dengan nama Dmoz (dari directory.mozilla.org, nama domain aslinya), adalah sebuah direktori konten terbuka multibahasa dari World Wide Web link. Sahamnya dimiliki oleh Netscape tapi dibangun dan dikelola oleh komunitas editor sukarela. ODP menggunakan skema hierarkis ontologi untuk mengatur daftar situs-situs. Daftar topik serupa dikelompokkan ke dalam kategori yang dapat mencakup kategori yang lebih kecil (wikipedia)

DMOZ adalah direktori terbesar, dan paling komprehensif dalam hal penyuntingan-pengeditan direktori web. DMOZ dibangun dan dikelolah oleh secara luas komunitas global yang merupakan editor relawan.
DMOZ hadir tumbuh suburnya penggunaan dan pembuatan website maupun blog. Pertumbuhan dan perkembangan website ataupun blog pada dekade terakhir mengalami pertumbuhan yang sangat signifikan.DMOZ mengikuti jejak beberapa para editor terpenting atau kontributor paling penting dari abad 20.


DMOZ adalah satu-satunya website direktori yang terbesar yang memberikan layanan 100% gratis. Dengan mendaftarkan blog ataupun website Anda di DMOZ maka Anda tidak akan pernah di pungut biaya sepeser pun. DMOZ memberikan pelayanan gratisnya kepada siapa saja pengguna internet yang memiliki website ataupun blog untuk yang mematuhi kesepakatan atau aturan yang telah ditentukan oleh DMOZ.
Catatan Sejarah DMOZ
 
ODP didirikan di Amerika Serikat dengan nama Gnuhoo oleh Rich Skrenta dan Bob Truel pada tahun 1998 saat mereka berdua bekerja sebagai insinyur untuk Sun Microsystems. Chris Tolles, yang bekerja di Sun Microsystems sebagai kepala pemasaran untuk produk-produk keamanan jaringan juga ditandatangani pada tahun 1998 sebagai salah satu pendiri dari Gnuhoo bersama dengan para pendiri Bryn Dole dan Jeremy Wenokur. Skrenta telah mengembangkan TASS, leluhur dari timah, Berita Usenet ulir populer untuk sistem Unix. Kebetulan, struktur kategori asli dari direktori Gnuhoo berdasarkan bebas pada struktur newsgroup Usenet kemudian ada. Direktori Gnuhoo mulai berjalan pada 5 Juni 1998. Setelah sebuah artikel Slashdot menyarankan Gnuhoo yang punya apa-apa dengan perangkat lunak bebas, yang dikenal proyek GNU, Richard Stallman dan Free Software Foundation keberatan dengan penggunaan sistem Gnu. Jadi Gnuhoo berubah menjadi NewHoo. Yahoo! kemudian keberatan penggunaan 'Hoo' dalam nama, mendorong mereka untuk beralih nama lagi. ZURL adalah pilihan mungkin. Namun, sebelum beralih ke ZURL, NewHoo diakuisisi oleh Netscape Communications Corporation pada Oktober 1998 dan menjadi Open Directory Project. Netscape merilis data ODP dibawah lisensi Open Directory. Netscape diakusisi oleh AOL tak lama kemudian dan ODP menjadi salah satu aset yang termasuk dalam akuisisi. Kemudian AOL bergabung dengan Time Warner. (wikipedia)


Keuntungan mendaftarkan blog Anda ke DMOZ Directory :

DMOZ adalah otak atau brain bagi mesin-mesin pencari terbesar di dunia seperti google, aol, msn, yahoo, dll dalam mengindex website atau blog yang terdaftar di DMOZ.

Mesin pencari seperti google, aol, msn. yahoo, menggunakan informasi yang terdapat di dalam direktori Dmoz untuk mengevaluasi halaman, deskripsi, title dari suatu web yang sudah terlisted di Dmoz.

Info lain terkait dengan DMOZ Directory adalah :   
  • Buatlah konten situs anda sebaik mungkin.     
  • Hindarkan memasang banyak iklan dan link afiliasi di situs ketika hendak didaftarkan ke DMOZ. 
  • Fokuslah pada satu bahasa. Jangan memakai bahasa campuran (misal : Inggris dan Indonesia).
  • Jangan mendaftarkan situs yang baru saja anda buat/masih muda. Situs dengan hanya sedikit konten pasti akan ditolak. 
  • Cukup daftarkan blog anda sekali, jangan berulang-ulang.

Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.
Selalu gunakan dan jangan hapus link postingan halaman ini, jika Anda ingin mengambilnya sebagai referensi :

Rabu, 12 September 2012

Tutorial Membuat Tombol Share Facebook pada Blog

Tombol share to facebook
Tutorial Blog-Dinamika dalam dunia blogger sungguh sangat cepat perkembangannya. Banyak widget-widget terbaru yang lahir untuk melengkapi, atau pun mempercantik tampilan blog Anda. Ini adalah perkembangan ke arah yang positif jika saya, kita dan Anda semua dapat memaksimalkan keuntungannya secara optimal.

Tutorial blog yang ingin sebenarnya saya share kepada Anda semua kali ini adalah widget atau tombol share ke beberapa social media seperti Facebook.com, twitter.com, Google+, dan masih banyak lagi yang tidak sempat saya sebut satu per satu.

Tombol share ke facebook, atau social media lainnya dapat Anda letakkan di blog Anda supaya segmentasi pembaca blog Anda semakin luas. Widget-widget seperti ini akan sangat berguna buat Anda, dengan kehadiran widget atau tombol share ke beberapa social media ini juga merupakan ciri dari beberapa ciri dari Template SEO Friendly yang pernah saya utarakan pada postingan saya yang sebelumnya membahas tentang Template SEO Friendly. Nah, bagi yang belum baca langsung saja kunjungi postingan blog saya yang berjudul "Mengenal Template SEO Friendly".

Tombol share ke facebook, tombol share ke twitter, dll ini menurut saya semoga akan berguna bagi Anda yang menggunakan template blog standar kemudian juga ingin menambahkan tombol share seperti ini. Template standar yang disediakan oleh blogger.com sebenarnya sudah ada, cuman biasanya kurang diminati karena tampilannya sederhana dan kurang menonjol.
Tutorial pembuatan tombol share ini sebenarnya adalah hal yang mudah Anda lakukan, kalau mau ke situs resminya, langsung saja Anda menuju 2 situs berikut untuk mendapatkan widget share sosial media ini.

Tapi, tenang saja. Di sini juga akan memberikan tutorial atau langkah-langkah yang dapat Anda tempuh untuk menambahkan tombol share ini, karena jika Anda berkunjung ke kedua situs penyedia widget di atas biasanya prosesnya agak lebih rumit sedikit. Nah, makanya saya postingkan artikel ini dengan harapan dapat memudahkan Anda. Berikut adalah langkah-langkah atau tutorial yang Anda lakukan untuk memberikan tombol share pada blog Anda  (Catatan: widget share to social media yang saya berikan berasal dari situs Addthis yang saya modifikasi buat Anda):
1. Seperti biasa, pastikan Anda sudah log in di account blogger.com Anda.
2. Setelah itu, Anda ke bagian Template (Catatan : sebelum meng-klik Edit HTML, Anda dapat melakukan tindakan antisipasi dan hati-hati dengan mengcadangkan dulu Template Blog Anda yang ingin dimodifikasi)
3. Klik Edit HTML
4. Kemudian klik Lanjutkan, jangan lupa centang Expand Template Widget
5. Setelah itu tekan pada keyboard Ctrl + F, untuk mencari kode HTML yang ingin Anda edit nantinya.
6. Cari kode berikut :

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

Catatan : terkadang kode di atas terdapat lebih dari satu, pilih yang pertama.

7. Kemudian, setelah menemukan kode HTML di atas, kemudian tambahkan kode berikut tepat setelah kode di atas :

<span class='post-author vcard'><div style='float:right;'><!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=xa-5045c074352fdb1e"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-5045c074352fdb1e"></script><!-- AddThis Button END --></div></span></span><br/></div>
Catatan :
Kode HTML yang saya tandai warna merah, artinya Anda dapat mengubahnya sesuai kebutuhan Anda. Right : untuk kanan, left : untuk kiri, dan seterusnya.
Kode HTML yang saya tandai warna biru, artinya peletakkannya tidak mutlak harus di situ. Biasanya, banyak terjadi kesalahan atau hasil edit-anya error. Makanya, yang bermasalah sebenarnya adalah kode HTML yang saya telah tandai warna biru. Coba, pandai-pandailah mainkan kode itu. Tapi, kalau sudah tahu caranya mengedit, ya syukurlah....

7. Sebelum Anda mengeksekusi untuk menyimpannya, baiknya Anda klik tombol  Pratinjau dulu untuk memastikan bahwa Anda melakukan Tutorial ini dengan benar. Ok.
8. Setelah benar-benar sesuai, silahkan klik Simpan, untuk eksekusi terakhir.

Nah, gampangkan cara menambahkan tombol share social media : Facebook.com, twitter.com, Google+, dll ke dalam blog Anda.


Berikut adalah tutorial blog, yang dapat Anda baca juga atau aplikasikan dalam blog Anda sebagai tambahan pengetahuan buat Anda :
1. Tutorial Membuat Text Area
2. Tutorial Membuat Translate Tool Bergambar
3. Tutorial Membuat Spoiler pada Blog
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.
Nah, jika Anda mengambil tulisan ini. Mohon selalu cantumkan link HTML-nya. Boleh diambil, tapi jangan di copast 100 %.

Selasa, 11 September 2012

Mengenal Template SEO Friendly

Template Blog SEO Friendly
Info Blog-Pembicaraan tentang teknik SEO atau Optimasi Mesin Pencari memang jarang sepi. Hal ini wajar karena mengetahui dan mampu mempraktekkan teknik SEO (Search Engine Optimization) atau optimasi mesin pencari (dalam bahasa Indonesia) ini adalah suatu keharusan bagi Anda yang ingin blog Anda cepat terindeks, cepat ditelusuri, ingin berada di top ten pencarian Google, ingin pembaca atau yang mampir di blog Anda juga banyak.
SEO atau teknik optimasi ini memang menawarkan keuntungan seperti di atas. Tentu ini adalah penawaran yang sangat bagus, bagi para blogger mahir yang memang ingin web/blog-nya melejit di mesin pencari. Nah, ternyata ada juga yang harus Anda pahami bahwa, dalam teknik SEO ini juga dikenal istilah "Template SEO Friendly", apa itu Template SEO Friendly ? Nah, disini saya ingin bahas sedikit mengenai masalah ini.
Template SEO Friendly adalah template pada blog yang memenuhi standar-standar atau syarat-syarat yang diberikan oleh mesin pencari (mis. Google). Itu mungkin pengertian yang sederhana. Jadi, memang untuk jadi yang teratas dalam pencarian Google harus ada syaratnya. Nah, salah satunya ya, template blog Anda harus menggunakan Template SEO Friendly.

Sebenarnya, syarat ini dapat Anda lakukan jika Anda tahu memodifikasi tampilan template standar yang diberikan blogger.com. Tapi, sebenarnya ada jalan lain untuk mendapatkan Template SEO Friendly ini. Apa itu? Ya, tentunya Anda cari saja di kotak pencarian Google atau yang lainnya "Download Template SEO Friendly", nah tentunya mesin pencari akan menampilkan hasil pencariannya.

Nah, agar Anda tidak salah pilih dalam menentukan template blog mana yang nantinya Anda ingin pilih, berikut saya berikan sedikit ciri-ciri atau tanda-tanda Template SEO Friendly itu, ayo cek satu per satu :

1. Template memiliki kecepatan loading yang tinggi

Menurut saya ini adalah prasyarat awal dan utama, karena kecepatan loading blog itu akan sangat berpengaruh nantinya. Berpengaruh karena sebagian besar orang yang berada dalam dunia maya itu tidak suka yang lama alias laload, kalau blog Anda lambat loading maka, yakin mereka akan segera meninggalkan blog Anda. Kalau yang saya lihat bahwa blog yang cepat loading memiliki tampilan yang sederhana, biasanya template blog-nya menggunakan warna-warna dasar seperti putih polos, biru muda atau sedikit perpaduan warna. Jadi, intinya Anda harus hati-hati jika ingin merombak tampilan atau mempercantik tampilan blog Anda. Nah, untuk mengantisipasi itu saya sudah memposting sebuah artikel yang membahas mengenai mempercantik blog, silahkan baca di postingan saya yang berjudul "Tips Mempercantik Blog". Dan, jikalau Anda pun ingin mengetahui seberapa cepat loading blog Anda, saya rekomendasikan untuk membaca postingan blog saya yang berjudul "Seberapa Cepat Loading Blog Anda ?"

2. Template Blog Menggunakan Meta Tag

Template Blog SEO Friendly juga harus memperhatikan unsur meta tag ini. Meta tag yang perlu diperhatikan diantaranya :
a. Meta tag Title, meta ini berguna untuk menentukan judul blog Anda
b. Meta tag description, meta tag ini berisi deskripsi singkat tentang apa isi atau arah pembahasan blog Anda
c. Meta tag keywords, meta ini juga sangat berguna. Di dalam meta ini, Anda akan meletakkan keyword-keyword atau kata-kata kunci yang terdapat dalam blog Anda.

Sebenarnya, terkait masalah meta tag saya sudah membuat postingan yang membahas meta tag ini. Tapi, sangat singkat, tapi Anda dapat membacanya di postingan saya yang berjudul "Rahasia Meta Tag". Selain itu, saya pun sudah mempersenjatai bagi pengunjung blog saya yang ingin mencari info blog terkait masalah nama domain dan keyword yang bagus. Anda dapat membaca artikel atau postingan saya yang berjudul "Jurus Ampuh SEO dengan Pemilihan Nama Domain dan Keyword yang baik"

Nah, setelah Anda telah membaca postingan saya yang sebelum-sebelumnya semoga dapat memberikan sedikit gambaran mengenai hal yang urgent ini.

3. Template Blog memiliki Navigasi dan Tombol Share 

Template Blog SEO Friendly pun juga mempunyai syarat seperti ini. Memiliki navigasi halaman yang bagus. Terkait navigasi ini, akan memudahkan Anda dan mesin pencari untuk melihat secara keseluruhan blog Anda, atau bahasa lainnya dengan navigasi yang baik blog Anda akan diketahui akan mengarah kemana. Jadi, mirip-mirip dengan navigasi yang ada di kapal atau pun kendaraan lain. Navigasi ini dapat berupa navbar, Bar Navigasi yang kelihatan seperti barisan menu-menu yang ada di blog Anda. Contoh yang dapat lihat secara langsung mungkin, navbar blogger mahir di atas. Terlihat di bawah header ada barisan bar yang terdiri dari Home, Tutorial Blog, Info Blog, Mempercantik Blog, ...dst sampai di bar Promosi Blog. Itu termasuk ke dalam kategori navigasi. Info blog lain juga, salah satu bentuk navigasi juga adalah penggunaan Breadcumbs pada blog.

Nah, terkait tombol share sebenarnya menurut saya ini tidak mutlak juga harus ada, tapi akan lebih baik jika tombol ini tersedia di blog Anda. Selain tombol share, Anda juga dapat menambahkan tombol like Facebook, jika Anda ingin tahu dan berminat memasang kotak komentar facebook dalam blog Anda. Anda dapat membaca tutorial blog saya yang berjudul "Membuat Kotak Komentar Facebook pada Blog". Tombol share, tombol like ataupun kotak komentar facebook ini memiliki keuntungan lebih bukan sekedar hiasan saja untuk mempercantik blog tetapi berguna agar segmentasi pembaca blog Anda dapat lebih luas dan lebih banyak lagi. Tahu sendirikan bagaiman populernya situs-situs social seperti facebook, tweeter, dll. Siapa tahu ada yang share lewat situs jejaring sosial tersebut sehingga situs Anda akan banyak dibaca oleh orang lain di seluruh dunia.

4. Template SEO Friendly menggunakan tag heading h1, h2, h3,...dst.

Template SEO Friendly juga harus memperhatikan penggunaan tag heading ini. Menurut para blogger profesional dan kaidah SEO atau Search Engine Optimization penggunaan tag heading h1, h2, h3...dst (setahu saya tag heading itu mulai dari h1 sampai dengan h6) tidak boleh disepelehkan apalagi dianggap sebelah mata. Jadi, jika Anda ingin menggunakan template hasil pencarian dan download maka pertimbangkan juga apakah tag heading-nya sudah menggunakan tag heading h1, h2, h3, dst.

Mungkin, itulah yang saya dapat share atau ungkapkan kepada Anda bagaimana itu Template SEO Friendly, semoga itu dapat menjadi acuan bagi Anda jika ingin mengganti template Anda. Walaupun sebenarnya, masih ada beberapa hal lain seperti peletakkan copyright atau keyword yang diatur dalam postingan. Tapi, 4 point di atas saya pikur sudah cukuplah.

Nah, bagi yang sudah mencari dan menemukan template blog yang sudah SEO Friendly dan tidak tahu cara mengganti template baru yang sudah di download, Anda dapat membaca postingan saya yang berjudul "Cara Mengganti Template Blog pada Blogspot".

Semoga bermanfaat .... !
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.
Jika Anda ingin mengambil materi atau postingan ini, silahkan tetap memasang URL halaman postingan Blog ini. Tapi, JANGAN Copy Paste 100%

Senin, 10 September 2012

Pengenalan Singkat Teks Area

Definisi Text Area-Info Blog
Info Blog-Sebenarnya ini adalah postingan yang hanya ingin memudahkan para pembaca blog saya untuk mengetahui definisi istilah-istilah dalam dunia blog.
Info blog kali ini saya ingin mengupas pengertian dari teks area, text area , ya walaupun definisi atau pengertian text area yang saya sajikan adalah sekedar saya ambil dari definisi dari web tertentu.

Berikut adalah definisi atau pengertian dari text area :
1. Tag <textarea> didefinisikan sebagai kontrol multi-line input teks. Sebuah area teks dapat menampung jumlah yang tidak terbatas karakter, dan teks membuat dalam font fixed-width (biasanya Courier). Ukuran area teks ditentukan oleh cols dan atribut baris (http://www.w3schools.com/tags/tag_textarea.asp)

2. Text Area adalah suatu kotak area yang berisi teks, yang apabila teks tersebut melebihi kapasitas dari area tersebut akan mempunyai fungsi scroll, atau dalam bahasa indonesianya adalah Area Teks atau Kotak Teks. ini dimaksudkan agar meminimalisasi tempat agar tidak memakan tempat untuk penempatan teks atau tulisan tersebut. dan dimaksudkan juga agar pengunjung blog dapat dengan mudah meng-copy dari area teks tersebut (http://trik-tips-tutorial.blogspot.com/2010/02/cara-membuat-text-area.html)

Dari dua definisi ini, saya rasa Anda dengan mudah memahaminya. Berikut adalah artikel yang saya rekomendasikan agar juga bisa lebih lagi mengenai istilah-istilah yang ada dalam dunia blog :
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Tips Mempercantik Blog

Tips Mempercantik Blog
Mempercantik Blog-Blogger mahir, adalah suatu yang wajar jika Anda memiliki blog dan Anda ingin megubah tampilan blog Anda menjadi lebih cantik. Mempercantik tampilan blog disini artinya mengubah atau memodifikasi tampilan blog sesuai dengan keinginan Anda. Kan, cantik atau bagus itu mulai dari penilai Anda, kemudian kesan cantik atau bagus itu tentu bisa ditularkan kepada orang lain (maksudnya : orang lain juga setuju dengan pendapat Anda), aduh-aduh jadi pusing sendiri dengan penjelasan saya. Pendeknya, Anda mengusahkan tampilan blog Anda cantik kemudian penilaian itu akan kembali lagi kepada pengunjung blog Anda.
Mempercantik blog sebenarnya harus dilakukan secara bijaksana, tidak boleh serampangan. Apalagi dalam mempercantik blog itu sendiri biasanya memiliki efek samping berupa kecepatan loading blog Anda. Mau tahu seberapa cepat loading blog Anda ? Baca artikel saya yang judulnya "Seberapa cepat loading blog Anda" 
Tips yang saya dapat berikan dalam mempercantik blog Anda :

1. Gunakan widget yang sesuai

Maksudnya disini adalah widget yang digunakan harus sesuai dengan tema blog Anda, sesuai dengan atau seiring dengan warna blog Anda. Disini juga Anda harus bijak dalam menggunakan widget gunakan prinsip seperlunya saja, yang betul-betul berguna untuk Anda. Hal ini dimaksudkan karena kalau terlalu banyak widget yang Anda gunakan atau letakkan dalam blog Anda akan sangat mempenagruhi berat atau loading blog Anda. Semakin banyak widget yang digunakan maka kecepatan loading blog Anda akan semakin lambat. Tahu sendirikan dampaknya jika loading blog Anda lambat, para pembaca blog Anda akan bosan menunggu yang ujung-ujungnya mereka tidak betah berlama-lama dalam mengunjungi blog Anda. Dan terakhir berakibat kurangnya pengunjung blog Anda. Ayo, cari tahu apa yang menyebabkan blog Anda kurang pengunjung dengan membaca artikel atau postingan saya yang berjudul "Hal yang membuat blog kurang pengunjung"

Beberapa widget yang bermanfaat mungkin buat blog Anda yang dapat Anda pikirkan kembali untuk meletakkannya dalam blog Anda diantaranya :
a. Widget statistik pengunjung

Contoh widget statistik pengunjung dapat Anda baca kembali dalam postingan saya, diantaranya :

- Flag Counter
- Widget Histats
- Atau gunakan widget dari Shynistat

b. Widget Tombol like Facebook atau kotak komentar facebook.

Khusus untuk widget pembuatan kotak komentar facebook saya sudah buatkan tutoarial buat Anda. Anda dapat mengikuti step by step langkah-langkahnya dengan membaca postingan saya yang berjudul "Membuat Kotak Komentar pada Facebook" 

c. Widget Buku Tamu atau Chatting. Anda dapat mengunjungi situs http://www.cbox.ws/

d. Widget Khusus, seperti widget yang disediakan LinkWithin untuk membuat artikel terkait dalam postinga secara otomoatis. Mau tahu cara membuat Related post dengan LinkWithin, baca dan simak serta praktekkan tutorial blog saya yang berjudul "Cara Mudah Related Post dengan LinkWithin"

Tips untuk bagian ini :
- Gunakan widget yang seperlunya
- Jangan terlalu banyak pakai widget karena berakibat menurunnya kecepatan loading blog Anda
- Fungsi mempercantik widget akan hilang jika blog Anda lambat loading

2.Ganti Theme atau Template Blog Anda

Mengganti template adalah salah satu cara dalam mempercantik tampilan blog Anda. Pasalnya, template atau theme yang disediakan oleh blogger.com masih standar. Makanya, banyak di dunia blogger para blogger memburu template yang sesuai dengan isi blognya masing-masing. Biasanya banyak para webmaster yang membuat template yang bagus dan dengan tampilan yang sudah dimodifikasi. Nah, bagi yang belum tahu mengganti template blog, Anda dapat membaca postingan saya yang berjudul "Cara Mengganti Template Blogspot".

Tips Untuk bagian Ini :
 - Cari Template yang benar-benar ringan loading
- Cari juga atau utamakan template blog yang SEO Friendly
- Gunakan Template warna dasar, seperti putih (Warna putih saya rekomendasikan karena selain terang juga mudah dipadukan dengan berbagai warna lain).

3. Modifikasi kode HTML

Sebenarnya ini tidak terlalu penting, tapi beberapa blogger yang saya kunjungi blognya kelihatan tampilan blognya menarik alias cantik karena mereka dengan tekun dan kreatif memodifikasi kode-kode HTML yang akan dipasang di blognya. Seperti halnya, ada yang menggunakan teks berjalan untuk mempercantik sekaligus menarik perhatian para pengunjung blog mereka. Anda belum tahu cara membuat teks berjalan, Anda mungkin dapat mengikuti tutorial pembuatan teks berjalan dan saya tambahkan pula cara membuat teks berkedip dalam postingan saya yang berjudul "Membuat Teks berjalan dan berkdeip di blog".

Nah, itulah mungkin sedikit tips buat Anda yang ingin mempercantik tampilan blognya. Semoga dapat bermanfaat buat Anda.
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.

Kamis, 06 September 2012

Tutorial Membuat Text Area

blog tutorials

Blog Tutorials-Pada pertama saya mengenal dunia blogger, maksudnya berkutat pada dunia blog. Saya banyak sekali pertanyaan, banyak juga hal yang saya tidak mengerti, banyak widget yang mau saya buat tetapi saya tidak paham untuk bagaimana cara kerjanya / tutorialnya.
Tutorial blog yang ingin saya Share pada Anda pada kesempatan ini yaitu bagaimana cara "Membuat Text Area" pada blog Anda, atau ada juga yang mengistilahkan sebagai "Kotak Bertukaran Link". Tapi, bukan itu yang dipermasalahkan pada kesempatan ini, intinya yang mau kita bahas adalah bagaimana teknis atau langkah-langkah dalam pembuatannya.
Okey, berikut adalah step by step atau langkah-langkah dalam membuat text area :
1. Masuk dulu ke dalam account blogger Anda, Log in.
2. Untuk membuat Teks Area dalam postingan atau artikel yang Anda buat. Langsung saja buat Entri Baru
3. Kemudian tulis postingan atau artikel yang Anda ingin buat.
4. Setelah selesai, klik HTML disamping Compose.
5. Kemudian masukkan kode berikut pada tempat yang Anda inginkan.
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">isikan teks sesuai dengan keinginan Anda</textarea></p></div></form>

6. Lakukan juga hal demikian jika Anda ingin membuat teks area pada widget, cukup dengan menambahkan kode HTML.

Nah, hasilnya nanti kurang lebih akan seperti di bawah ini jika Anda meletakkannya di dalam postingan Anda :
Catatan : Kata Higlight All, dapat Anda rubah dengan kata-kata yang sesuai dengan keinginan Anda.

Okey, itulah tadi tutorial membuat teks area. Mungkin, Anda juga dapat membaca Suplement penambah informasi Anda mengenai blog yaitu diantaranya :
1. Membuat Translate Tool Bergambar
2. Cara mudah Membuat Realated Post dengan Linkwithin
3. Cara Mengganti Template Blog
Mohon Perhatian

Terima kasih atas kunjungan Anda di mahir blogger. Hubungi kami jika Anda menemukan konten/postingan
yang rusak/tidak terbaca. Silahkan beritahu kami dengan menulis pesan
pada kotak komentar. Kami akan berusaha menanggapi dan memperbaiki konten
tersebut secepatnya. Saran, kritik, dan komentar Anda sangat berharga buat kami. Terima Kasih, Contact on : mahirblogger@gmail.com.