Mahir Blogger

Penggunaan Warna yang Sesuai untuk Blog

noreply@blogger.com (Blogger Santuy) — Thu, 26 Dec 2013 23:21:00 +0000

Tips dan Trik Blog - Sahabat Mahir Blogger, sekarang saya ingin menyampaikan satu hal lagi mengenai hal yang menarik yang saya dapatkan dalam dunia blog. Untuk saat ini adalah penggunaan dan penerapan efek warna untuk blog kita semua.

Secara psikologi, warna memang akan menggambarkan efek psikologi tertentu bagi siapa yang melihatnya. Tiap warna yang terlihat mengindikasikan atau membuat kita terpersepsi terhadap suatu hal. Misalnya saja kata MERAH, apa yang Anda persepsikan di saat saya menulis kata merah dengan tulisan merah ditambah bold, penebalan kata? Tentu akan sangat mencolok dibandingkan kata-kata yang lain. Dan boleh jadi itu yang pertama Anda perhatikan dan lihat di saat membaca postingan ini. Dan semoga tidak menjadi 'cinta pada pandangan pertama'. Heheheh.....

Penggunaan Warna yang Sesuai untuk Blog. Kasus lain juga sama di saat seorang pria memakai pakaian yang jarang ia gunakan. Baju atau celana warna pink, misalnya. Apa yang terjadi dengan pandangan orang-orang yang ada di sekitarnya? Dapat dipastikan, sang pria tadi akan menjadi pusat perhatian. Dan siapkah blog Anda menjadi pusat perhatian ? SIAP ? Kalau jawabnya ya. Silahkan ubah kelamin blog Anda menajdi pria dan ubah tampilannya menjadi warna pink. Hehehe.....

Poin yang bisa kita ambil bahwa ternyata warna dapat menentukan blog kita di mata pembaca. Untuk itu saya sarankan (blogger yang belum terapin) untuk menggunakan warna-warna dasar di saat membuat atau mengelolah blog. Apa itu warna-warna dasar (sudah diajarkan di bangku sekolah SD sampai SMA, kayaknya). Warna dasar terdiri dari warna, merah, biru, kuning, putih. Mohon maaf kalo salah. Hehehe. Yang saya ingat dan sangat berpengaruh pada blog adalah warna biru, putih, dan merah. Kalau mau bukti, lihat lambang Google, terdiri dari berbagai gabungan warna dasar namun menjadi super power. Hehehe....

Sudah dapat poin penting untuk postingan ini. Kalau ya, silahkan terapkan tips dan trik blog ini. Sekian.

Membangun dan Memelihara Blog

noreply@blogger.com (Blogger Santuy) — Thu, 26 Dec 2013 22:58:00 +0000

Membangun dan Memelihara Blog - "Membangun dan Memilihara blog" mungkin adalah postingan yang pantas untuk kondisi blog saya sekarang ini. Pasalnya mengapa? Bagi yang sering kunjungi blog saya ini mungkin akan segera mengerti bahwa sekarang saya kembali lagi membuat postingan setelah sekian lama 'vakum', 'rehat lama, dalam menampilkan tutorial buat teman-teman yang juga berkecimpung di dunia blog.

Sahabat Mahir Blogger. Apa yang ingin saya sampaikan dengan postingan ini. Semoga juga bisa diperhatikan oleh agan-agan yang lain. Membuat blog memang tergolong sangat mudah. Sudah saya jelaskan dan postingkan lewat blog ini juga. Baca saja di sini. Membuat Blog dengan 3 Langkah.Judulnya begitu wow, dan semoga banyak yang terprovokasi untuk membuat blog. Hehehe.

Namun sadarkah kita bahwa, dengan membuat blog ada beban tanggung jawab atau amanah buat kita untuk memelihara dan membangun blog kita. Ya, betul. Dan kabar tragisnya, ini yang susah. Menjadikan blog yang telah dibuat untuk terus dirawat, dipelihara, dan dibangun sampai puncak yang kita mampu. Ya, macam-macam puncak tertinggi yang di dapat; ada yang mendapat banyak penghasilan karena blognya banyak dikunjungi, ada yang banyak menebar manfaat lewat tutorialnya (hehehe), dan ada pula yang banyak kenalan hingga sahabatnya hanya dikarenakan sama kesukaan yakni blogging.

Membangun dan memelihara blog sama saja dengan mengukur konsistensi seseorang. Ya, kalau pakai rumus keberhasilan. Poin ini, konsistensi-merupakan poin terpenting dalam mencapai keberhasilan. Mau bukti?
Tanyakan pada rumput hijau yang bergoyang. Hehehe.

Membangun dan memelihara blog menunjukkan kedinamisan sebuah blog. Selalu up date merupakan rahasia terbaik dalam menguasai suatu bidang untuk masa sekarang ini. Dunia terus berputar, namun kita juga harus selalu dinamis untuk mengikuti pola gerakan yang tak pernah berhenti ini. Rehat dan istirahat boleh. Yang penting jangan terlalu lama. Gelapnya malam telah mengajarkan kepada kita semua. Kan, terlalu lama malam juga kan tidak asyik. Hehehe.

Membangun dan memelihara blog berarti senantiasa membuat postingan-postingan. Yang berarti Anda telah membuat pilar yang sangat menentukan untuk meraih posisi SEO yang baik. Masih ingatkan dengan prinsip "Content is King SEO".

Ok, udah dulu deh. Nanti Anda yang pikir dan tambahin sendiri berbagai alasan yang penting dan semoga mendesak mengapa Anda harus "Membangun dan Memelihara Blog" Anda. OK.....

Tampilan Baru Blogger 2013

noreply@blogger.com (Blogger Santuy) — Fri, 12 Apr 2013 05:28:00 +0000

Tampilan Baru Blogger 2013 - Beberapa hari ini saya agak kaget setelah lama tidak blogging, saya buka blog saya kemudian saya ingin utak-atik pada bagian HTML nya ternyata kok ada yang beda.

Tampilan baru blogger 2013. Ya memang ada yang beda, tak sama yang sebelumnya. Tampilan baru ini walaupun sebuah inovasi baru menurut saya tapi cukup membuat saya untuk bertanya-tanya apa fungsi-fungsi bagian ini. Mengharuskan saya untuk mencoba-coba dulu tiap tampilan barunya. Harus trial and error dulu, maklum tiada yang ajar. hehehe.

Apa dan pada bagian mana perubahan tampilan blogger 2013...?

Berikut contoh Screenshhotnya :

Tampilan Baru Blogger 2013

Kalau Anda perhatikan maka tampilan baru blogger 2013 ini akan sangat berbeda jauh dengan tampilan sebelumnya. Yup... ada fitur tambahan.

Di sebelah kiri juga ada nomor-nomor baris dari kode HTML tersebut. Sehingga kita juga akan lebih mudah untuk mencari kodenya misalnya jika ada kesalahan pada edit html. Dan ada dapat dilihat bagian atas sangat banyak pilihan seperti Kembali, Simpan Template, Lompat ke Widget, Edit Template, Pratinjau Template, Kembalikan Perubahan, Kembalikan Template ke Widget Default, dan format Template.

Dan yang paling keren adalah Lompat ke Widget. Di pilihan menu ini (Lompat ke Widget) berisi ID atau identitas widget-widget yang sudah ditambahkan pada template, jadi semisal ingin mengedit widget tentu, anda tinggal memilih salah satu pada opsi pilihan dimenu lompat ke widget tersebut dan anda akan berada otomatis di source kode widget yang dituju. Secara sepintas menu ini seperti fitur search/pencari kode. Lagi-lagi fitur ini merupakan kemudahan bagi user/pengguna meskipun user masih awam/pemula sekalipun bisah menggunakannya.

Tampilan Pratinjau/ Review juga beda. Apa bedanya...?

