Blog Telah DI PINDAHKAN ke MotifWeb.blogspot.com
Showing posts with label Blog Tips. Show all posts
Showing posts with label Blog Tips. Show all posts

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, 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

Saturday, June 2, 2012

Cara agar postingan/artikel cepat terindex google

Saturday, June 2, 2012

Cara agar postingan/artikel blog cepat terindex Google - Pasti anda sudah tahu apa efek dari postingan/artikel blog cepat terindex Google.. Ya! tentu saja postingan/artikel yang dibuat lebih cepat di temukan oleh pengunjung atau visitor blog yang sedang searching lewat Google..

Gambar di bawah ini adalah contoh hasil dari kecepatan index google pada postingan ini setelah di publish..
Cara agar postingan/artikel cepat terindex google
Postingan pada gambar di atas terindex google dalam 7 menit, yang sebelumnya saya sempat merapikan tulisan dan mengedit keyword di URL postingan..
Saya terkejut ketika melihat postingan yang baru saya publish langsung terindex oleh google. Saya kira awalnya itu hanya kebetulan. Blog ini sendiri baru berumur 28 hari..


Berikut adalah cara yang saya lakukan agar postingan/artikel cepat Terindex Google:
1. Daftarkan Blog ke 20+ search engines melalui Remote autosubmitter tool..
2. Buat postingan/artikel yang memang original.. (Bukan hasil copy paste)
3. Memaksimalkan keyword di url postingan blog..
Berikut contoh url yang tidak optimal keywordnya.
http://blog-dollar98.blogspot.com/2012/05/widget-burung-twitter-berterbangan-di.html
Padahal yang diinginkan tentunya url tersebut memiliki keyword sesuai judul..
 http://blog-dollar98.blogspot.com/2012/05/widget-burung-twitter-berterbangan.html
4. Biasakan melakukan Ping url postingan setelah mempublish artikel menggunakan Ping service dan Google Blog search ping service. Ini bertujuan untuk menotifikasi search engines dan Rss directories bahwa blog anda telah update..
5. Dan men-submitkan link/artikel ke social bookmarking dofollow..
6. Untuk mempopularitaskan blog, berkomentarlah ke Blog dofollow untuk mendapatkan backlink yang bisa memperkuat halaman blog..


Jika anda ingin menambahkan atas kekurangan postingan di atas tentang Cara agar postingan/artikel blog cepat terindex Google, silahkan tambahkan di kotak komentar..


Happy Blogging!
Rating: 5.0

Nur Wahid - Saturday, June 02, 2012

Sunday, May 20, 2012

Cara membuat background pada judul sidebar Blogger

Sunday, May 20, 2012

Cara membuat Background pada judul sidebar Blogger..
Postingan kali ini special untuk menjawab pertanyaan teman saya "Fajar Suryo" yang bertanya kepada saya, "Bagaimana cara membuat backgroud pada judul sidebar?" .. Ok, akan saya coba jawab..


Gambar di bawah ini adalah contoh judul sidebar sebelum di beri background :
Dan gambar di bawah ini adalah contoh judul sidebar setelah di beri background :
Langsung saja, berikut langkah-langkah cara membuat background pada judul sidebar blog:
1. Pastikan anda sudah masuk/login di blogger
2. Pada Dashboard, pilih Design > Edit Html > beri checklist pada "Expand Widget Templates"
3. Lalu cari tulisan yang ingin anda beri background, misalnya saya ingin memberi background pada tulisan "Partner" , maka anda cari tulisan "Partner" menggunakan Ctrl+f agar lebih cepat.. Seperti gambar di bawah ini..
4. Pada tulisan yang saya Block " <h2><data:title/></h2> ", ubah kode " <h2><data:title/></h2> " menjadi..
<h3><data:title/></h3>
Seperti pada gambar di bawah ini :
5. Save template..
6. Selesai, dan lihat hasilnya...


Happy Blogging! 
Rating: 5.0

Nur Wahid - Sunday, May 20, 2012

Cara membuat file hosting sendiri menggunakan google code

Google Code merupakan salah satu layanan untuk membuat file hosting gratis dan mudah atau sebagai media penyimpanan berupa file gambar, Javascript, Video, mp3 dan sebagainya.. Saya sendiri sudah menggunakan google code untuk membuat file hosting sendiri, dan terbukti mudah dan aman.. Setelah saya search di google guna mengetahui keunggulan dari Google code, saya simpulkan keunggulan dari google code antara lain:
1. Mudah di gunakan.
2. Kapasitas penyimpanan sampai 4 GB (Bisa ditambah dengan membuat Project Baru)
3. Kapasitas upload per file maksimal 200 MB.
4. Gratis! dan kemanan yang terjamin.

