Blog Bintaro

Forum Diskusi (Tanya & Jawab) seputar Desain Grafis

2014-04-14T17:18:00.001+07:00

Hari Minggu yang lalu tepatnya 14 April 2014, blog saya (Motif Web) telah merilis Forum Diskusi (Tanya & Jawab) tentang Desain Grafis..

Forum tersebut sengaja saya buat untuk para pengunjung blog tersebut yang ingin bertanya berbagai persoalan seputar tips, trik, dan tutorial Desain Grafis.

Karena postingan di blog motif web baru sekitar kurang lebih 50, sedangkan yang mereka cari tutorialnya belum tersedia di blog tersebut, maka di forum tersebut mereka bisa diskusikan dan tanyakan persoalan mereka.

Bagi anda yang ingin bergabung di forum tersebut pastikan anda mempunya akun gmail agar dapat bergabung dan berdiskusi bersama..

Cara Menghasilkan Uang Lewat Internet dengan BidVertiser!

2014-03-31T06:43:00.001+07:00

Banyak sekali cara memonitasi blog. Seperti menyediakan ruang iklan kosong yang nantinya orang lain akan memasang iklan di blog atau dengan menjadi publisher iklan...

Monetize your Website or Blog with BidVertiser (BidVertiser) adalah salah satu layanan yang mirip dengan google adsense, walaupun pendapatan tidak sebesar googe adsense.. tapi ini bisa menjadi alternatif anda untuk menghasilkan uang lewat internet dengan memanfaatkan blog yang sudah anda buat.. Untuk menjadi publisher iklan BidVertiser sangatlah mudah! tidak seperti google adsense yang akan me-review sampai 2 kali..

Terbukti banyak sekali blogger Indonesia termasuk saya yang sudah menjadi publisher Bidvertiser, Bidvertiser terbukti membayar! Cara pembayaran bidvertiser yaitu dengan:

Paypal ( minimal 10 dollar untuk mengambil dengan paypal).
Western Union, seperti google adsense ini adalah cara pembayaran favorit saya, karena sangat mudah. (minimal 100 dollar untuk mengambil dengan Western Union).
Check (minimal 100 dollar untuk mengambil dengan Check).
Wire (minimal 500 dollar untuk mengambil dengan Wire).

Jadi tidak perlu ragu lagi, Daftar sekarang...

Motif Web: video tutorial merubah warna pakaian dengan photoshop

2014-03-30T08:31:00.001+07:00

Sebenarnya ini adalah salah satu teknik dasar photoshop... hanya dengan mengganti warna baju caranya yaitu seleksi bagian yang ingin diwarnai menggunakan tool yang menurut anda paling mudah untuk digunakan, setelah itu gunakan hue/saturation untuk memberi warna..

Mari simak video tutorialnya di bawah ini:

Software untuk membuat vector

2014-03-30T08:20:00.001+07:00

Software untuk membuat vector tentunya software tersebut berbasis vector... banyak sekali software vector yang dapat kita gunakan salah satunya adalah CorelDRAW.. Apa itu CorelDRAW? CorelDRAW adalah sebuah perangkat lunak vektor yang dikeluarkan oleh corel corporation.. biasa digunakan dalam pembuatan logo, banner, kartu nama, dan masih banyak lainnya.... Software tersebut menurut saya sangatlah user friendly... mudah di mengerti, tampilan yang sederhana, fitu yang lengkap, dan sebagainya...

Sistem Komentar DISQUS 2012

2012-11-15T00:59:00.000+07:00

Disqus merupakan sistem komentar yang bertujuan untuk meningkatkan percakapan atau diskusi secara online pada situs web. Disqus berdiri sejak tahun 2007 di kota San Francisco, Amerika Serikat. Disqus menyediakan widget comment yang dapat dipasang dan digunakan di berbagai platform seperti; Blogger, Wordpress, Joomla, Drupal, Tumblr TypePad, MovableType, DokuWiki, Sandvox, chi.mp, Squarespace, dan Yola. Fitur-fitur yang disediakan oleh Disqus diantaranya yaitu:

Import Tools
Dengan fitur ini memungkinkan anda dapat mengimport komentar dari platform Blogger, Wordpress dan lain sebagainya ke sistem komentar disqus dengan mudah. Dengan demikian, anda tidak perlu khawatir komentar akan hilang jika menggunakan sistem komentar disqus.

Color Scheme
Dengan fitur ini memungkinkan anda dapat mengubah skema warna sistem komentar disqus, terdapat dua pilihan skema warna yaitu Light dan Dark. Klik Uncheck (hilangkan tanda centang) untuk membiarkan disqus memilih skema warna secara otomatis sesuai dengan warna link pada postingan blog anda.

Pre-Moderation
Fitur ini hampir sama dengan fitur yang sudah tersedia pada blogger (Comment Moderation) fungsinya yaitu dapat memoderasi komentar yang masuk sebelum komentar tersebut di publish. Bedanya, pre moderation pada sistem komentar disqus dan Comment Moderation pada sistem komentar blogger yaitu pada sistem komentar disqus kita dapat mengatur komentar dari siapa yang akan dimoderasi terlebih dahulu sebelum dipublish. Apakah anonymous atau siapapun (semua pengomentar) kecuali admin. Sayangnya fitur Pre-Moderation hanya tersedia pada Disqus lama, sedangkan pada Disqus 2012 fitur ini tidak tersedia. Jika anda baru mendaftar ke Disqus secara default anda akan menggunakan fitur Disqus 2012, untuk mengaktifkan fitur Pre Moderation masuk ke menu Admin > Setting > General, lihat Disqus 2012 lalu Uncheck (hilangkan tanda centang) pada Enable Disqus 2012 Fitur... Lalu klik Save Changes. Setelah itu fitur Pre Moderation baru akan muncul, scroll mouse ke bawah lihat Pre Moderation lalu atur sesuai keinginan. Jika sudah selesai klik Save changes.