Jika Anda klik Pratinjau Template, maka akan langsung muncul dikotak Edit HTML nya. Kalau yang lama biasanya akan terbuka di Tab baru.

Nah, itu yang bisa saya sampaikan kali ini pada "Tampilan Baru Blogger 2013", semoga bermanfaat buat Anda.

Tutorial Blog : Pasang TV Online di Blog

noreply@blogger.com (Blogger Santuy) — Sat, 09 Mar 2013 10:24:00 +0000

Tutorial Blog : Pasang TV Online di Blog - Dunia online sekarang ini memang perkembangannya sangat lah cepat. Banyak sekarang aktivitas hampir segalanya melibatkan dunia online. Tengoklah sekarang, orang tidak atau kurang lagi ke perpus untuk cari buku, langsung saja andalkan internet untuk mencari jawaban tertentu. Belum lagi, pasar online. Dengan mudahnya orang menjual dan membeli barang atau jasa hanya dengan mengandalkan dunia online. Kalau chatting, jangan di tanya lagi. Sudah banyak social media yang bertebaran yang memudahkan orang untuk saling mengenal, saling ngobrol. Juga bisa ditemui di dunia online.

Memasang TV Live streaming di blog. Kali ini, saya ingin share kepada Anda, bagi yang berminat memasang di blognya TV Online yang sifatnya live streaming. Tutorial ini saya persembahakan mengingat sudah banyak sekarang ternyata tayangan-tayangan TV yang bisa ditonton secara live hanya dengan menggunakan akses kemudahan ini, yang dipersembahkan oleh dunia maya.

Tutorial Blog : Pasang TV Online di Blog. Bagi yang mau lihat contohnya, silahkan lihat di bawah ini:

Widget TV Online Mivo TV Online

Di atas adalah contoh yang ingin saya perlihatkan pada Anda, tampilan tutorial yang ingin saya persembahkan pada Anda nantinya, jika Anda mengikuti tutorial dari saya. Hehehe :)

Untuk memasang TV Online Live Streaming seperti diatas, cukup mudah. Anda hanya perlu, mengcopy paste kode HTML berikut ini :

Jadi, jika Anda ingin memasang TV Online ini pada halaman postingan Anda. Caranya sangat mudah, copy paste kode HTML di atas, kemudian menuju pada bagian Entri Baru, kemudian ke bagian HTML di samping Compose, langsung saja paste kode HTM di atas pada bagian HTML. Mudah kan...!!

Kalau, mau pasang TV online ini di bagian sidebar blog Anda. Caranya pun terbilang sangat mudah, langsung saja ke bagian Tata Letak, kemudian ke bagian sidebar yang ingin Anda pasangi TV Online ini. Kemudian tambah Gadget. Copy paste kan kode HTML di atas. Tapi, ingat dulu, coba ganti dulu High-nya, maksudnya tingginya. Supaya sesuai. Di atas, high yang saya pakai 860. Jadi, silahkan ubah sesuai dengan kehendak Anda.

Okey, semoga tutorial ini bisa diterapkan.

Cara Membangun Backlinks Natural pada Blog

noreply@blogger.com (Blogger Santuy) — Thu, 14 Feb 2013 13:05:00 +0000

Cara Membangun Backlinks Natural pada Blog - Membangun Link (Link Building) adalah salah satu dari sekian banyak tips, strategi, cara yang direkomendasikan para blogger professional bagi sesama blogger untuk meningkatkan kualitas dari blog tertentu.

Blog yang berkualitas, menurut saya, ya blog yang punya banyak visitor artinya ramai dikunjungi, mempunyai pagerank tinggi (saat ini blog ini belum punya itu), memiliki rangking alexa yang rendah, menjadi situs rujukan dan tentunya memberikan banyak manfaat bagi sesama blogger, (masih ada kriteria tambahan...). Hehehe...

Salah satu cara membangun baclink natural yang banyak direkomendasikan adalah dengan berkomentar pada blog yang sejenis dengan blog Anda. Termasuk semua orang yang telah memberi komentar pada blog saya, saya ucapakan terima kasih. Baca juga - Tips Optimasi Blog dengan Link External

Postingan ini saya maksudkan, memberikan informasi tambahan bagaimana cara membangun backlink natural. Moggo, dibaca di bawah ini :

1. Pertama Anda search dulu di Google blog yang sesuai dengan keyword yang Anda targetkan di blog Anda.

2. Sempatkan untuk membaca deskripsi atau keyword artikel pada blog yang Anda tuju. Ini penting : untuk mengetahui apakah blog Anda relevan atau sama dengan blog yang Anda kunjungi. Bisa Anda lakukan dengan melakukan perintah berikut : Ctrl + U, untuk melihat source HTML blog yang Anda kinjungi. Di sini pula Anda dapat melihatnya keyword dan atau deskripsi blog yang Anda kunjungi

3. Sebelum berkomentar, lebih baik Anda juga baca artikel yang diposting blog yang Anda tuju. Ingatlah bahwa, hampir semua blogger tidak menyukai spammer. Blogger juga biasanya dilengkapi dengan fasilitas moderasi komentar. Komentar yang jelek dan dianggap spamm tentu akan didepak oleh pemiliki blog. Ini juga berlaku bagi blog ini yach...! Hehehe. Selain itu, ingatlah juga bahwa, komentar Anda sebenarnya sangat dibutuhkan supaya memberikan masukan, support bagi blog yang Anda kunjungi.

Ingat :

Buatlah atau bangunlah backlinks natural untuk blog Anda. Ini sangat berguna bagi Anda. Perhatikan bahwa, membangun backlink yang natural mempunyai nilai yang lebih.

Membuat Kode Warna HTML Blogger

noreply@blogger.com (Blogger Santuy) — Thu, 07 Feb 2013 10:13:00 +0000

Membuat Kode Warna HTML Blogger - Sebelumnya, saapya sudah sharing kepada Anda tools untuk mendapatkan kode-kode warna HTML. Dapat dapat Anda lihat di bagian tab menu blog saya : KODE WARNA HTML atau di postingan saya yang berjudul "Kode Warna HTML Blogger".

Kode warna HTML ini penting artinya jika Anda berkeinginan untuk mengedit atau mengutak-atik warna blog Anda, sebagaimana saya sudah jelaskan di postingan saya sebelumnya. Nah, jika Anda juga berkeinginan untuk mendapatkan atau menyimpan tools ini dalam blog Anda, bagaimanah caranya yach ...?

Kode Warna HTML yang ada di blog saya

Menjawab pertanyaan di atas. Ingin membuat atau memiliki kode warna sendiri untuk blog Anda, postingan ini akan menjawabnya dan memberikan tutorial bagi Anda untuk memasang di blog Anda.

Untuk memasang atau mendapatkan tools kode warna HTML di atas, caranya cukup mudah. Silahkan Anda aplikasikan dan ambil di blog Anda. Silahkan Anda copy paste kode HTML berikut :

<center><div id="TrixCGv1"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="430" width="400"><param name="quality" value="high" /><param name="bgcolor" value="#cccccc" /><param name="src" value="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" /><param name="name" value="flash" /><param name="align" value="middle" /><param name="flashvars" value="lng=Tamil&timeint=30&skt=yes" /><embed type="application/x-shockwave-flash" width="400" height="430" src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" flashvars="lng=Tamil&timeint=30&skt=yes" align="middle" name="flash" bgcolor="#cccccc" quality="high"></embed></object></div></center><div style="text-align: center;"><span style="font-size: x-small;">HTML Color  <a href="http://bloggermahir.blogspot.com/2013/02/membuat-kode-warna-html-blogger.html" rel="follow" target="_blank">code blogger</a></span>

Silahkan copy paste saja, jika Anda juga membuatnya di halaman postingan Anda cukup hanya copy HTML di atas kemudian klik pada bagian HTML di samping Compose.

