Blog Telah DI PINDAHKAN ke MotifWeb.blogspot.com

Thursday, September 27, 2012

Hari Ini Google Ulang Tahun Ke-14

Thursday, September 27, 2012

Pagi tadi ketika saya membuka mesin pencari Google, saya melihat logo google yang berbeda, yaitu bergambar kue ulang tahun dengan jumlah lilin 14 buah. Saat saya mengarahkan kursor mouse ke atas logo tersebut, muncul title "Google's 14th birthday". Dan ternyata hari ini Google genap berumur 14 tahun.

Sebenarnya Google sendiri resmi berdiri pada 4 September 1998. Namun Google memilih tanggal 27 september sebagai hari perayaannya.

Google memiliki banyak sekali produk di antaranya yaitu:
  • Google Check Out
  • Google Trends
  • Google Alert
  • Google Code Search
  • Google Page Creator
  • Google Chrome
  • Google Analytics
  • Google Adsense
  • Google Code
  • Google Trends
dan masih banyak produk lainnya..

Selamat Ulang Tahun Google!

Rating: 5.0

Nur Wahid - Thursday, September 27, 2012

Wednesday, September 26, 2012

Daftar Situs Web Untuk Hosting/Upload Gambar

Wednesday, September 26, 2012

Daftar Situs Web Untuk Hosting/Upload Gambar
Hosting/upload gambar adalah layanan yang di sediakan oleh situs web tertentu yang digunakan untuk mengupload gambar dan sharing/berbagi gambar/foto. Fungsi dari hosting/upload gambar adalah untuk menghemat bandwidth (Agar load tidak lama).







Berikut Daftar Situs Web Untuk Hosting/Upload Gambar yang sudah saya kumpulkan:
  1. Photobucket.com
  2. Picturestack.com
  3. Imgur.com
  4. Flickr.com
  5. Postimage.org
  6. Freeimagehosting.net
  7. Imgzzz.com
  8. Imageshack.us
  9. 4freeimagehost.com
  10. Imgplace.com
  11. Myupload.org 
  12. Mojoimage.com 
  13. Freecodesource.com/image-hosting/index 
  14. Overpic.net 
  15. Ephotobay.com 
  16. Imageupper.com/cgi/uploads.pl 
  17. Picoolio.com
  18. Pixentral.com 
  19. Imagevenue.com
  20. Hostpicturefree.com 
  21. Imagelodge.net 
  22. Imageurlhost.com 
  23. 2imgs.com 
  24. Fee-imagehosting.com 
  25. Picstation.net 
  26. Turboimagehost.com 
  27. Imageox.com 
  28. Imeezo.com/v
  29. Host-images.com/u
  30. Imgjoe.com
Rating: 5.0

Nur Wahid - Wednesday, September 26, 2012

Monday, August 20, 2012

Auto Publish Post (Konten/Artikel) Blog ke Facebook dengan RSS Graffiti

Monday, August 20, 2012

Auto Post (Konten/Artikel) Blog ke Facebook dengan RSS Graffiti
Gunakan aplikasi RSS Graffiti untuk mempublikasikan (publish) konten/artikel blog ke facebook secara otomatis (auto post). Keuntungan menggunakan aplikasi RSS Graffiti untuk blog cukup banyak diantaranya:
  • Tidak perlu memasukkan link/url postingan blog anda satu-persatu ke facebook setiap setelah anda mempublish konten/artikel.
  • Dapat meningkatkan traffic melalui social media terbesar (Facebook).
  • Tampilan post yang berbeda. Jika kita memasukkan link secara manual ke facebook tampilan post akan berbeda dengan RSS Graffiti dan lebih menarik.
  • Gambar dan deskripsi sudah pasti sesuai dengan gambar dan deskripsi konten blog asli. Sering kita melihat gambar dan deskripsi blog yang salah tampil ketika kita memasukkan link secara manual ke facebook, dengan mempublikasikan konten/artikel   blog ke facebook secara otomatis melalui RSS Graffiti, masalah tersebut dapat teratasi.
Auto Pos ke facebook
Aplikasi RSS Graffiti ini sudah ada versi terbaru yaitu RSS Graffiti™ 2.0 BETA. Karena aplikasi ini masih baru, jadi masih tahap BETA. Walaupun masih tahap beta aplikasi ini bisa di gunakan dengan baik. Aplikasi ini bekerja berdasarkan feed blog.