Media Attachments
Dengan fitur ini memungkinkan anda dapat berkomentar sekaligus melampirkan foto dan video. Sebuah fitur yang sangat bagus dan menarik tentunya.

Edit Comment Button
Dengan fitur ini memungkinkan anda dapat mengedit komentar yang sudah anda terbitkan.

Voting Button
Tombol vote yang terletak di sebelah kiri tombol edit komentar, dengan tombol vote memungkinkan anda untuk memberi vote up pada pengomentar yang memberikan komentar yang bagus, dan vote down pada pengomentar yang memberikan komentar kurang bagus atau mengandung spam.

Star Rating
Dengan fitur ini memungkinkan anda dapat memberi rating pada sebuah posting yang anda sukai. Dengan tambahan tombol "more option" di sebelah kanannya yang memuat tombol berbagi ke facebook dan twitter, berlangganan thread via email, dan beralangganan thread via RSS.

Keyboard Shortcuts
Dengan fitur ini memungkinkan anda dapat memoderasi komentar dengan mudah dan cepat. Mengambil tindakan seperti; menghapus komentar, menandai komentar sebagai spam, menghapus komentar, dan mengubah menu tab ke menu tab yang lain tanpa harus menyentuh mouse. Untuk menggunakan fitur ini masuk ke menu Admin > Moderate, kemudian tekan tombol "?" (tanpa tanda kutip) nanti akan muncul tombol-tombol perintah keyboard shortcuts yang dapat anda gunakan untuk menyingkat dan mempercepat suatu perintah.

Dan masih banyak fitur-fitur Disqus 2012 menarik lainnya seperti; In-Line & Moderation yang dapat memoderasi komentar langsung pada thread, Spam Controls & Word Filtering yang merupakan perlindungan terhadap spam yang bekerja dengan jaringan yang luas, BlackListing & WhiteListing yang dapat mencegah pengomentar untuk berkomentar dan memungkinkan menerima pengguna untuk dapat melewati filter moderasi seperti spam dan lain sebagainya, Restricted Words merupakan fitur untuk memoderasi komentar sebelum di publish yang mengandung kata-kata spam. Dan lain sebagainya...

Update:
Sistem komentar DisQus 2012 baru-baru ini telah meluncurkan beberapa fitur terbaru diantaranya Typeface, Moderator Badge Text, dan juga Fitur Pre-Moderation yang dulu hanya tersedia pada sistem komentar DisQus lama, kini pada sistem komentar DisQus 2012 sudah tersedia!

IE 10 Untuk Windows 7 Akan Hadir Bulan November

2012-11-05T09:26:00.002+07:00

Setelah sebelumnya Microsoft merilis versi terbaru Internet Explorer 10 untuk Windows 8 Preview pada bulan mei yang lalu, baru-baru ini Microsoft telah mengumumkan kepada publik bahwa Internet Explorer 10 akan dapat digunakan juga pada sistem operasi Windows 7, pertengahan bulan November ini. Ini tentu merupakan berita yang sangat bagus bagi pengguna browser tersebut setelah Microsoft memberikan update terakhir Internet Explorer 9 pada (14/03/11) yang lalu...

Rob Mauceri, Group program manager Internet Explorer memposting di blog resmi Internet Explorer bahwa Microsoft akan merilis IE 10 sebagai versi preview dengan tujuan untuk mengetahui umpan balik dari para pengguna Internet Explorer 10 pada windows 7 dan akan segera mengupdate ke versi final-nya setelah ia berhasil mendapatkan semua umpan balik. Kabarnya IE 10 akan memberikan kinerja yang lebih cepat untuk menjelajahi dunia maya di berbagai situs web dan memberikan standar dukungan tambahan untuk windows 7. Setelah melakukan survei kinerja browser; IE 10, Firefox 13, dan Chrome 20 ternyata IE 10 lebih cepat 8% di banding Chrome 20.

Gambar diambil dari StrangeLoopNetworks.Com

Setelah melihat dan membaca beberapa komentar di Blog Internet Explorer mengenai peluncuran IE 10 versi preview untuk windows 7, terlihat beberapa developer dan pengguna IE kurang senang akan peluncuran IE 10 versi Preview tersebut, ia menginginkan versi Final agar dapat menggunakan Browser tersebut untuk mengoptimalkan situs web mereka.

Daftar Situs Web Untuk Perpendek URL (URL Shortener)

2012-09-17T06:50:00.003+07:00