Jika Anda ingin membuatnya atau menampilkannya di bagian Gadget (di halaman blog), maka caranya juga mudah silahkan Anda ke Tata Letak >> Tambahkan Gadget >> HTML/Javascript >> Simpan.

Semoga berhasil yach. Selamat Mencoba....!

Kode Warna HTML Blogger

noreply@blogger.com (Blogger Santuy) — Sun, 03 Feb 2013 11:27:00 +0000

Kode Warna HTML-Kode Warna HTML adalah salah satu bagian yang terpenting untuk Anda ketahui di saat Anda berkeinginan mempercantik atau mengutak-atik tampilan blog Anda. Kode HTML ini mutlak ada untuk memudahkan Anda memilih warna yang sesuai dengan kehendak Anda untuk diaplikasikan atau diterapkan dalam blog Anda.

Kode warna HTML ini bisa dikatakan crayon dalam dunia blogging. Dengan mengetahui kode HTML ini maka tampilan blog yang Anda inginkan akan menjadi mudah karena Anda tinggal mengubah atau menambhakan kode HTML pada bagian blog yang Anda inginkan.

Kode warna HTML ini dapat Anda aplikasikan saat ingin mewarnai huruf atau pun kalimat tertentu dengan warna pilihan pada blog Anda. Selain itu, dengan kode HTML ini pula Anda mengubah tampilan blog Anda yang lain yang meliputi perubahan warna background blog Anda, mengubah warna header, footer, dan lain sebagainya. Pokoknya, dengan mengetahui kode HTML ini maka aktivitas blogging menjadi lebih seru karena blog Anda betul-betul mencerminkan diri Anda karena di utak-atik sesuai dengan keinginan Anda.

Kode warna HTML, berikut saya buatkan atau saya share buat Anda, agar memudahkan Anda :

HTML Color code blogger

Kode Warna HTML merupakan salah satu tools yang dapat memudahkan Anda selain tools-tools lain yang sering digunakan dalam dunia blogging seperti tools parse HTML. Tool parse HTML biasanya berguna dalam memasang iklan. Anda dapat memparse kode HTML Anda disini.

Tutorial Membuat Kotak Komentar Facebook dan Blog Berdampingan

noreply@blogger.com (Blogger Santuy) — Wed, 30 Jan 2013 21:02:00 +0000

Membuat Kotak Komentar Facebook dan Blog Berdampingan-Tutorial ini saya share kepada Anda setelah saya aplikasikan tutorial ini di beberapa blog saya yang lain. Menurut saya penting saya share karena ini berguna. Ya, walaupun sudah banyak blogger lain telah membuat postingan sejenis dengan ini.

Membuat kotak komentar Facebook (FB) dan blog berdampingan adalah tutorial yang mudah. Saya mau bercerita sedikit tentang pentingnya kotak komentar facebook hadir di blog Anda. Semoga dengan cerita atau penjelasan saya dapat membuat Anda berpikir lagi untuk menambahkannya juga dalam blog Anda. Hehehe.

Kotak komentar facebook dalam blog adalah sebenarnya opsi dari sekian banyak opsi yang Anda dapat pilih dalam hal memperbaiki penampilan blog Anda atau bisa meningkatkan kunjungan blog Anda. Kalau saya pikir, dan sesuai dengan pengalaman pribadi, kotak komentar facebook yang terpasang pada sebuah blog dapat meningkatkan antusiasme, umpan balik pengunjung Anda terhadap topik yang Anda bahas pada blog Anda.

Kotak komentar ini akan terasa banyak sekali manfaatnya jika blog Anda termasuk blog yang berisi tentang materi konsultasi, tutorial, dan yang sejenisnya karena bukan tidak mungkin pengunjung blog Anda kurang mengerti atau ingin mengajukan pertanyaan terkait materi yang Anda posting di blog Anda. Berkomentar di kotak komentar facebook kelihatannya sangat mudah dan persentase umpan baliknya yang dilakukan oleh pengunjung blog Anda lebih tinggi daripada Anda sekedar memasang kotak komentar blog di blog Anda. Ini juga tidak lepas karena faktor, hampir semua orang yang on line (di Indonesia) juga membuka account facebook.

Terlebih lagi, saya kira share atau penyebaran materi yang Anda sampaikan dalam blog Anda semakin cepat, mudah dan luas tersebar dikarenakan selain menyediakan kotak komentar facebook, di sini juga tersedia fasilitas untuk "meng-like" komentar-komentar terpilih. Anda tahu sendirikan, kalau pengunjung blog Anda me-like artikel atau komentar tertentu dalam blog Anda maka secara tidak langsung link-link postingan Anda akan terposting dalam account facebook pengunjung blog. Anda mungkin bisa bayangkan berapa potensi pengunjung baru untuk blog Anda dengan memperhitungkan banyaknya yang berkomentar, memberikan like, dan kunjungan secara tidak langsung dari teman atau kenalan pengunjung blog Anda.

Okey, tanpa berteleh-teleh lagi. Berikut Cara Membuat Kotak Komentar Facebook dan Blog Berdampingan :

1. Seperti biasa, Login ke account blogger Anda

2. Klik Rancangan lalu klik Edit HTML

3. Download template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan

4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget

5. Jika sudah, cari kode ]]></b:skin> (gunakan ctrl + f untuk mempermudah pencarian)

6. Kalau sudah dapat maka masukkan kode berikut ini di atas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

Catatan :

Anda dapat mengubah warna tampilan kotak komentar Anda dengan mengutak-atik kode HTML di atas. Anda dapat mengubah warna backround sesuai dengan kehendak Anda.

7. Kemudian Anda cari kode </head>

8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID FB Anda disini' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID facebook Anda, misalkan https://www.facebook.com/nama Anda, maka ID Anda berada pada tulisan yang berwana biru.

9. Kemudian cari kode <div class='comments' id='comments'>

Keterangan: Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode
<div class='comments' id='comments'> yang pertama dan kedua (tidak apa-apa, sejauh ini belum ada efek yang merugikan).

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == "item"'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
    </b:if>
    </div>
<span style='font-size: 85%'>Widget Comment <a href='http://bloggermahir.blogspot.com/2013/01/kotak-komentar-facebook-dan-blog-berdampingan.html' rel='follow' target='_blank'>FB-Blog </a></span>
    <div class='comments comments-page' id='blogger-comments-page'>

Perhatikan angka yang berwarna merah dan kuning diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Anda dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Anda agar kelihatan rapi. Dan perhatikan pula kode yang berwarna merah, jika penempatan kode dibawah <div class='comments' id='comments'> yang kedua terdapat kode yang sama, maka hapus salah satu kode tersebut.

contoh :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<div class='comments comments-page' id='blogger-comments-page'> ( hapus salah satu)

10. Kemudian klik save, dan lihat hasilnya.

Semoga berhasil dan Bermanfaat....!

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping

noreply@blogger.com (Blogger Santuy) — Fri, 18 Jan 2013 00:17:00 +0000

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping-Mungkin agak lama saya membaut postingan baru. Ini tidak lepas karena banyaknya juga rutinitas di dunia nyata. Hehehe. Tidak selamanya hidup berada di dunia maya, dunia nyata juga butuh perhatian.

Membuat Tombol Facebook, Twitter, Google Plus Melayang di Samping, adalah judul dari postingan saya yang ingin saya share kepada Anda. Ya, walaupun saya tahu ini postingan atau tutorial yang sudah umum Anda dapatkan di blog-blog yang sejenis dengan blog saya, tetapi bagi yang belum tahu caranya buat hal demikian dapat membantu Anda, minimal Anda tahu dan juga mau share kepada yang lain. Hehehe.

Menurut saya, tombol share atau like facebook di blog itu penting, juga tidak kalah penting dengan tombol share ke twitter, tombol follow atau mengikuti di Account Google Plus tambahan lain seperti di StumbelUpon dan Digg, ini penting agar menambah pengunjung bagi blog Anda. Anda dapat membayangkan sendiri, jika postingan Anda banyak yang like dan share di berbagai macam social media, berapa kira-kira pengunjung baru terhadap postingan blog Anda.