Berikut langkah-langkah cara menggunakan aplikasi Rss graffiti - Auto Publish Post (Konten/Artikel) Blog ke Facebook melalui RSS Graffiti:

1. Kunjungi RSS Graffiti.
2. Lalu klik Ke Aplikasi.
Auto Pos
3. Izinkan Rss graffiti untuk Mengelola halaman, Kirim atas nama anda dan Wawasan, Klik "Izinkan".
Rss Graffiti
3. Setelah anda masuk ke aplikasi RSS Graffiti, klik Add New Publishing Plan.
Auto publish
4. Pada Name New Publishing Plan masukkan nama blog anda, lalu klik Create Publishing Plan.
Auto publish
5. Klik Add New di sebelah kanan Source.
Auto post via RSS Graffiti
6. Pada "enter URL or Twitter shortcut" masukkan url Feed blog anda. Contoh: http://blog-dollar98.blogspot.com/feeds/posts/default ATAU jika anda sudah mendaftarkan blog anda ke Feedburner silahkan gunakan url http://feeds.feedburner.com/BlogDollar98. Ubah tulisan berwarna biru dengan url blog anda atau id url feedburner anda. Setelah itu klik Add Source.
Auto Post (Konten/Artikel) Blog ke fb
7. Source Name Override dan Source URL Override tidak perlu di isi karena tidak wajib (Not required). Setelah itu set Update frequency, Maximum posts per update dan Post order per update seperti pada gambar di bawah ini. Save.
Auto Post (Konten/Artikel)
8. Kemudian Klik Add new di sebelah kanan Target. Setting seperti pada gambar di bawah ini lalu klik Save changes.
Auto Post (Konten/Artikel) Blog ke facebook
9. Terakhir, untuk memulai atau mengaktifkan auto post/publish konten/artikel blog ke facebook via RSS Graffiti silahkan set "Off" menjadi "ON".
Auto Post (Konten/Artikel) Blog
10. Done!

Rating: 5.0

Nur Wahid - Monday, August 20, 2012

Saturday, August 11, 2012

Membuat Form Berlangganan Artikel Via Email Dibawah Postingan dengan Style Unik

Saturday, August 11, 2012

Membuat Form Berlangganan Via Email di Bawah Postingan dengan Style Unik
Hmm..  Sudah lama juga tidak update Blog ini, terakhir update 11 Juli lalu pada postingan Cara memasang widget alexa di blog dan memverifikasi id alexa. Berarti sudah 1 bulan tidak update :|. Bukan tanpa alasan saya tidak update blog ini karena memang sedang sibuk di dunia nyata, hehe. 2 Agustus yang lalu Google update pagerank ya? Alhamdulillah dapat hadiah dari Mas Google walaupun cuma PageRank 1. Saya rasa cukup basa basinya.. heheh, ya sudah langsung saja. Pada postingan kali ini saya akan membagikan sebuah widget yaitu Form berlangganan Via Email di bawah postingan blog dengan tombol Share: Feedburner, Twitter, Facebook dan Google+. Dulu saya pernah juga memposting Cara membuat form berlangganan via email di Feedburner, widget ini juga bisa di taruh di bawah postingan tapi menurut saya tampilan (interface) kurang menarik si pembaca agar bisa berlangganan artikel kita.
Membuat Form Berlangganan Via Email Dibawah Postingan dengan Style Unik