Perpendek Url (URL Shortener) adalah layanan yang disediakan oleh situs web tertentu yang di gunakan untuk memperpendek atau menyembunyikan sebuah alamat Url. Url Shortener seringkali digunakan pada situs jejaring sosial Twitter karena mengingat adanya pembatasan karakter yaitu sebanyak 140 karakter, dengan adanya situs web yang menyediakan layanan Url Shortener tentu memberikan manfaat agar kita bisa menghemat penggunaan karakter ketika kita ingin memposting di Twitter yang berisi sebuah informasi disertai link, sehingga tidak terlalu banyak memakan ruang untuk membuat tulisan teks di Twitter.

- Contoh Url blog ini yang sudah di pendekkan URLnya menggunakan google url shortener: Blog-Bintaro.Blogspot.Com >> http://goo.gl/ZjeGw.

Berikut daftar situs yang menyediakan layanan Perpendek URL (URL Shortener):

1. Goo.gl
2. Bitly.com
3. Mcaf.ee
4. Tinyurl.com
5. Is.gd
6. Ow.ly/url/shorten-url
7. Ity.im
8. Linkpop.pro
9. Y.ahoo.it
10. Go.if.web.id
11. Pendek.in
12. De.tk
13. Siteo.us
14. Kro.co
15. Cli.gs

16. Adf.ly
17. App.x.co
18. Snipurl.com
19. Gg.gg
20. Re.po.st
21. Blue.gg
22. Sup.im
23. Moourl.com
24. Tiny.cc
25. Url.ie
26. Qrf.in
27. U.to
28. Pdx.be
29. Pin.st
30. Tiny.tw
31. Dagosearch.com

Karena fungsi URL Shortener untuk memperpendek sekaligus menyembunyikan sebuah alamat url, penggunaan URL Shortener justru banyak di salah gunakan oleh orang-orang yang tidak bertanggung jawab untuk menyebarluaskan konten-konten yang tidak seharusnya dilihat (konten berbahaya). Agar anda tidak khawatir jika harus mengklik alamat url yang sudah di pendekkan, anda bisa gunakan layanan long url dari "LongURL | Expand URL". Fungsi dari LongURL adalah untuk memperpanjang alamat url yang sudah di pendekkan. Jadi anda tidak perlu khawatir lagi bila harus mengklik alamat url yang sudah di pendekkan/sembunyikan, karena anda akan mengetahui anda akan di arahkan kemana dari url pendek tersebut...

Merubah Tag Heading Menjadi H1 Untuk Judul Postingan Di Blogger

2012-09-03T01:05:00.001+07:00

Tag Heading adalah bahasa markup (HTML) yang berfungsi untuk mengatur tingkatan Heading dari yang terbesar sampai yang terkecil (Subheading). Tag heading H1 merupakan tag Terbesar jika dibandingkan dengan Tag heading lainnya yang lebih kecil: H2, H3 dan seterusnya... sampai H6. Jika anda menggunakan template dari Blogger atau template free premium, Tag Heading pada judul postingan biasanya menggunakan Tag H3 atau H2. Bukan berarti Penggunaan Tag heading h3 atau h2 pada judul postingan tidak SEO Friendly, bahkan banyak sekali web/blog yang menggunakan h3 atau h2 pada judul postingan tapi mempunyai Pagerank dan Traffic yang tinggi. Meski banyak sekali yang membahas mengenai penggunaan H1 sangat penting untuk meningkatkan SEO, tapi menurut para Webmaster (Pegiat SEO) Penggunaan H1 untuk judul postingan hanya berpengaruh sedikit untuk meningkatkan SEO.

Walaupun berpengaruh sedikit untuk meningkatkan SEO tapi saya tetap menggunakan H1 hanya pada judul postingan, tujuannya lebih kepada untuk memperindah dan menonjolkan title post karena ukurannya yang memang lebih besar dan sedikit untuk meningkatkan SEO blog. Tahun 2009 yang lalu Matt Cutts (seorang software engineer Google) pernah memberi tahu kepada publik melalui Video di Youtube bahwa Penggunaan H1 yang berlebihan dapat di anggap SPAM oleh Google.

Berikut Cara Merubah Tag Heading Menjadi H1 Untuk Judul Postingan

1. Pada dashboard klik More options > Template.
2. Klik Edit HTML > Proceed.
3. Klik "Expand widget templates."
4. Lalu cari kode yang sama seperti di bawah ini. Jika mencari tag heading h3 tidak ditemukan, cari tag heading h2.

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

5. Nanti anda akan menemukan kode di atas dua kali. Pertama adalah untuk tampilan layar Desktop dan yang kedua adalah untuk tampilan Handphone (mobile). <b:include name='mobile-nextprev'/>
6. Ubah kode tag yang berwarna orange di atas h3 Menjadi h1.
7. Klik Save Template.
8. Done.

Jika anda mengalami kesulitan ketika mengganti tag heading menjadi h1, silahkan tinggalkan komentar. Jangan ragu untuk bertanya, Insya Allah saya akan coba jawab secepatnya...

Cara Membuat Label Cloud di Blogger dan Mengkostumisasinya

2012-08-24T17:04:00.000+07:00

Cara membuat label Cloud - Labels atau Kategori (Category) adalah sebuah widget yang berfungsi untuk mengkategorikan atau mengkelompokkan setiap jenis postingan. Blogger/Blogspot sudah menyediakan widget label ini dengan beberapa tampilan yaitu List dan Cloud. Pada postingan ini saya akan membagikan sedikit trik tentang cara membuat label Cloud di blogger dan mengkostumisasi/merubah tampilan label cloud menjadi kotak-kotak (Blocks). Trik ini sebelumnya telah ditunjukkan oleh si pembuatnya yaitu Mohammad Mustafa Ahmedzai. Untuk preview atau demonya anda bisa lihat langsung pada blog ini, "Tags" yang berada di antara Popular dan Blog Archives.