Berkut saya sajikan buat Anda tutorial blog bagaimana cara membuat tombol facebook, twitter, Google plus, StumbleUpon dan Digg melayang di samping blog Anda. Mirip dengan punya saya di bloggermahir.

1. Seperti biasa, Anda log in dulu lah ke blog Anda.

2. Setelah masuk, langsung tuju saja bagian Tata Letak

3. Tambahkan Gadget (di bagian apa saja), kemudian tambah HTML/Javascript

4. Copy kode HTML berikut :

<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://bloggermahir.blogspot.com/2013/01/membuat-tombol-like-facebook-twitter-google-plus-melayang-disamping-blog.html">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

5. Jika sudah, klik Save, kmudian lihat dulu di pratinjau untuk melihat, apakah tutorial ini berhasil Anda lakukan.

Simpel dan mudahkan, semoga bermanfaat dan berhasil.

Tips Optimasi (SEO) Blog dengan Link External

noreply@blogger.com (Blogger Santuy) — Tue, 18 Dec 2012 21:50:00 +0000

Tips Optimasi (SEO) Blog dengan Link External-Belajar dari pengalaman adalah guru yang terbaik, tetapi belajar dari pengalaman dan kesalahan orang lain adalah guru yang paling bijaksana.

Pada kesempatan ini saya ingin share tips kepada Anda mengenai "Tips Optimasi (SEO) Blog dengan Link External".

Membuat tautan atau linik antar blog atau antar halaman blog kita adalah salah satu cara atau tips yang banyak dilakukan oleh para blogger untuk meningkatkan optimasi mesin pencari (SEO) untuk blognya.

Tips saya kali ini terkait dengan tautan atau link adalah jangan terlalu banyak menautkan / memberikan tautan (link) kepada ke situs eksternal. Ini prioritas Rendah. Ya, walaupun ini prioritas rendah, tetapi patut juga Anda perhatikan, alasannya :

Menghubungkan ke situs yang tidak terkait di situs Anda adalah ide yang baik, tetapi jangan mengisi halaman Anda dengan mereka. Paling-paling, Anda akan melemahkan efektivitas halaman Anda di mesin pencari, dan yang paling buruk halaman Anda akan terlihat seperti daftar link dan sedikit informasi dikenakan sanksi oleh mesin pencari. Juga, ketika Anda memiliki banyak link eksternal, Anda memiliki lebih untuk memeriksa secara berkala, untuk memastikan bahwa halaman tersebut tidak menjadi link rusak.

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 Mencari & Memilih Keyword yang Sesuai

noreply@blogger.com (Blogger Santuy) — Mon, 10 Dec 2012 15:52:00 +0000

Mencari & Memilih Keyword yang Sesuai-Sahabat bloggermahir, mungkin ini postingan yang sudah sangat klasik. Mencari dan Memilih Keyword yang sesuai agar nantinya jumlah pengunjung blog Anda dapat maksimal.

Memang tidak bisa dipungkiri bahwa, dari sekian banyak diantara para blogger memang yang tidak memperhatikan masalah ini, namun sebagai seorang yang ingin mengoptimalkan fungsi pencarian search engine terhadap blog kita, ada baiknya mulai dari sekarang Anda perhatikan mengenai keyword yang sedang Anda ingin bidik. Ya dengan menetapkan keyword pada blog Anda setidaknya "mengaharuskan" Anda untuk tetap fokus dan konsisten dengan isi blog Anda. Penetapan keyword pada blog Anda membantu Anda, agar postingan atau artikel-artikel yang Anda posting nantinya tidak meluber kemana-mana, menyerempet semua permasalahan, ngalor-ngidul.

Beberapa tips mencari dan memilih keyword yang "sesuai". Saya sengaja menonjolkan kata sesuai, maksudnya di sini ingin menekankan bagaimana keyword yang baik, penetapan, bidikan keyword yang bagus dapat memberikan umpan balik positif kepada traffic atau pengunjung. Saya tidak mau membandingkan dengan keyword yang saya gunakan di blog ini, "Ya, saya mengaku bahwa saya banyak melakukan kesalahan di saat saya ingin menetapkan keyword pada blog ini", cuman yang ingin saya share sebenarnya adalah apa refleksi kesalahan saya kemudian semoga Anda dapat pelajaran di sana agar tidak mengulangi kesalahan apa yang saya lakukan, atau mengambil positif dari apa yang saya tetapkan.

Langkah-langkah Mencari & Memilih Keyword yang Sesuai :

1. Ambil Pensil/Pulpen dan kertas, kemudian Anda tuliskan keyword apa yang Anda ingi tetapkan di blog Anda.

2. Tuliskan sebanyak-banyaknya, keyword apa pun itu. Usahakan jangan lakukan dulu analisa terhadap pilihan yang Anda tuliskan.

3. Setelah Anda menuliskan list keyword yang Anda ingi tetapkan pada blog Anda (fokus tulisan), lakukan seleksi.

4. Seleksi dari kumpulan keyword yang Anda ingin tetapkan menjadi 3 atau 4 keyword saja. Kerucutkan pilihan.

5. Lakukan seleksi dengan selektif mungkin, di sinilah perlunya analisa mendalam dan tentunya perlu survei.

6. Survei dan seleksi keyword Anda dengan menggunakan alat atau tool berikut :

Google Trends : http://www.google.co.id/trends/

Google Keyword Tool : https://adwords.google.com/o/Targeting/Explorer

Wordtracker : https://freekeywords.wordtracker.com/

Saya kira 3 tool atau alat pencari/analisa survei di atas sudah bisa memberikan gambaran buat Anda.

7. Setelah Anda telah melihat/menganalisa atau membandingkan keyword-keyword yang Anda pilih, maka Anda berputar ke belakang lagi (maksudnya : ke langkah satu) untuk mencari keyword lain yang mungkin saja banyak pencarian di sana.

8. Setelah itu, tetapkanlah keyword Anda, dan bekerjalah dengan sebaik-baiknya terhadap keyword yang telah pilih. Posting artikel yang sesuai dengan keyword Anda.

Beberapa tips lain dalam Mencari dan Memilih Keyword :

1. Lihat, apakah keyword yang Anda bidik termasuk keyword abadi atau keyword musiman.

2. Sarannya adalah keyword abadi yang Anda tetapkan atau bidik.

3. Keyword musiman dapat Anda juga bidik tapi ini membutuhkan kerja keras untu terus mencari keyword musiman selanjutnya

4. Analogi keyword abadi seperti pelari marathon, sedangkan analogi keyword musiman seperti pelari cepat/sprinter.

5. Keyword abadi memberikan traffic yang terus menerus tapi mungkin pencarian dalam sehari tidak terlalu banyak, statis sepanjang tahun. Sedangkan keyword musiman membuat kunjungan blog Anda tiba-tiba naik dan suatu saat tiba-tiba menurun seiring menurunnya popularitas dari keyword musiman yang Anda bidik.

Contoh keyword abadi : Resep masakan, cara menjaga kesehatan, dll.

Contoh Keyword musiman : gosip artis si A..., skandal Korupsi pejabat B...., dll.

Okey, mungkin itu sedikit tips yang sempat saya share seputar masalah pencarian dan pemilihan keyword untuk blog Anda.

Semoga manfaat buat Anda.

Salam bloggermahir....!

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.

Dahsyat dengan Tutorial Membuat Box Fans Page di Blogger

noreply@blogger.com (Blogger Santuy) — Thu, 06 Dec 2012 16:53:00 +0000

Tutorial Membuat Box Fans Page di Blogger-Tutorial blog kali ini yang ingin saya sajikan, share kepada Anda semua yaitu "Tutorial Membuat Box Fans Page di Blogger".