1. Pada Dashboard klik more options, pilih opsi Template > Edit HTML > Proceed
2. Beri checklist pada Expand Widget Templates
3. Cari kode <data:post.body/>
4. Copy kode di bawah ini dan paste-kan di bawah kode tag <data:post.body/>, jika sudah menggunakan Read More otomatis letakkan kodenya di bawah tag kedua atau tag terakhir.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.BDstyle{
background:url(http://3.bp.blogspot.com/-pl1ECUAcVEQ/T4YS7ZgR_uI/AAAAAAAAB_k/R92yDhiO65Q/s400/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.BDsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#emailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>
<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 22px; margin:0px 0px 5px 0px; '>Get free daily email updates!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=BlogDollar98&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='Blog Dollar'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='BDstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}' onfocus='if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email…'/>
<input alt='' class='BDsubmit' title='' type='submit' value='Submit'/>
</form>
</td>
<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=BlogDollar98' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='http://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/s1600/rss-30×43.png'/></a>
<a href='http://twitter.com/BlogDollar98' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='http://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/s1600/twitter-30×43.png'/></a>
<a href='https://www.facebook.com/pages/Blog-Bintaro/444970308870610' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='http://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30×43.png'/></a>
<a href='https://plus.google.com/u/0/117430266445096279185' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='http://3.bp.blogspot.com/-icT9kVFhtOs/TqgOXLJCbBI/AAAAAAAAFCY/pU4wo8HyHNI/s1600/googleplus-30×43.png'/></a>
</td>
</tr>
</tbody></table>
</div></div>
</center>
</b:if>
Keterangan: 
  • Ubah  http://feedburner.google.com/fb/a/mailverify?uri=BlogDollar98 dengan url Feedburner anda.
  • Ubah http://twitter.com/BlogDollar98 dengan url Twitter anda.
  • Ubah https://www.facebook.com/pages/Blog-Bintaro/444970308870610 dengan url facebook anda.
  • Dan yang terakhir ubah https://plus.google.com/u/0/117430266445096279185 dengan url Google plus anda.
  • Save Template!
Thanks to Durodola Ridwan for this code
Rating: 5.0

Nur Wahid - Saturday, August 11, 2012

Wednesday, July 11, 2012

Cara Memasang Widget Alexa di Blog dan Memverifikasi ID Alexa

Wednesday, July 11, 2012

Setelah kurang lebih 1 bulan tidak update di Blog ini. Pada postingan kali ini saya akan sharing mengenai Cara Memasang Widget Alexa dan Memverifikasinya.
memasang widget alexa dan memverifikasinya
Tentang Alexa.com
Alexa merupakan sistem traffic terbesar di dunia yang berdiri sejak April 1996. Alexa berdiri di bawah naungan amazon.com. Alexa menyediakan informasi diantaranya tentang blog/website termasuk Top Sites, Statistic Traffic Internet dan Related Links. Alexa juga menyediakan banyak produk yaitu Alexa Traffic Widgets, Reviews Widgets dan Alexa Logos. Tak ketinggalan juga Alexa Toolbar yang menyediakan banyak fitur seperti Alexa Traffic Rank, Related Links, Wayback, Search Analytics dan Web Reviews.


Cara Memasang Widget Alexa di Blog

1. Register terlebih dahulu ke Alexa untuk mendapat akses penuh atau langsung Log In jika sudah memiliki account Alexa. Jika anda tidak ingin repot Daftar Alexa anda bisa memilih opsi Log In with Facebook di sebelah kanan form Log In with alexa account agar lebih cepat.
2. Pilih Products pada menu navigasi horizontal di atas.
3. Lalu pilih opsi Alexa Site Widgets untuk mendapatkan widget alexa.
widget alexa
4. Pilih bentuk widget yang anda inginkan lalu masukkan Url blog anda dan klik Build Widget.
pasang widget alexa
5. Pilih ukuran widget yang ingin anda pasang di  blog anda dan Copy kode Html widget yang di berikan.
widget alexa

Cara Memasukkan Kode Html Widget Alexa di Blog
1. Pada Dashboard pilih Layout > Add  a Gadget > HTML/JavaScript.
2. Pada kotak Content masukkan kode html widget alexa yang sudah anda copy tadi.
cara pasang widget alexa di blog
3. Save.

Cara Verifikasi ID Alexa Blog (Claim Your Site)
1. Log In alexa lalu pilih opsi Products
2. Pilih Claim Your Site untuk mengklaim blog anda.
mengklaim blog
3. Lalu masukkan Url Blog anda dan klik Claim your site.
claim blog anda
4. Free Sign Up untuk mendaftarkan blog anda dan mengklaim secara Gratis.
cara verifikasi id verifikasi alexa
5. Maka akan ada ada 2 opsi untuk mengklaim blog anda. Agar lebih mudah pilih opsi kedua yaitu dengan memasukkan ID verifikasi Alexa ke dalam template Html blog anda. Copy meta tag ID verifikasi alexa tersebut dan paste di bawah kode tag <head> atau di atas kode </head>. Jika sudah memasukkan Meta tag ID verifikasi alexa tersebut silahkan klik Save Template dan kembali kehalaman alexa (Claim your site) dan klik Verify my ID. Jika berhasil maka akan ada konfirmasi bahwa anda sukses mengklaim blog anda. Selesai!

Rating: 5.0

Nur Wahid - Wednesday, July 11, 2012

Saturday, June 23, 2012

Cara Membuat Menu Navigasi Breadcrumbs di Blogger

Saturday, June 23, 2012

Cara membuat menu navigasi breadcrumbs di blogger

Menu navigasi BreadCrumbs adalah navigasi yang berada di bagian atas postingan, yang muncul secara horizontal. Navigasi breadcrumbs ini menyediakan link untuk kembali ke halaman sebelumnya, dan menunjukkan urutan isi halaman dari Bagian depan halaman (Homepage) hingga ke posting/artikel. Menu navigasi tidak akan muncul di bagian halaman depan (Homepage). Urutan navigasi breadcrumbs yaitu di mulai dari Home » Label posting  » Posting, seperti pada gambar di bawah ini:

Berikut langkah-langkah membuat menu navigasi breadcrumb di blogger:

1. Pada Dashboard pilih Design > Edit Html.
2. Backup template dahulu dengan mengklik Download Full Template, untuk antisipasi bila terjadi error pada template anda.
3. Beri centang pada Expand Widget Templates
4. Letakkan kode CSS di bawah ini, di ATAS kode ]]></b:skin>
.breadcrumbs {float: left;width: 590px;font-size: 11px;margin: 5px 10px 20px 10px;padding: 0px 0px 3px 0px;border-bottom: double #EAEAEA;}
5. Cari kode <b:includable id='main' var='top'> dan GANTI dengan kode di bawah ini:
<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<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 == &quot;true&quot;'>
 &#187; <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>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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'/>
6.  Save Template
7. Selesai..
Rating: 5.0

Nur Wahid - Saturday, June 23, 2012

Sunday, June 10, 2012

Cara Membuat form berlangganan Postingan/Artikel via email di FeedBurner

Sunday, June 10, 2012

Cara Membuat Form Berlangganan Artikel Via FeedBurner - FeedBurner adalah Layanan manajemen web feed yang terdiri dari RSS Feed dan management tools untuk Blogger. Layanan ini gratis disediakan oleh Google, FeedBurner menyediakan banyak fitur seperti pengecekan statistik optimasi Feed, kostumisasi feed, analisis feed, dan lainnya..
1). Pastikan anda sudah login ke Blogger.
2). Kunjungi Feedburner.
3). Masukkan Url Feed Blog anda pada kotak Burn a feed right this instant.
Contoh: - http://blog-dollar98.blogspot.com/feeds/posts/default                                             ATAU - http://blog-dollar98.blogspot.com/feeds/posts/default?alt=rss
Setelah itu klik Next.
Cara membuat FeedBurner