Berikut Cara Membuat Label dan Mengkostumisasi Tampilan Label Cloud menjadi kotak-kotak (Blocks):

1. Pada Dashboard klik More options > Layout.

2. Klik Add Gadget > pilih Labels.

3. Beri judul Categories, Tags atau Labels, lalu pilih tampilan (Display) jenis Cloud. Hapus tanda atau unchecklist pada "Show number of posts per label".
4. Save

5. Lanjutkan ke edit template. Pada Dashboard klik More options > Template > Edit HTML > Proceed.

6. Beri checklist pada "Expand widget templates".

7. Cari kode ]]></b:skin>

8. Lalu copy dan paste kode di bawah ini, Di Atas kode ]]></b:skin>

.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}

.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover {
text-decoration: none;
}

9. Save Template.
10. Done!

Silahkan tinggalkan komentar jika ada problem atau masalah mengenai cara membuat label cloud dan mengkostumisasi/merubah tampilan Labels Cloud di Blogger.

Happy Blogging!

Cara Membuat Tombol Back To Top dengan Efek jQuery Smooth di Blogger

2012-08-22T15:50:00.000+07:00

Tombol scroll Back To Top adalah sebuah widget yang berfungsi untuk memudahkan pengunjung blog/visitor termasuk saya ketika telah selesai membaca artikel yang sangat panjang dan ingin kembali ke atas (Back to top) hanya dengan menekan satu kali klik pada widget tombol back to top. Tentu cara ini lebih efektif dan cepat jika di bandingkan menekan tombol scroll pada mouse.

Widget Tombol Scroll Back To Top juga sering disebut "Return top of page", "Boost to top", "Kembali ke atas" dan "Meluncur ke atas. Widget tombol scroll back to top yang saya bagikan ini menggunakan jQuery Smooth Effect, jika di klik tombol back to top tersebut akan meluncur ke atas secara perlahan. Berbeda dengan widget tombol back to top yang tidak menggunakan Efek jQuery Smooth seperti yang saya gunakan di Blog Bintaro ini, lihat di bagian footer "Back to top" di sebelah kanan powered by blogger. Widget back to top yang saya gunakan jika di klik akan langsung meluncur ke atas dengan cepat.

View Demo

Berikut Cara Membuat Tombol Scroll Back To Top dengan Efek jQuery Smooth di Blogger:

1. Pada dashboard, Klik more options > Template > Edit Html > Proceed.

2. Cari kode ]]></b:skin>

3. Lalu letakkan kode di bawah ini, Di Atas kode ]]></b:skin>

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguyyhoiQsHaVD0NlDIySKewwzaG7HiGWks-lVowGxCQj9AcptvglsdwOerUKb_da89LQ2q4l2ORAIsAbvqD8TsCfwfUNGaAQ85akeHna70zPpFFpWsJhkNBHNbGDyp_26Qut5QNnu8AtQ/s1600/Back-to-top-blog-bintaro.png) no-repeat left top;
}
#toTopHover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguyyhoiQsHaVD0NlDIySKewwzaG7HiGWks-lVowGxCQj9AcptvglsdwOerUKb_da89LQ2q4l2ORAIsAbvqD8TsCfwfUNGaAQ85akeHna70zPpFFpWsJhkNBHNbGDyp_26Qut5QNnu8AtQ/s1600/Back-to-top-blog-bintaro.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/><script src='http://blogbintaro.googlecode.com/files/jquery.1.3.bb.js' type='text/javascript'/><script src='http://blogbintaro.googlecode.com/files/jquery.backtotop.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function() {/*var defaults = {containerID: 'moccaUItoTop', // fading element idcontainerHoverClass: 'moccaUIhover', // fading element hover classscrollSpeed: 1200,easingType: 'linear' };*/
$().UItoTop({ easingType: 'easeOutQuart' });
});</script>

4. Cari kode </head>
5. Kemudian letakkan kode di bawah ini, Di Atas kode </head>

6. Terakhir, cari kode </body>
7. Lalu letakkan kode di bawah ini, Tepat Di Atas kode </body>

8. Done! Silahkan tinggalkan komentar untuk response atau pertanyaan mengenai Cara membuat tombol scroll back to top dengan efek jQuery di Blogger.

Credits & thanks: Paul Crowe

Cara Membuat Daftar Isi Otomatis (SiteMap) Di Blogger

2012-08-19T22:12:00.001+07:00

Daftar isi otomatis, Table Of Content atau SiteMap adalah sebuah widget yang yang memuat seluruh konten/artikel blog pada suatu halaman. Dengan membuat daftar isi otomatis atau sitemap ini sangat bermanfaat untuk menaikkan jumlah Page views dan memudahkan pengunjung/visitor untuk melihat dan mengetahui seluruh konten blog. Tentu dengan membuat daftar isi otomatis ini lebih efisien dibandingkan dengan membuat daftar isi secara manual dengan menuliskan link beserta anchor teks satu persatu. Daftar isi otomatis atau sitemap ini bekerja berdasarkan Label dan Feed blog. Jadi, agar postingan anda termuat atau tampil di daftar isi, postingan harus memilik Label.