Perkembangan dunia social media memang semakin meningkat peminatnya maupun penggunanya. Banyak social media pun berevolusi dan beradaptasi dengan cepat, memenuhi bahkan mendapat peluang pasar. Salah satu mungkin yang saya dapat sebutkan adalah Box Fans Page Facebook pada Blog. Seperti yang telah saya buat pada di bagian samping.

Nah, apa urgensinya fans page ini ? Ini mungkin bisa dikatakan salah media promosi yang cukup efektif. Dengan membuat fans page di blog Anda, maka setiap kali Anda up date Artikel maka secara otomatis terjadi pemberitahuan otomatis pada facebook-facebook penggemar Anda. Memang kedengarannya sepele, tetapi jikalau saja kita mau berhitung-hitung, misalnya di dalam fans page facebook di blog Anda terdapat penggemar sebanyak 1000 orang, setiap 1000 orang tersebut mendapat pemberitahuan bahwa Anda sedang mengupdate artikel Anda, dari 1000 orang tersebut yang membuka link postingan Anda hanya sekitar 10% atau 100 orang, maka Anda dalam seketika tersebut kedatangan pengunjung sebanyak 100 orang. Dahsyatkan...!

Tutorial blog ini saya buat karena saya yakin ini akan berguna bagi Anda ke depannya. Apalagi bagi mereka yang sedang mempromosikan blognya untuk menggait penjualan produk atau jasa.

Bagaiamana cara membuatnya...? Berikut tutorial blognya.

1. Log in dulu ke Account Facebook Anda. Silahkan ke sini : www.facebook.com

2. Setelah itu Anda langsung menuju ke sini http://www.facebook.com/pages/create.php untuk membuat halaman facebook.

3. Setelah Anda masuk ke halaman tersebut maka akan ditampilkan gambar atau pilihan kurang lebih seperti di bawah ini :

4. Silahkan Anda pilih sesuai dengan kebutuhan Anda. Anda dapat memilih :

Local Business or Place

Company, Oraganization, or Institution

Brand or Product

......

and Community

Karena kita ingin membuat sebuah komunitas, contoh komunitas fans page like Blogger Mahir . Maka, kita pilih Community.

Klik pilihan, kemudian isikan sesuai dengan nama komunitas yang Anda ingin buat. Centang I Agree kemudian klik Get Started

5. Set Up dulu Page Community, Tambahkan Foto Profil. Kemudian pada langkah dua, isikan tentang Community Anda dan alamat linik yang bisa di akses, blog, twitter, dll.

Jika Anda ingin mengabaikan dulu, klik saja Skip.

6. Setelah itu Anda menuju tampilan Halaman/Page yang sudah Anda buat. Tampilannya mungkin akan seperti di bawah ini, tapi ini tampilan yang sudah ada sebelumnya.

Perhatikan bagian yang saya bundari Merah. Copy link tersebut, bisa Anda simpan dulu di Notepad.

7. Selanjutnya silahkan menuju halaman berikut :

https://developers.facebook.com/docs/reference/plugins/like-box/

8. Setelah itu masukkan alamat Fans Page yang telah Anda copy di Notepad pada bagian Facebook Page URL, seperti pada gambar di bawah ini :

Width : untuk menentukan lebar Box Fans Page yang Anda ingin buat

Height : menentukan tinggi Box

Show Face: menampilkan foto profil yang menyukai Page Anda

........

Header : menampilkan atau tidak bagian Header dari Box yang Anda buat

Setelah itu, klik Get Code, untuk mendapatkan kode HTML yang nantinya harus Anda pasang di Blog Anda.

9. Tampilannnya yang Anda dapat akan seperti berikut :

Kode HTML paling atas, masukkan di blog Anda. Pergi ke bagian Template blog Anda kemudian Edit HTML, centang Expand, kemudian cari kode <body>, letakkan kode di dalam box di bagian bawah kode <body>. Klik Simpan

Sedangkan kode HTML pada kotak Kedua, letakkan pada bagian Tata Letak blog Anda. Tambah Gadget kemudian cari HTML/Javascript.

10. Klik Pratinjau untuk melihat hasilnya. Jika berhasil klik Simpan

Semoga tutorial blog ini bermanfaat buat Anda

Jangan Lupa, untuk sertakan sumber/source asli tutorial blog ini jika Anda ingin mengambilnya

<a href="http://bloggermahir.blogspot.com/2012/12/fan-page-facebook-like.html">Dahsyat dengan Tutorial Membuat Box Fans Page di Blogger</a>

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.

Cara Membuat Widget Melayang di Blogger

noreply@blogger.com (Blogger Santuy) — Sat, 01 Dec 2012 23:48:00 +0000

Cara Membuat Widget Melayang di Blogger-Biasanya untuk menarik perhatian pengunjung banyak dilakukan oleh para blogger atau webmaster handal. Banyak cara dan macam yang dilakukan, yang paling umum adalah membuat kenampakan teks atau widget tertentu kontras dengan yang lainnya, seperti penggunaan bold atau huruf miring (italic) pada kalimat tertentu, ada yang membuat text area (ingin tahu membuat text area, silahkan baca tutorial blog saya : Cara Membuat Text Area), membuat teks berkedip (cara membuatnya, baca tutorial blog berikiut : Cara Membuat Teks Berkedip), dan ada pula yang membuat teks berjalan (ingin tahu, baca lagi di sini : Cara membuat Teks Berjalan).

Tutorial Blog-Ya, namanya juga usaha. Usaha agar bagian terpenting yang mau kita tonjolkan dalam wb/blog kita dapat dilihat atau diperhatiakn oleh para pengunjung. Nah, pada kesempatan ini saya ingin share kepada Anda bagaimana "Cara membuat Widget Melayang di Blogger". Ya, walaupun ini tutorial yang sudah agak lama dikenal oleh para blogger, tapi saya reposting kembali dengan redaksi berbeda agar punya variasi.

Widget melayang adalah bagian tertentu (widget di dalam blog entah itu widget iklan, widget facebook like, widget follow twitter, bahkan widget iklan, hehehe :).

Lantas bagaimana, cara membuat widget melayang di blog Anda. Nah, berikut tutorialnya :

1. Log ini ke account blogger Anda. Langsung saja ke sini www.blogger.com

2. Lanjut ke bagian Tata Letak

3. Ke bagian Tambah Gadget (jika Anda ingin menambah gadget baru), tapi kalau mau edit Gadget yang sudah terpasang dan ingin membuatnya menjadi melayang atau floating, maka silahkan pilih salah satu HTML/Javascript kemudian klik edit.

4. Kemudian Copy kode HTML berikut :

Beberapa catatan Penting buat Anda :

Widget ini saya sudah setting untuk berada di sebelah kiri, untuk modifikasi Anda dapat mengubahnya dengan mengubah bagian yang sudah saya tandai kuning, dari tadinya left menjadi right (untuk widget melayang sebelah kanan).
Warna border saya setting jadi warna merah, untuk mengubahnya silahkan ubah kode warna di bagian yang sudah saya tandai orange solid #000000, sesuai dengan warna kesukaan Anda. Kode warnanya dapat Anda cari sendiri di Google , hehehe.
Backgroud dapat Anda rubah sesuai dengan kehendak Anda sendiri, modifikasi dengan mengubah bagian yang sudah saya tandai biru. Kode warna cari di google., hehehe
Pada bagian warna merah, silahkan Anda masukkan kode HTML apa saja yang mau Anda buat melayang. Bisa kode iklan.
Widget melayang yang saya posting, di klik 2 kali baru keluar.

5. Klik simpan, Kemudian Pratinjau untuk melihat apakah tutorial blog ini berhasil.

6. Setelah berhasil, klik simpan.

Okey, itulah tutorial blog yang sempat saya posting pada kesempatan ini. Semoga berhasil diperaktekkan, dan bermanfaat buat Anda.