4). Jika berhasil, maka url feed yang anda masukkan akan terverifikasi. Anda bisa mengedit/mengubah Feed tittle dan Feed Adress dengan yang anda inginkan. Kemudian klik Next.
Cara Membuat FeedBurner

5). Proses selesai, feed telah berhasil di buat dan siap untuk digunakan. Setelah itu klik Next.
Cara Membuat FeedBurner

6). Beri tanda checklist pada Clickthroughs, Item enclosure downloads (podcast downloads), dan I want more! Have FeedBurner Stats also track. Lalu klik Next.
cara membuat feed burner

7). Feed blog di feedburner telah berhasil dibuat dan ter-update. Untuk membuat form berlangganan feedburner (Subscribe by email), klik Publicize.
cara membuat feedburner

8). Pada services, pilih opsi Email Subcriptions.
cara membuat feedburner

9). Pilih Aktive pada Email Subcriptions, untuk menempatkan form berlangganan email di Blog Anda.
cara membuat feedburner

10). Kemudian untuk mendapatkan form berlangganan email. Pada Use as a widget in, Pilih opsi Blogger, lalu klik Go!. Maka akan beralih pada Elemen Laman (Page Elements) Blog anda, Lalu klik Add Widget.
cara membuat feedburner
11). Selesai!
Enter your email address:


Delivered by FeedBurner

Baca juga: Cara membuat Form berlangganan di bawah postingan dengan style unik dan menarik.

Happy Blogging!


Rating: 5.0

Nur Wahid - Sunday, June 10, 2012