View Demo

Berikut Cara Membuat Daftar Isi Otomatis SiteMap (Table Of Content) di Blog
1. Pada dashboard klik More options > Pages.
2. Klik New page > Blank Page.
3. Beri judul "Daftar Isi", "SiteMap", "Table Of Content" atau yang lainnya.
4. Klik HTML lalu masukkan script di bawah ini.

<script src="http://blogbintaro.googlecode.com/files/Daftar%20Isi%20%281%29.js"></script><br /><script src="http://blog-bintaro.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Note:

Ubah http://blog-bintaro.blogspot.com dengan Url blog anda.
5. Update.

Cara Menampilkan Foto Profil Blog/Google+ di Hasil Pencarian Google

2012-08-12T23:55:00.000+07:00

Cara menampilkan foto profil - Pernah melihat foto yang tampil di hasil pencarian Google search engine? Ya! Itu adalah foto profil/gambar profil Google plus, foto yang tampil di sebelah kiri deskripsi postingan atau deskripsi blog/web. Berikut contohnya:

Dengan menampilkan foto profil Google plus di hasil pencarian google search engine akan ada kesan berbeda dengan yang lainnya, lebih menarik, dan terlihat lebih profesional. Kita juga bisa langsung melihat Wajah dari si penulis (author) dari web/blog tersebut. Untuk mengetahui lebih detail penulis dari web/blog tersebut, kita cukup klik Namanya di samping kiri foto profilnya dan nanti akan langsung di arahkan ke akun Google+ penulis tersebut.

~~Sebelum menampilkan foto profil google+ di hasil pencarian Google search engine pastikan blog anda sudah terhubung dengan akun google plus~~. Setelah itu ikuti langkah-langkah di bawah ini untuk Cara Menampilkan Foto Profil Google+ di Hasil Pencarian Google:

1. Pada dashboard klik More options > Template > Edit Html > Proceed.

2. Letakkan link di bawah ini di bawah kode tag <head>.

<link href='https://plus.google.com/101847230943842885090' rel='publisher'/>

3. Setelah itu letakkan link di bawah ini di Footer, seperti pada blog ini (Join My Circle) disebelah kanan privacy policy. Bisa juga di letakkan di Sidebar, yang jelas harus mucul di setiap halaman.

<a href='https://plus.google.com/101847230943842885090' rel='author' target='_blank' title='Nur Wahid'>Join My Circle</a>

Keterangan:

Ubah https://plus.google.com/101847230943842885090 dengan Url ID google plus anda.
Ubah Nur Wahid dengan Nama akun Google plus anda.

4. Save.

5. Masuk ke akun profil google plus anda.

6. Klik edit Profil, Scroll mouse kebawah lihat "Kontributor untuk", lalu Klik.

7. Klik Tambahkan tautan khusus.

8. Pada label isikan Nama blog anda, lalu pada URL isikan url blog anda. Klik "pengeditan selesai".

10. Simpan. Setelah itu silahkan check dengan Rich snippets testing tool, masukkan salah satu Url postingan blog anda, lalu klik Preview.

Jika berhasil maka akan muncul foto profil anda dan Publisher beserta Author yang sudah terverifikasi. Agar foto profil tampil di hasil pencarian Google search engine setidaknya memakan waktu sampai 2 Minggu atau bisa juga lebih cepat.

Hex Color Chart and Generator

2012-07-31T10:51:00.000+07:00

Hex Color Chart and Generator (HTML/CSS Color Codes) - Gunakan alat ini untuk untuk mengetahui kode warna html dan mendesain web/blog anda, seperti untuk mengubah warna background, warna link dan masih banyak lainnya. Cara menggunakan alat ini sangat mudah, yaitu dengan memilih warna terlebih dahulu pada roda yang berputar di bawah setelah itu anda akan mendapatkan kode warna htmlnya. Jika anda ingin memasukkan kode warna html untuk mengetahui warnanya anda cukup memasukkan kode warna htmlnya tanpa tanda "#" lalu klik tombol update!

Submit Your Site To 20+ Search Engines

2012-07-30T09:40:00.003+07:00

Free WebSubmission! Submit Your Site To 20+ Search Engines - Submitkan website/blog anda ke 20+ mesin pencari (Search Engines) melalui Remote AutoSubmitter tool di bawah. Cara menggunakannya sangat mudah yaitu dengan memasukkan Url website/blog anda, Nama anda, Email anda untuk mendapatkan notifikasi/pemberitahuan tentang situs anda setelah anda mensubmitkan web/blog anda, dan yang terakhir jangan lupa untuk memberi checklist pada "I aggre to the terms" setelah itu klik tombol Submit.

Cara Membuat Recent Comments Dengan Avatar di Blog

2012-07-29T16:49:00.001+07:00

Recent Comments atau komentar terakhir adalah sebuah widget yang menampilan beberapa komentar terbaru di blog. Pada dasarnya blogger sudah menyediakan fitur Recent Comments ini, tapi menurut saya desainnya kurang menarik. Oleh karena itu sekarang saya akan sharing mengenai cara membuat Recent Comments dengan avatar/foto, tentu desain dan tampilannya berbeda dengan yang sudah di sediakan blogger. Widget Recent Comments ini saya dapatkan dari way2blogging, salah satu situs web favorit saya. Recent comments ini bekerja berdasarkan Comment RSS feed blog.