Seperti biasa, selalu masukkan kode HTML berikut jika Anda ingin mengambil postingan sebagai referensi atau mengcopy, sertakan selalu sumber dimana Anda mengambilnya :

<a href="http://bloggermahir.blogspot.com/2012/12/cara-membuat-widget-melayang-di-blogger.html">Cara Membuat Widget Melayang di Blogger</a>

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.

Tutorial Membuat Breadcrumbs di Blogspot

noreply@blogger.com (Blogger Santuy) — Mon, 26 Nov 2012 19:54:00 +0000

Tutorial Membuat Breadcrumbs di Blogspot

Tutorial Membuat Breadcrumbs di Blogspot-Pada postingan sebelumnya saya sudah menjelaskan sedikit mengenai breadcrumbs "Mengenal Breadcrumbs dan Fungsinya dalam SEO". Pada postingan tersebut saya berusaha agar Anda dapat mengerti dengan breadcrumbs itu sendiri dan fungsinya.

Cara Membuat Breadcrumbs-Nah, pada postingan kali ini tugas saya untuk menjelaskan bagaimana cara membuat atau tutorial membuuat breadcrumbs. Sedikit info blog mungkin buat Anda : Breadcrumbs ini berfungsi di saat Anda telah memberikan label pada masing-masing postingan blog Anda. Label : Pengkategorian blog Anda sesuai dengan isi dan maksudnya. Seperti pada postingan saya ini, saya beri label tutorial blog.

Tutorial blog cara Membuat Breadcrumbs pada Blogspot

Anda log in dulu lah, ke account blog Anda, kemudian langsung kemudian langsung ke bagian Template, kemudian Edit HTML

Seperti biasa, lakukan dulu lah download Template, Cadangkan/Pulihkan > Unduh Template Lengkap. Ini tidak lain untuk antisipasi. Tapi, saya sudah berulang kali mencoba tutorial ini. Semoga Anda juga berhasil.

Kemudian cari kode berikut : (Seperti biasa, gunakan Ctrl + F, untuk memudahkan pencarian).

]]></b:skin>

Setelah Anda menemukannya, letakkan kode berikut ini tepat di atasnya :

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Setelah itu, Anda cari lagi kode HTML berikut :

<b:includable id='main' var='top'>

Okey mantap, Anda teruskan lagi langkah berikutnya. Hapus kode HTML di atas kemudian ganti dengan kode berikut : (agak cukup banyak gantinya).

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Nah, setelah itu selesailah prosesi "Cara Membuat Breadcrumbs" ini. Simpan Template Anda. Kemudian, cek pada salah postingan Anda, apakah tutorial blog ini berhasil. Okey.

Sekian dulu tutorial blog dari saya pada kesempatan ini, semoga Anda dapat mengaplikasikan "Tutorial Membuat Breadcrumbs di Blogspot" ke dalam blog Anda sendiri.

<a href="http://bloggermahir.blogspot.com/2012/11/cara-membuat-breadcrumbs-di-blogspot.html">Tutorial Membuat Breadcrumbs di Blogspot</a>

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.

Mengenal Breadcrumbs dan Fungsinya dalam SEO

noreply@blogger.com (Blogger Santuy) — Tue, 13 Nov 2012 12:59:00 +0000

Info Blog-Mahir blogger pada kesempatan atau postingan kali ini akan memberikan informasi mengenai dunia blog. Info blog ini walaupun kelihatannya sudah banyak yang memposting, tapi sebenarnya dalam postingan saya semuanya adalah pengalaman pribadi saya. Maksudnya, apa yang saya posting dalam blog saya adalah sesuatu yang menjadi pertanyaan saya. Jadi, ini sekedar share atas apa yang saya tidak ketahui dalam dunia blogging, kemudian saya tuangkan kembali dalam bentuk postingan seperti ini jika saya sudah tahu jawabannya. Lihat saja, hampir semua tutorial blog saya yang saya posting, saya juga aplikasi ke dalam blog ini. Maklum, saya juga masih newbie, blogger pemula.

Mengenal Breadcrumbs. Breadcrumbs adalah sebuah navigasi pada blog yang biasanya memberikan informasi kepada pengunjung blog, dimana posisinya sekarang. Maksudnya, posisi atau letak postingan yang mereka baca. Sedangkan definisi yang dibuat oleh Wikipedia seperti ini "Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces", semoga Anda mengerti artinya. Breadcrumbs merupakan gambaran bagi siapa saja yang ingin memperhatikan bahwa sebuah blog atau website yang terpasang breadcrumbs adalah seperti akar atau tangga yang bertingkat-tingkat. Biasanya tingkat tertinggi adalah home/beranda dari blog atau website itu sendiri. Contohnya seperti pada gambar di bawah ini:

Ya, ketika Anda melihat gambar di atas. Dengan mudah mungkin dapat memberikan pengertian sendiri mengenai breadcrumbs ini. Lihat kembali strukturnya, You are here: Home / Music / Listen, jadi jelas bukan kalau breadcrumbs sebenarnya adalah seperti struktur tangga atau akar dalam sebuah pohon. Listen mewakili serabut akar paling halus, kemudian membesar ke Music (bisanya menunjukkan label postingan), kemudian berakhir pada pangkal akar itu sendiri atau Home (tampilan muka/beranda dari blog atau website). Untuk lebih jelasnya, breadcrumbs mungkin juga dapat dikatakan struktur file dalam sebuah blog. Mirip struktur file dalam sebuah file di dalam komputer.

Jadi, sudah jelas ya pengertian dari breadcrumbs itu. Semoga Anda paham dari definisi breadcrumbs yang baru saya paparkan. Kemudian, lanjut ke permasalahan kedua. Apa fungsi dari breadcrumbs ini ? Terus apakah breadcrumbs berguna dalam SEO (Search Engine Optimization) sebuah blog. Berikut penjelasan saya mengenai manfaat atau fungsi breadcrumbs. Breadcrumbs berfungsi untuk :

Memberikan kemudahan navigasi bagi pengunjung blog atau website
Breadcrumbs berfungsi untuk membantu untuk memberikan orientasi, menunjukkan jalan kepada mereka para pengunjuing blog Anda untuk mengetahui lokasi dimana postingan mereka baca.
Link atau tatutan yang ada di breadcrumbs membantu para pengunjung blog Anda dengan cepat untuk kembali ke halaman awal meraka kunjugi atau setidaknya kembali ke beranda / home blog atau website Anda.

Lantas, adakah fungsi atau manfaat breadcrumbs dalam hal SEO blog Anda. Berikut info yang saya dapat terkait manfaat breadcrumbs untuk SEO.

Keyword Density-breadcrumbs menambahkan keyword atau kata kunci yang Anda fokuskan bangun dalam halaman blog Anda, building desinty.
Untuk index halaman oleh Google. Dalam pencarian google, biasanya si mesin pencari ini juga menyertakan navigasi blog yang sedang di cari, atau bisa dikatakan bahwa google juga mengindex navigasi terkait keyword yang Anda isikan dalam kotak pencariannya. Contoh, mungkin yang bisa menjelaskan hal ini adalah ketika saya menuliskan di kotak pencarian google "berita wanita", atau "info wanita", maka dalam salah satu hasil pencariannya terlihat seperti berikut ini (blog yang menerapkan breadcrumbs untuk blognya).

Jadi, untuk SEO (Optimasi mesin Pencari) ini dengan breadcrumbs, banyak keyword atau kata kunci yang dapat diindex oleh google dalam blog Anda.

Mungkin, itu yang bisa saya share kepada Anda mengenai pengertian breadcrumbs, bagaimana manfaat dan fungsi breadcrumbs, hingga sedikit saya serempet mengenai manfaat breadcrumbs untuk SEO. Itu yang dapat saya share pada kesempatan ini. Berikut adalah postingan yang terkait dengan postingan ini, info blog :
1. Seberapa cepat loading blog Anda ?
2. Pengenalan Singkat HTML
3. Hal yang Membuat blog kurang Pengunjung
4. Mengenal Template SEO Friendly
5. Pengertian Parse HTML