1. Pastikan anda sudah login di Blogger
2. Kunjungi Code.google.com
3. Pilih "Create a new project"
4. Isi form dengan lengkap, contohnya seperti gambar di bawah ini, setelah selesai mengisi form lalu klik "Create Project"
5. Project anda sudah jadi..

1. Pilih Downloads > New Download
2. Isi data-datanya terserah anda, setelah itu klik submit file.
3. Setelah anda submit file, maka akan tampil file yang telah anda upload tadi..
4. Klik filenya..
5. lalu klik kanan pada file tersebut > pilih "salin alamat tautan" atau "copy link location".. Dan paste di Notepad sementara..
6. Untuk cara menggunakan link seperti > " http://blog-dollar98.googlecode.com/files/daun.js " .. Yang di hasilkan dari Hosting Google code, anda tinggal menambahkan kode script seperti di bawah ini:
<script src='http://blog-dollar98.googlecode.com/files/daun.js' type='text/javascript'/>
7. Selesai...

Keterangan:
Kode script di atas adalah kode script untuk membuat efek daun-daun berjatuhan di blog, untuk cara meletakan kode di atas, silahkan lihat pada halaman Cara membuat efek daun-daun berjatuhan di blogger!

Happy Blogging! 
Rating: 5.0

Nur Wahid - Sunday, May 20, 2012

Cara menghitung jumlah kata dan karakter dengan cepat dan mudah!

Gunakan alat ini untuk menghitung jumlah kata dan karakter.. Untuk menghitungnya anda cukup mencopy tulisan/teks mana yang ingin dihitung jumlah kata/karakter.. Dan Paste pada kotak di bawah ini, lalu klik "How Many"



Rating: 5.0

Nur Wahid - Sunday, May 20, 2012

Cara membuat widget tombol back to top di blogger


Widget Back to top berfungsi untuk memudahkan anda, visitor, atau pengunjung untuk kembali ke atas "back to top". Cara kerja tombol back to top yaitu ketika anda meng-klik gambar back to top, maka akan secara otomatis melalukan scrolling untuk kembali ke atas.

1. Pastikan anda sudah login ke blogger
2. Pilih Dashboard > Design > Edit HTML
3. Cari kode </body> menggunakan Ctrl+F
4. Copy kode di bawah ini, dan Paste tepat di atas kode </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://blog-dollar.googlecode.com/files/backtotop.js' type='text/javascript'/> 
<!-- Back to top designed by Blog-dollar98.blogspot.com --> 
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://picturestack.com/454/419/kv0backtotopt0U.gif'/></a>

Keterangan: 
* Anda bisa mengganti Back to Top, dengan kata-kata yang anda suka, seperti: Meluncur ke atas, kembali ke atas, dsb...
* Untuk "http://picturestack.com/440/59/2sFAsORc8iCAAt5f.gif" itu adalah url gambar/logo back to top, anda bisa mengganti url tersebut dengan url gambar yang anda punya.. atau menggunakan gambar di bawah ini..
Silahkan anda klik kanan > save image as pada gambar di atas, lalu upload dan hosting gambar tersebut melalui www.picturestack.com, setelah itu Save template..
Selesai!

Rating: 5.0

Nur Wahid - Sunday, May 20, 2012

Sunday, May 13, 2012

Nabble Free Forum: Cara membuat forum pada blogger dengan gratis dan mudah!

Sunday, May 13, 2012

Ingin membuat forum pada blog anda? Anda bisa gunakan Nabble™ sebagai salah satu penyedia layanan untuk membuat forum dengan gratis dan mudah! Biasanya Forum di gunakan untuk tempat berdiskusi, berbagi pengetahuan atau bertanya jawab..
Jika anda ingin dan menggunakan fitur dari Nabble™ untuk membuat forum pada blog anda, silahkan ikuti langkah - langkahnya di bawah ini :

1. Silahkan kunjungi Nabble™

2. Lalu pilih Start a Free Forum!

3. Isi semua form dengan lengkap.. Jangan lupa checklist "I have read and I agree to Nable's Terms Of Use" dan klik Create Forum..

4. Forum anda telah selesai di buat.. Lalu check inbox email anda dan klik linknya untuk mengkonfirmasi.. Agar anda dapat menggunakan semua fitur..

5. Setelah itu pada options pilih "Embedding options"

6. Lalu copy code scriptnya..

7. Pada dashboard pilih > Pages > New Pages > Blank page > HTML, kemudian paste-kan code scriptnya.. Klik Publish, dan selesai!!

Rating: 5.0

Nur Wahid - Sunday, May 13, 2012