Berikut Cara Membuat Recent Coments dengan Avatar di Blogger/Blogspot
1. Pada dashboard pilih layout
2. Klik Add gadget > HTML/JavaScript
3. Beri judul Recent Comments, lalu pada kotak content masukkan kode di bawah ini

<div style=" overflow:auto; text-align: left; width: 300px;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]></script>
<script type="text/javascript" src="http://blogbintaro.googlecode.com/files/recent-comments-with-avatar.js"></script>
<script type="text/javascript" src=" http://blog-bintaro.blogspot.com /feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>
</div>

Keterangan:

numComments = 5, adalah jumlah komentar yang ingin ditampilkan, anda bisa mengubah nilai 5 sesuai keinginan anda.
avatarSize = 30, adalah ukuran avatar/gambar yang tampil.
characters = 40, adalah jumlah karakter/kata yang di tampilkan, kurangkan nilai 40 untuk memperpendek karakter dan sebaliknya jika ingin memperpanjang.
http://blog-bintaro.blogspot.com, silahkan ubah dengan url blog anda.

4. Save

5. Done!

Cara Membuat dan Mengganti Favicon Blogger

2012-07-27T07:50:00.000+07:00

Mengganti Favicon di Blog - Favicon adalah logo/lambang yang muncul pada tab browser atau di samping kiri address bar. Favicon dapat menggambarkan mengenai suatu blog/web. Format gambar favicon yaitu .ico, pada blog berplatform blogger/blogspot favicon yang muncul akan sama dengan favicon blogger.com. Untuk menggantinya kita harus membuat logo atau gambar terlebih dahulu, lalu untuk mengubah format gambar menjadi .ico kita perlu menggunakan jasa Favicon Generator.

Berikut beberapa situs web yang menyediakan Favicon Generator:

Cara Mengganti Favicon Blogger

Cara Pertama:

Pada dasboard pilih Layout
Lalu pada favicon klik edit
Pilih file gambar format .ico yang sudah anda buat
Save

Cara kedua:

1. Pada dashboard pilih Template

2. Klik Edit Html > Procced

3. Lalu letakkan kode di bawah ini di bawah kode <head>

<link href="Url Favicon" rel="shortcut icon" type="image/vnd.microsoft.icon"/>

4. Ubah Url Favicon dengan Url favicon anda.

5. Save template.

Untuk mendapatkan url favicon anda perlu host/upload gambar melalui beberapa situs yang menyediakan hosting gambar seperti picturestack.com dan Myupload.org atau bisa juga melalui Post editor blogger dengan memasukkan gambar terlebih dahulu (insert image) lalu Klik HTMl dan anda akan mendapatkan url faviconnya..

Daftar Direktori DoFollow Terbaik

2012-07-24T17:44:00.000+07:00

Sebelumnya saya telah memposting beberapa tips dan trik SEO di antaranya yaitu dengan memsubmitkan konten/artikel blog ke social bookmark dofollow setelah mempublish artikel. Dan berkomentar ke blog-blog dofollow untuk mendapatkan backlink yang bisa memperkuat halaman web/blog. Sekarang saya akan membagikan beberapa direktori blog (dofollow) terbaik.

Dengan Mendaftarkan Blog Ke Direktori Blog (Blog Directory) merupakan salah satu cara untuk mempromosikan blog, meningkatkan popularitas web/blog dan meningkatkan traffic kunjungan. Backlink dari direktori blog (dofollow) sangat bagus untuk meningkatkan SEO. Segera daftarkan/submitkan web/blog anda ke direktori blog!

Berikut daftar direktori dofollow:

1. Technorati.com
2. Dir.blogflux.com
3. Bloggers.com
4. Blogtopsites.com
5. Blogarama.com
6. Blogtoplist.com
7. Bloggingfusion.com
8. Topblogarea.com
9. Topofblogs.com
10. Bloghub.com
11. Blog-directory.org
12. Bloggernity.com
13. Blogdire.com
14. Globeofblogs.com
15. Bloggeries.com
16. Myblog2u.com
17. Blogcatalog.com
18. Topblogging.com
19. Blogsrater.com
20. Blogs-collection.com
21. Directory.seo4world.com
22. Fuelmyblog.com
23. M-directory.com
24. Blogskinny.com
25. Addyourblog.com

26. Freeprwebdirectory.com
27. Bloglisting.net
28. Cultuurtechnologie.net
29. Search4blogs.com
30. Eblogzilla.com
31. Blog-search.com
32. Root-b.org
33. Sdrtin.com
34. Mynewblog.com
35. Bloggerlist.net
36. Blogvillage.gotop100.com
37. Airet.net
38. Auhana.com
39. Feedmap.net
40. Planet-blog.com
41. Bloggernow.com
42. Flookie.net
43. Kiwidir.com
44. Kacsca.com
45. Lsblogs.com
46. Zimbio.com
47. Permacharge.com
48. Directory.bloggertalk.net
49. Nju-jp.com
50. Aveblogs.com

Daftar/list direktori blog di atas akan terus saya update, jika anda mempunyai direktori dofollow silahkan konfirmasikan melalui komentar. Gunakan Name/url ketika berkomentar, tidak perlu memasukkan link.