Seperti aturan biasa, jika Anda ingin menyimpan postingan ini atau yang lebih "ingin meng-copy", mohon selalu sertakan link dari postingan ini :

<a href="http://bloggermahir.blogspot.com/2012/11/breadcrumbs-adalah-fungsi-dalam-seo.html">Mengenal Breadcrumbs dan Fungsinya dalam SEO</a>

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.

Traffic Tinggi dengan Widget Ping Gratis dan Otomatis

noreply@blogger.com (Blogger Santuy) — Fri, 09 Nov 2012 17:10:00 +0000

Promosi Blog-Traffic tinggi sekali lagi adalah dambaan bagi para blogger. Memang, sedikit menjadi sebuah kebanggaan tersendiri mungkin jikalau hasil karya kita banyak yang meminati. Termasuk dalam hal ini adalah postingan blog kita, bangga jikalau postingan blog kita banyak yang kunjungi, apresiasi, dan lain-lain.

Widget Ping Gratis. Pada postingan saya kembali ingin share kepada Anda betapa pentingnya ping pada saat Anda sedang update artikel atau postingan. Ya, walaupun sebelumnya saya telah menyerempet masalah ini dalam postingan blog saya yang berjudul "Cara Jitu Promosi Blog". Di sana saya bahas sedikit mengenai ping.

Ping Otomatis. Kembali mungkin saya ingin mengingatkan bahwa ping sebenarnya adalah jalan termudah untuk Anda mendapatkan traffic atau pengunjung blog yang tinggi. Ya, bolehlah dikatakan teknik ping secara berkala adalah langkah lain dari berbagai macam cara untuk promosi blog. Ping adalah langkah tercepat untuk memberitahukan kepada search engine bahwa Anda sedang atau telah mengadakan update terbaru konten atau postingan pada blog Anda. Kabar baiknya, bahwa para search engine besar seperti pada Bing.com dan google.com sangat menyukai fresh content atau postingan yang dianggap baru. Postingan yang dianggap baru serta unik akan mendapat posisi yang tinggi dalam index mereka.

Ping Otomatis. Untuk melakukan ping adalah perkara yang mudah. Mungkin, untuk hal ini tidak perlu saya buatkan postingan baru lagi untuk proses tutorial blog-nya dalam melakukan ping ini. Cukup Anda menuju ke alamat layanan ping blog yang banyak tersedia, kemudian masukkan alamat URL blog Anda atau alamat feed Anda kemudian lakukan ping atau langkah lain sesuai dengan layanan-layanan masing-masing penyedia layanan ping.

Info Blog. Sebenarnya blogger mahir dalam content atau postingan yang dibuatnya terdapat variasi isi postingan. Memang sebagian besar adalah membahas postingan blogger tutorial atau tutorial blogger tetapi juga terdapat variasi diantaranya info-info blog, maupun tips dan trik blog. Traffic Tinggi dengan Widget Ping Gratis dan Otomatis, berisi kedua hal tersebut info blog sekaligus tips dan trik blog. Triknya yang akan saya sajikan yaitu, bahwa Anda tidak perlu capek-capek lagi untuk mengunjungi alamat layanan ping otomatis. Ping secara otomatis dapat Anda lakukan tanpa mengunjugi dan mencopy paste alamat blog ataupun alamat feed blog pada layanan ping tersebut, cukup dengan mengklik tombol widget ping yang nantinya akan Anda pasang di blog Anda.

Widget pertama saya dapatkan dari situs www.auto-ping.com, Anda dapat kunjugi tetapi jika Anda to do pint saja. Langsung saja copy paste kode HTML di bawah ini yang notabene juga berasal dari situs auto-ping.com.

Tampilan logo dari layanan auto-ping.com :

Widget yang kedua, sebenarnya hampir sama. Cuman saya berikan alternatif buat Anda. Yang mana yang mau dipilih dan diletakkan di blog Anda. Kalau saya pribadi, semuanya bagus. Widget ini berasal dari situs ping-fast.com, berikut adalah kode HTML-nya yang dapat Anda copy dan letakkan di blog Anda. Silahkan:

Tampilan awal dari website penyedia layanan ini seperti pada gambar di bawah:

Untuk layanan ping lain seperti melalui pingomatic atau melalui pingoat adalah sudah memadai jika Anda lakukan ping pada salah satu dari kedua layanan tadi. Tips-nya sih, jangan terlalu banyak ping. Bisa-bisa Anda dikatakan sedang melakukan upaya spam dari mesin pencari. Lakukan ping hanya satu pada satu layanan ping saja untuk satu postingan atau artikel.

Promosi blog. Mungkin itu saja yang dapat saya share pada kesempatan kali ini. Beberapa artikel yang dapat bac mungkin :
1. Cara Jitu Promosi Blog
2. Tool Parse HTML
3. Tutorial blog cara membuat Text Area

<a href="http://bloggermahir.blogspot.com/2012/11/traffic-tinggi-dengan-widget-ping.html">Traffic Tinggi dengan Widget Ping Gratis dan Otomatis</a>

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.

Tutorial Mengganti Icon Blogger dengan Icon Sendiri

noreply@blogger.com (Blogger Santuy) — Wed, 24 Oct 2012 17:37:00 +0000

Tutorial Blog-Perkembangan dunia blog begitu dinamis, sedinamis banyaknya sumber-sumber informasi yang ada di internet. Begitu pun dengan Tutorial blog, begitu banyak sekali sebenarnya tutorial blog yang tidak sempat saya share di blog ini karena keterbatasan waktu dan kesempatan.

Tutorial blog. Mahir Blogger pada kesempatan ingin memberikan sebuah tutorial blog bagaimana cara mengganti Icon Blogger dengan Icon yang sesuai dengan keinginan Anda. Icon Blogger atau ada juga yang menyebutnya sebagai favicon, dapat Anda ganti dengan icon atau desain logo yang sesuai dengan keinginan Anda.

Info Blog. Ada yang tahu apa sebenarnya favicon ? Favicon adalah Icon untuk suatu web yang terletak di samping adressbar. Untuk icon standar dari blogger akan seperti pada gambar di bawah ini :

Tutorial blog. Icon seperti inilah yang menjadi kode atau icon default atau umum pada blog yang Anda jika Anda belum mengganti iconnya. Nah, tutorial blog berikut semoga menjadi cara yang mudah dan aplikatif buat Anda dalam mengganti icon blog default-standar dengan icon atau logo yang sesuai dengan Anda. Berikut Tutorial blognya, ikuti step per step :

Menyiapkan memang gambar atau icon yang mau di pakai.
Kemudian, Anda upload icon modifikasi buatan Anda kepada layanan upload gambar. Rekomendasi saya sih di Photobucket. Belum daftar photobucket silahkan di sini.
Tapi, jika Anda sudah punya Account, silahkan lanjut ke langkah selanjutnya. Ambil atau copy alamat URL Icon Anda yang sudah Anda upload di Photobucket.
Contoh URL gambar dari Photobucket : http://i1055.photobucket.com/albums/s509/indrafatih/cobalagiblogmahir.png
Okey, selanjutnya kita beralih ke tahap tutorial selanjutnya. Anda log in dulu ke Accoalunt Blog Anda.
Kemudian menuju ke Template > Edit HTML > Expand Template Widget
Kemudian saling dan copy alamat link gambar atau icon Anda pada <link href=' url icon yang Anda sudah modifikasi' rel='shortcut icon'/>
Jadi hasilnya nanti akan seperti ini : <link href='http://i1055.photobucket.com/albums/s509/indrafatih/cobalagiblogmahir.png' rel='shortcut icon'/>
Letakkan kode tersebut di atas </head> dan atau di bawah kode HTML <head>. Peletakkannya fleksibel, yang terpenting diantara kode <head> dengan </head>
Okey, sebelum menyimpan. Klik dulu Prantinjau untuk mengetahui apakah tutorial blog ini Anda lakukan dengan benar.
Jika sudah, klik Simpan atau Save.