Happy blogging!

Membuat Postingan Menjadi 2 Kolom di Blog

2012-07-21T20:17:00.004+07:00

Membuat Postingan 2 Kolom (Multi Kolom) bukan hanya bisa pada Wordpress, di blog berplatform blogger/blospot ternyata juga bisa. Membuat postingan 2 kolom ini sangat cocok untuk web/blog yang membahas berita, cerita dan lainnya. Tentu cara ini lebih efektif karena tidak memakan banyak ruang post dan juga tampilannya lebih menarik pengunjung yang ingin membacanya.

Berikut Cara Membuat Postingan Menjadi 2 Kolom (Multi Kolom) di Blogger
1. Pada Dashboard pilih Create new post.
2. Pilih opsi Edit Html.
3. Lalu copy dan paste kode di bawah ini ke dalam post editor:

<table cellpadding="10" cellspacing="10"><tbody><tr> <td align="justify" valign="top" width="240">Left</td><td align="justify" valign="top" width="240">Right</td> </tr></tbody></table>

4. Untuk kode yang saya warnai di atas silahkan atur sesuai keinginan.
5. Done!

Berikut Demonya:

Text 1 Text 2 Text 3 Text 4 Text 5
Text 1 Text 2 Text 3 Text 4 Text 5
Text 1 Text 2 Text 3 Text 4 Text 5
Text 1 Text 2 Text 3 Text 4 Text 5
Text 1 Text 2 Text 3 Text 4 Text 5

Daftar Blog DoFollow Indonesia 2012

2012-07-21T17:14:00.002+07:00

Daftar Blog DoFollow - Blog yang menganut DoFollow adalah Blog yang banyak mengeluarkan external link, blog yang memberikan backlink gratis ketika kita berkomentar di blog dofollow tersebut. Sebenarnya banyak cara untuk mendapatkan banyak backlink di antaranya adalah dengan mensubmitkan konten/artikel ke social bookmark dofollow dan mendaftarkan/mensubmitkan blog ke direktori dofollow.

Berikut Daftar Blog DoFollow terbaru Indonesia 2012 yang sudah saya cek menggunakan Add-ons NoDoFollow:

1. Subagya.blogspot.com
2. Linktea.blogspot.com
3. Agungtalaga.blogspot.com
4. Rayhanzhampiet.com
5. Jovieblog.blogspot.com
6. Eosmate.blogspot.com
7. Jimmykurniaindradjaya.com
8. Cah-cikrik.blogspot.com
9. Blogcenti.blogspot.com
10. Tipis.web.id
11. Bagas31.com
12. Amin-raha.blogspot.com
13. Banghuda.com
14. Semuadablog.blogspot.com
15. Sekitarkita.info

16. Yanuar.kutakkutik.or.id
17. Kangmusa.com
18. Blogguebo.com
19. Cendrawasih11.blogspot.com
20. E-je.blogspot.com
21. Elmoudy.com
22. Apocalytyo.blogspot.com
23. Ravatar.blogspot.com
24. Seby-antoe.com
25. Hputih.blogspot.com
26. Ilpeng.com
27. Berrydevanda.info
28. Devit1104.blogspot.com
29. Modifblogmu.blogspot.com
30. Blogatiw.blogspot.com

Update:

Berkomentarlah ke daftar blog-blog dofollow di atas untuk mendapatkan backlink yang bisa memperkuat halaman blog dan juga untuk mendapatkan pagerank dari algoritma mesin pencari Google. Gunakan etika ketika berkomentar, kasus ini paling banyak di temukan di blog-blog dofollow yang berkomentar tidak ada kaitannya dengan artikel yang di bahas dan memasukkan link ke kotak komentar.

Berkomentar mengandung SPAM jelas merugikan kedua belah pihak. Maka dari itu Berkomentarlah sesuai dengan artikel yang di bahas dan gunakan Name/Url untuk berkomentar, dengan begitu anda bisa mendapatkan backlink berkualitas dan tidak merugikan kedua belah pihak.

Jika anda mempunyai blog DoFollow dan ingin blognya dimasukkan ke dalam list blog DoFollow di atas, Silahkan konfirmasikan dengan berkomentar menggunakan Name/Url. Tidak perlu memasukkan link kedalam komentar. Selamat berburu backlink!

Daftar Situs Social Bookmark DoFollow

2012-07-20T22:24:00.001+07:00

Social Bookmark adalah Sejenis web/blog untuk menyimpan, mengelola dan mencari bookmark sumber daya online berupa artikel, foto dan video. Dengan mensubmitkan konten/artikel ke social bookmark DoFollow kita akan mendapatkan backlink gratis dari social bookmark tersebut.

Backlink dari social bookmark dofollow sangat bagus untuk memperkuat halaman web/blog dan mempengaruhi kecepatan index search engine. Bukan hanya backlink yang kita dapatkan di social bookmark dofollow tentu juga dapat meningkatkan popularitas web/blog karena artikel yang kita submitkan akan di lihat dan di baca oleh semua orang melalui social bookmark dofollow tesebut.

Berikut Daftar Situs Social Bookmark DoFollow:

1. Lintas.me

2. Infogue.com

3. Beritawoow.com

4. Populerkan.com

5. Sundulberita.com

6. Beritague.com

7. ~~Debuk.com~~