Tutorial Blog. Itulah tadi langkah-langkah dalam mengganti Icon Default-Standar dari Blogger. Semoga Tutorial blog saya dapat Anda mengerti dan aplikasikan.

Tutorial blog. Anda telah membaca Tutorial Mengganti Icon Blogger dengan Icon Sendiri dari Blogger mahir. Seperti biasa, jika Anda ingin mengambil postingan kami sebagai referensi jangan lupa untuk selalu menampilkan alamat URL dari postingan kami ini.

<a href="http://bloggermahir.blogspot.com/2012/10/cara-mengganti-icon-blogger-dengan-icon-sendiri.html">Tutorial Mengganti Icon Blogger dengan Icon Sendiri</a>

Tutorial Blog. Berikut beberapa postingan yang kami rekomnendasikan buat Anda :
1. Tutorial Menambahkan Tombol Twitter pada Blog
2. Tutorial Membuat Teks Area (Lengkap)
3. Tutorial membuat Translate Tool Bergambar
4. Dan masih banyak lagi, di sini

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.

Tutorial Menambahkan Tombol Twitter pada Blog

noreply@blogger.com (Blogger Santuy) — Sun, 14 Oct 2012 12:15:00 +0000

Tutorial Blog-Beberapa waktu ini saya baru kembali membuat postingan. Ya, maklum karena ada juga kesibukan di dunia off line. Tutorial blog yang ingin saya share kepada Anda kali ini adalah tutorial blog tentang bagaimana cara menambahkan widget Twitter atau Tombol Twitter pada blog Anda.

Tutorial blog ini sebenarnya, bukan sekedar tombol Tweet saja di blog Anda, tetapi dengan menggunakan widget ini, di blog Anda nantinya akan mencakup juga Tombol Like Facebook, tombol Share dengan beberapa platform social media, hingga pengunjung on line yang sedang nonkrong di blog Anda.

Info blog ini mungkin dapat Anda lihat aslinya dengan melihat langsung pada bagian bawah blog saya. Di situ Anda akan melihat widget yang saya maksud. Bagaimana cara membuatnya ? Tutorial nya bagaimana? Simak penjelasan saya satu persatu..!

1. Pertama, Anda menuju dulu ke situs berikut http://wibiya.conduit.com/

2. Bila Anda sudah masuk ke situ ini, maka tampilan seperti berikut :

Tampilan Wibiya

3. Klik tombol Join, pada bagian kiri atas. Sudah terlihat tidak...? Hehehe.
4. Setelah itu, Anda akan menemukan tampilan seperti berikut :

5. Masukkan Url Blog Anda, kemudian pilih yang sesuai dengan blog atau website Anda.

6. Klik Tombol Create Now

7. Tampilan berikutnya, akan seperti ini :

8. Tandai, aplikasi yang ingin tampil di blog Anda. Karena ini adalah tutorial bagaimana cara menambahkan widget Twitter, makan jangan lupa centang pada bagian Tweet Button, Anda juga dapat memilih aplikasi yang lain.

9. Tutorial selanjutnya, masukkan alamat email atau alamat gmail Anda, masukkan password yang sesuai dengan keinginan Anda, kemudian Bar Languange yang sesuai dengan bahasa yang Anda inginkan. Catatan : disini belum ada layanan untuk bahasa Indonesia, makanya Anda bisa menggunakan Bahasa Inggris/ English.

10. Tutorial selanjutnya, Anda tekan tombol Get Your Bar, atau seperti gambar di bawah ini.

11. Langkah selanjutnya, maka Anda akan menuju ke halaman yang seperti in, di dalam gambar tersedia layanan untuk paltform blog wordpress, untuk beralih ke blogger, klik tulisan here pada bagian bawah gambar Install on Wordpress.

12. Maka Anda akan beralih ke tampilan berikut : Klik gambar Blogger atau apa pun itu yang sesuai dengan platform dari blog yang Anda gunakan.

13. Selanjutnya, Anda diminta untuk menginstall Widet Wibar dalam Blogger

14. Klik here pada bagian bawah Install Wibar, untuk me-redirect atau mengarahkan Anda ke pengaturan blog Anda (Tapi Ingat, Anda harus log in dulu ke blogger.com). Setelah itu Anda akan diarahkan menuju halaman seperti di bawah ini untuk menambah elemen halaman pada blog Anda. Klik Menambah Widget:

15. Langkah Terakhir, Save atau Simpan untuk eksekusi setelah sebelumnya Anda menekan tombol Pratinjau untuk melihat Apakah Tutorial blog ini Anda lakukan dengan benar. Okey.
Jika Anda ingin mengambil postingan ini sebagai referensi, mohon sertakan selalu link-nya. Seperti di bawah ini :

<a href="http://bloggermahir.blogspot.com/2012/10/tutorial-menambahkan-tombol-twitter.html">Tutorial Menambahkan Tombol Twitter pada Blog</a>

Okey, itulah tadi Tutorial blog, bagaimana menambahkan widget Twitter pada blog Anda. Semoga Anda dapat mengerti tutorial saya, dan dapat bermanfaat. Terima Kasih.

Khusus buat Anda, beberapa Tutorial blog yang saya rekomendasikan buat Anda :

1. Membuat Tombol Share Facebook pada Blog

2. Tips Mempercantik Blog

3. Jurus Ampuh SEO dengan Pemilihan Nama Domain dan Keyword

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.

Tool Parse HTML

noreply@blogger.com (Blogger Santuy) — Wed, 26 Sep 2012 05:12:00 +0000

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 :

1. Strategi Ampuh promosi blog

2. Hal yang Membuat blog kurang pengunjung

3. Tutorial mendaftar XML Google

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 :

<a href="http://bloggermahir.blogspot.com/2012/09/tool-parse-html.html">Tool Parse HTML</a>

Pengertian HTML Parse/Parse HTML

noreply@blogger.com (Blogger Santuy) — Fri, 21 Sep 2012 04:55:00 +0000

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 :

1. Info Blog

2. Mengenal HTML

3. Mengenal CSS pada Blog

4. Web / Blog Direktori

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 :

<a href="http://bloggermahir.blogspot.com/2012/09/html-parse-adalah.html">Pengertian HTML Parse/Parse HTML</a>

Mempercepat Loading Blog

noreply@blogger.com (Blogger Santuy) — Thu, 20 Sep 2012 19:36:00 +0000

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 ) !


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 :

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>

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:

<a href="http://bloggermahir.blogspot.com/2012/09/mempercepat-loading-blog.html">http://bloggermahir.blogspot.com/2012/09/mempercepat-loading-blog.html</a>

Mahir Membuat Text Area (Advanced)

noreply@blogger.com (Blogger Santuy) — Mon, 17 Sep 2012 04:39:00 +0000

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.

Site Map

noreply@blogger.com (Blogger Santuy) — Fri, 14 Sep 2012 18:31:00 +0000

Mengenal DMOZ Directory

noreply@blogger.com (Blogger Santuy) — Fri, 14 Sep 2012 15:34:00 +0000

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 :

<a href="http://bloggermahir.blogspot.com/2012/09/dmoz-directory-submission.html">Mengenal DMOZ Directory</a>

Tutorial Membuat Tombol Share Facebook pada Blog

noreply@blogger.com (Blogger Santuy) — Wed, 12 Sep 2012 21:35:00 +0000

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.

1. Addthis

2. Sharethis

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 :

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 :

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 %.

<a href="http://bloggermahir.blogspot.com/2012/09/button-share-facebook-twitter.html">Tutorial Membuat Tombol Share Facebook pada Blog</a>