8. Escendol.info

9. Socialbookmarkingmedia.com

10. Social-bookmarking-site.com

11. Beritasaya.com

12. Beritapilihan.com

13. Bagikan.com

14. ~~Beritakamu.com~~

15. Bagibagi.in

16. Lintasaninfo.com
17. Jaditerkenal.com
18. Plazaberita.com
19. Definisi.net
20. Klowor.com
21. Situsku.sumbawanews.com
22. Bookmarkindonesia.com
23. Indobookmark.com
24. Postingku.org
25. Digg.com
26. Delicious.com
27. Reddit.com
28. Slashdot.org
29. Lenteraseo.com

30. Blogmarkit.info

Update:
1. ~~Linksubmitz.com~~
2. Bagiurl.com
3. Dofollow.web.id
4. Stuppid.com
5. Siammedianews.com
6. Wartabatu.com
7. ~~Populer.in~~

Silahkan submitkan konten/artikel blog anda melalui social bookmark dofollow di atas. Submitkan secara bertahap, jangan mensubmitkan artikel blog anda ke banyak social bookmark dofollow dalam waktu yang singkat. Bisa jadi search engine seperti Google melihatnya sebagai backlink spam. Maka dari itu beri jarak waktu agar search engine melihatnya sebagai backlink yang baik dan berkualitas bukan Spam.

Anda mempunyai Situs Social Bookmark DoFollow? dan ingin situsnya di masukkan kedalam list social bookmark dofollow di atas? Silahkan konfirmasikan melalui komentar dengan menggunakan Name/URL. Tidak perlu memasukkan link kedalam kotak komentar.

5 Manfaat SEO Untuk Blog/Website

2012-07-20T00:33:00.001+07:00

Apa itu SEO? SEO (Search Engine Optimization) adalah proses optimisasi yang tidak pernah berhenti untuk menempatkan web/blog ke halaman pertama Google search engine. Lalu bagaimana sejarah tentang SEO? Selengkapnya simak Sejarah SEO dan Pengertian SEO. SEO banyak dimanfaatkan oleh banyak orang sebagai media bisnis (Online Marketing). Banyak para pebisnis online yang sudah merasakan manfaat seo untuk bisnisnya sehingga ia rela menganggarkan 1 juta hingga puluhan juta per bulannya atau per tahun demi untuk mensukseskan bisnisnya agar web/blognya teroptimisasi dengan baik di search engine melalui Jasa SEO.

Berikut Manfaat SEO untuk Blog/Website:
1. Meningkatkan kualitas traffic kunjungan web melalui search engine terbesar seperti Google, Bing dan Yahoo.
2. Meningkatkan popularitas blog/web.
3. Menjaga eksistensi bisnis online.
4. Meningkatkan brand awarness.
5. Meningkatkan sebuah bisnis online atau online marketing untuk mendapatkan banyak pelanggan baru.

Sejarah SEO dan Pengertian SEO

2012-07-12T23:58:00.000+07:00

Sejarah Singkat SEO

Pada tanggal 26 bulan juli tahun 1997 Search Engine Optimization mulai digunakan untuk pertama kalinya di usenet (sistem diskusi internet yang terdistribusi secara global). Pada waktu itu algoritma search engine masih didasarkan sepenuhnya melalui meta tag pada template kode html blog/web. Fungsi meta tag yaitu sebagai informasi mengenai isi dari blog/web tersebut dengan beberapa keywords atau kata kunci yang di targetkan. Dulu para webmaster pernah melakukan rekayasa dengan cara menuliskan beberapa keywords yang sama sekali tidak sesuai dengan isi dari konten web.

Ini tentu menimbulkan dampak negatif bagi search engines karena hasil pencarian search engine menjadi tidak sesuai/tidak relavan dan menimbulkan kerugian bagi user (pengguna internet) yang sedang melakukan searching, yang mengharapkan search engine memberikan hasil pencarian yang sesuai dan berkualitas sesuai keyword atau kata kunci yang di tulisnya.

Tapi sekarang Meta keywords itu sudah tidak berarti apa-apa lagi bagi search engines (Google, Bing dan Yahoo). Sejak 2009 yang lalu Matt Cutts seorang engineer Google telah mengumumkan kepada publik melalui video youtube bahwa meta tag keywords sudah tidak digunakan lagi untuk menentukan peringkat web pada mesin pencari Google.

Pengertian SEO

Search Engine Optimization atau lebih di kenal dengan nama SEO. Pengertian SEO menurut Wikipedia:

serangkaian proses yang dilakukan dengan sistematis, yang bertujuan untuk meningkatkan volume traffic melalui mesin pencari.

Jika diringkas menurut saya pribadi SEO (Search Engine Optimization) adalah suatu proses yang bertujuan untuk meningkatkan kualitas traffic atau kunjungan blog/web melalui Search Engine (Mesin Pencari) seperi Google, Bing dan Yahoo dengan memanfaatkan algoritma dari masing-masing search engine tersebut.

Tujuan SEO yaitu untuk menempatkan blog/website pada posisi teratas atau setidaknya First Page (Halaman Pertama) di hasil pencarian Search Engine tersebut berdasarkan keyword atau kata kunci yang di tulis...

Selanjutnya silahkan simak 5 Manfaat SEO untuk Web/Blog

Reference: en.wikipedia.org