Hosting Unlimited Indonesia

Cara Memasukkan Gambar ke Posting Blog

Cara Menambahkan atau Menyisipkan Gambar (Foto) ke Posting Blog.




GAMBAR, image, atau foto dimasukkan ke posting blog sebagai pelengkap informasi ataupun ilustrasi agar lebih menarik.

Harap diperhatikan, gambar sebaiknya berukuran kecil, maksimal ukuran gambar 600 pixel dan ukuran file di bawah 50kb, agar tampilan blog tetap ringan, tidak berat.

Jangan lupa, ubah pula nama filenya, dari --misalnya-- "IMG000.JPG"  menjadi "Situ Ciburuy" --jika gambarnya memang gambar situ tersebut.

Gambar yang akan dimasukkan ke postingan bisa diedit dulu di Microsoft Office Picture Manager.

Berikut ini cara menambahkan gambar ke blog sebagaimana Panduan Blogger setelah kita memasukkan tulisan (posting) ke blog.

Menambahkan gambar ke Posting Blog

  1. Saat menulis Entri Baru, di bagian atas laman, klik ikon Foto photo icon.
  2. Pilih tempat asal gambar yang ingin Anda unggah.
  3. Pilih satu atau beberapa gambar untuk diunggah.
  4. Klik Tambahkan yang dipilih.
  5. Setelah gambar Anda ada pada pos, klik gambar tersebut untuk mengubah ukuran, teks, dan posisinya pada laman.
>>> Panduan Upload Foto ke Blog Lengkap plus Gambar
 

Tempat asal yang bisa Anda pilih untuk mengunggah gambar

Anda dapat mengunggah gambar dalam format JPG, GIF, PNG, TIF, atau BMP dari tempat berikut:
  • Unggah foto: Memilih gambar dari komputer Anda.
  • Blog ini: Memilih gambar yang pernah Anda gunakan dalam blog.
  • Album Web Picasa: Memilih gambar dari album Picasa yang disambungkan.
  • Ponsel: Jika Anda mencadangkan foto secara otomatis dari ponsel, gambar tersebut dapat digunakan.
  • Webcam: Menggunakan webcam Anda untuk mengambil foto.
  • URL: Memasukkan URL gambar yang tersedia online.
Kiat: Anda juga dapat mengimpor foto menggunakan email.

Batas pengunggahan

Jika Anda menyinkronkan blog ke Google+, foto akan disimpan di Google+ Foto, dalam ruang penyimpanan sebesar 15 GB milik Anda yang dibagikan dengan Gmail dan Drive.

Jika Anda tidak menyinkronkan blog ke Google+, foto yang diunggah disimpan pada Album Web Picasa. Selama masih memiliki ruang penyimpanan di Picasa, Anda dapat mengunggah gambar ke Blogger.

Demikian Cara Memasukkan Gambar ke Posting Blog.*

3 Langkah Ini Wajib Dilakukan Agar Blog SEO Friendly

3 Langkah Ini Wajib Dilakukan Agar Blog SEO Friendly

SETIDAKNYA ada 3 Langkah yang Wajib Dilakukan Agar Blog SEO Friendly dan cepat diidendeks Google.

Begitu selesai membuat blog, isi dulu minimal 5 posting berkualitas --asli, tulisan sendiri, unik, bermanfaat, dan sekiranya menarik dan dicari pengguna internet (user).

Baca Juga:  Cara Membuat Blog SEO & Keren di Blogspot

Setelah itu, lakukan tiga langkah wajib ini:

1. Submit ke Google

Buka https://www.google.com/addurl dan masukkan alamat blog Anda di sana. Dengan begitu, blog kita dengan cepat masuk dalam database Google dan sang mesin pencari akan segera bekerja untuk mengindeks blog kita/

2. Daftarkan ke WebmasterTools

Buka https://www.google.com/webmasters/tools dan ADD A SITE. Lakukan langkah selanjutnya, seperti ADD SITEMAP (tambahkan sitemap.xml di kolom yang tersedia), klik Fetch as Google, dan lain-lain.

3. Daftarkan ke Feedburner

Buka https://feedburner.google.com dan masukkan alamat blog yang tersedia. Ini untuk membuat blog kita bisa menampilkan Kotak Berlangganan (Subscription Box) yang memudahkan pengunjung mengikuti update blog kita via Email.

Demikian 3 Langkah yang Wajib Dilakukan Agar Blog SEO Friendly. Masih banyak langkah lainnya, namun ketiga langkah itu harus diutamakan.*

Tips Bisnis Online dengan Blog

Tips Bisnis Online dengan Blog
Google Adsense bukan satu-satunya lahan bisnis online di blog. Masih banyak alternatif Adsense dan Usaha Online Tanpa Iklan.

DULU, blog is online diary (buku harian online). Kini, blog is online business (bisnis online). Blog yang semua "hanya" sebagai media sosial dan situs web pribadi (personal website), berkembang menjadi sarana bisnis online yang bisa menghasilkan uang jutaan rupiah.

Salah satu faktor yang mendorong blog menjadi lahan bisnis online adalah blogger sendiri. Sang pemilik blogger, Google, dengan jelas mendorong para blogger untuk menghasilkan uang dengan blognya, yaitu dengan mencantumkan menu "Earnings" (Penghasilan) dan "Make Monye with Your Blog" di Dashbord Blogger.

Dengan membuka link salah satu menu tersebut, kita diarahkan ke cara bisnis online melalui blog, yaitu ditawari ikut program Google Adsense (Iklan Google).

Jika diterima, blog kita akan bisa memasang maksimal tiga unit iklan Google yang isi iklannya ditentukan Google sendiri, namun bisa kita saring juga di settingan izin iklan di akun Google Adsense.

Dalam panduannya, Google mengatakan, jumlah penghasilan Google Adsens tidak menentu, bisa kecil bisa besar, tergantung jumlah pengunjung yang klik dan jenis iklan yang ditampilkan menyesuaikan dengan konten atau posting blog.

Anda yang belum punya blog dan ingin menjalankan bisnis online melalui blogging, tinggal membuat blognya (Create a Blog Now).

Anda yang sudah punya akun email Gmail namun belum punya akun blogger, tinggal login, lalu buka Tab/Jendel Baru di Browser, buka www.blogger.com, dan klik saja menu "Buat sebuah Blog" (Create a Blog).

Langkah Awal: Konten Blog Berkualitas

Setelah membuat blog, tidak akan langsung bisa diterima program Google Adsense. Maka, langkah awalnya adalah isi dulu blognya dengan Konten Berkualitas sebagai berikut (rekomendasi Google):
  • Berguna dan informatif: Jika meluncurkan situs untuk restoran, Anda dapat menyertakan lokasi, jam buka, informasi kontak, menu, dan blog untuk berbagi acara yang akan datang.
     
  • Lebih bernilai dan berguna daripada situs lain: Jika Anda menulis cara melatih anjing, pastikan artikel Anda memberikan nilai lebih atau perspektif yang berbeda dibanding sejumlah artikel di web terkait pelatihan anjing.
     
  • Dapat dipercaya: Tampilkan kredibilitas situs Anda dengan menggunakan sumber daya, kutipan, tautan, ulasan, dan testimoni asli. Biografi penulis atau testimoni dari pelanggan nyata dapat membantu meningkatkan reputasi dan kepercayaan situs Anda.
     
  • Kualitas tinggi: Sebaiknya situs Anda memiliki konten yang unik, spesifik, dan berkualitas tinggi. Konten sebaiknya tidak diproduksi secara massal atau dialihdayakan ke sejumlah besar situs lain. Perlu diingat bahwa konten Anda sebaiknya dibuat dengan tujuan utama memberikan pengalaman terbaik bagi pengguna, bukan untuk memiliki peringkat tinggi di mesin telusur.
     
  • Menarik: Buat situs Anda berwarna dan terasa hidup dengan menambahkan gambar produk, tim, atau diri Anda sendiri. Pastikan pengunjung tidak terganggu dengan kesalahan ejaan, gaya, dan fakta. Iklan yang terlalu banyak juga dapat mengganggu pengunjung. Libatkan pengunjung dengan berinteraksi dengan mereka melalui pembaruan rutin, kotak komentar, atau widget media sosial.

Tingkatkan Trafik & Pageviews

Dengan terus mengisi blog dengan konten berkualitas, maka blog kita akan banyak pengunjung, trafik dan pageviews-nya tinggi, dan saat itulah blog kita bisa didaftarkan ikut Google Adsense.

Jika tidak diterima juga, maka ada alternatif selain Google Adsense, seperti Chitika dan banyak lagi.

Lagi pula, Adsense bukan satu-satunya cara bisnis online atau menghasilkan uang dengan blog. Banyak cara lain seperti yang dikemukakan About Tech:
1. Menjual Barang (Sell Merchandise).
2. Menerima Donasi (Ask for Donations).
3. Menulis di Blog Lain (Sell Your Guest Posting Services). 
4. Menulis dan Menjual Ebook (Write and Sell an Ebook).
5. Menulis Buku (Write a Book)
6. Menjadi Blogger Profesional (Become a Professional Blogger).
7. Melamar Pekejaan Menulis Blog (Apply for Other Writing Jobs)
8. Menjadi Pembicara (Become a Public Speaker).
9. Menjadi Konsultan (Become a Consultant).
Bisnis Online dengan Blog Tanpa Adsense Lainnya, seperti dikemukakan All Blogging Tips, adalah sebagai berikut:
1. Gabung dengan Pemasaran Afiliasi (Affiliate Marketing) 
2. Menjual space iklan (Selling Ad Spaces).
3. Menggunakan Alternatif Adsense seperti Bidvertiser dan Chitika 
4. Menulis Reviews Berbayar (Writing Paid Reviews)
5. Menggunakan Iklan dalam Teks (In Text Ads) seperti InfoLinks.

Itulah Tips Bisnis Online dengan Blog sebagai inspirasi menghasilkan uang dari internet, dalam hal ini blogging.*

Cara Membuat Tombol Back to Top Simple Fast Loading di Blog

 Tombol Back to Top
Cara Membuat Tombol Back to Top Simple Fast Loading di Blog Blogspot.

BACK to Top Button (tombol kembali ke atas) yaitu tombol berupa ikon gambar panah yang memudahkan pengunjung untuk kembali ke bagian atas halaman blog.

Dengan adanya tombol back to top ini, pembaca tidak usah scroll mouse atau "tap" layar, tapi tinggal klik tombol back to top, maka otomatis tampilan halaman akan bergeser ke bagian atas.

Disebut  Simple & Fast Loading karena cara pemasangannya sangat mudah dan tidak banyak kode sehingga tampilannya cepat, tidak mempengaruhi kecepatan loading blog.

Cara Membuat Tombol Back to Top di Blogspot

1. Layout -> Add Gadget
2. Pilih "HTML/Java Script"
3. Judulnya kosongkan.
4. Masukkan kode di bawah ini ke bagian "Content"

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_qit9OaxglmSVE0BQqSIWZCPdujERrPex-H3HaUN8QdnWpFrdzmzPCfiIeNZnUGYkji1rSqjGzj-HE8jXmH4tM1CFcluyQ0vU6sk7-r35utBPD20D37tWhzVPjsRMb8h5yCpS1Y1GFl4V/s1600/Back_to_top_icon.png" alt="Kembali ke Atas" width="60"/></a></div>


Kode yang berwarna merah adalah URL/Link gambar. Anda bisa menggantinya dengan gambar panah pilihan Anda.

5. Save!

Kini tombol back to top sudah ada di blog Anda, seperti yang ada di blog ini --di sebelah kanan bawah. (http://baticblog.blogspot.com).*

Sumber

Cara Membuat Random Posts di Sidebar Blog

 Random Posts di Sidebar Blog
Cara Membuat Widget Random Posts Fast Loading di Sidebar Blog Blogspot.

RANDOM posts adalah widget di sedebar blog blogspot berupa daftar judul posting (tulisan) yang tampil secara acak (random).

Fungsi widget random post adalah sebagai navigasi blog dan internal link yang dapat meningkatkan jumlah halaman yang dibuka (pageviews), juga memudahkan pengunjung menemukan atau melihat daftar judul lainnya.

Contoh widget random post dengan gambar thumbnail ada di sidebar BATIC Blog  ini. Kita juga bisa memasang Random Post yang berupa judul saja, tanpa gambar.

Cara Memasang Widget Random Posts Daftar Judul Saja:

1. "Layout" > "Add Gadget" > pilih "JavaScript/HTML"
2. Isi judul widget dengan "Random Posts"
3. Copy & Paste kode berikut ini di kolom "Content"

<div id='random-post-container'>Memuat...</div>
<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://baticblog.blogspot.com',
maxResults = 5,
containerId = 'random-post-container';
// Function to generate random number limited from `min` to `max`
// Used to create a valid and safe random feed `start-index`
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// Function to shuffle arrays
// Used to randomize order of the generated JSON feed
function shuffleArray(arr) {
var i = arr.length, j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
return arr;
}
// Get a random start index
function createRandomPostsStartIndex(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
// Widget's main function
function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
}
skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
}
ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"></scr' + 'ipt>');
//]]>
</script>

4. Ganti nama blognya dengan nama blog Anda.5. Save!

Cara Memasang Widget Random Posts: Judul & Gambar

1. "Layout" > "Add Gadget" > pilih "JavaScript/HTML"
2. Isi judul widget dengan "Random Posts" (bisa pula nama lain)
3. Copy & Paste kode berikut ini di kolom "Content"

<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:40px;height:40px;padding:3px}
-->
</style>
<ul id='random-posts'><script type='text/javaScript'>var rdp_numposts=5;var rdp_snippet_length=60;var rdp_info='yes';var rdp_comment='Comment';var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie2z9lgAQ9Ub5MqbMYsTAneO0-94ph1fUy2oi7Xz4Zb0x005Bo919LbclFcCSV8eUooxemOythVP14f0aNcVJ8AMBP10UjfTyF6ZJPK_OPs3qjmtSyLvdUACmT0cXDrdF6eJfG1h8MDpcL/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};</script></ul>


4. Jumlah posting yang mau ditampilkan bisa diubah di kode numposts=5 misalnya menjadi 7 atau 10, atau berapa saja. Sebaiknya 5 saja agar Fast Loading.

5. Save!

Kini widget Random Posts sudah muncul di Sidebar Blog Anda.

Sumber

Cara Membuat Blog SEO & Keren di Blogspot


Cara Membuat Blog SEO & Keren di Blogspot. Yang dimaksud Blog SEO adalah blog yang ramah mesin pencari, khususnya Google, sehingga mudah dan cepat diidendeks.

Blog SEO Friendly akan menempati peringkat yang bagus di halaman hasil pencarian sehingga mengundang lebih banyak pengunjung atau pembaca.

Ciri blog SEO Friendly yang utama adalah berisi konten berkualitas, fast loading, dan mobile friendly (responsive). Jika sebuah blog sudah memenuhi ciri-ciri tersebut, maka omatis ia merupakan blog yang keren (cool).

Untuk membuat blog yang demikian hanya ada dua cara:

  1. Gunakan Template Blog SEO Friendly, Fast Loading, dan Mobile Friendly
  2. Isi blog tersebut dengan konten berkualitas: asli, orisinal, bukan copy paste apalagai plagiat, unik, bermanfaat, dan lengkap serta akurat.
Demikian Cara Membuat Blog SEO & Keren di Blogspot.
Visit: BATIC Media Official Website

Blogger & Wordpress Terbaik di Antara Platform Blog Gratis

Platform Blog Gratis
BANYAK sekali situs tempat kita membuat blog --blogging, ngeblog. Banyak sekali "provider" blog gratis yang bisa dimaanfaatkan. Namun, dari sekian blogging platform, Blogger dan Wordpress adalah yang terbaik. Di belakang Blogger dan WP ada Tumblr.

Indikasinya gampang saja. Silakan Anda Googling, cari info apa saja, maka yang banyak muncul adalah subdomain blogspot.com dan wordpress.com, selain situs web Top Level Domain selfhosted atau yang custom domain --nama domain sendiri.

Blogger itu milik Google. Wajar jika platform blogspot.com ini "diistimewakan", selain SEO-nya bisa dioptimalkan dan tampilan blognya bisa dimodifikasi.

WP diakui Google sudah 90% SEO Friendly. Sangat cocok buat blogger pemula, namun tidak bisa "belajar" desain dan SEO karena tampilan dan SEO-nya sudah "given" atau default WP. Tidak terlalu banyak pilihan tampilan sebanyak Blogger Templates.



Mengubah Ukuran Thumbnail Image Posting Blogger Homepage

 Ukuran Thumbnail Image
Cara mengubah atau memperbesar Ukuran Gambar Thumbnail Auto Readmore Posting di Homepage Blogger -- Mengubah ukuran Standar Thumbnail 72 × 72 piksel s72-c menjadi ukuran yang lain, misalnya s200-c.

Contoh: Mengubah Ukuran Image Thumbnail dari 72px menjadi 200px


Cara 1: Menggunakan JavaScript Murni
Copas kode berikut ini di atas kode </body>
 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(parentID, size) {
var parent = document.getElementById(parentID),
image = parent.getElementsByTagName('img');
for (var i = 0; i < image.length; i++) {
image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + size + "-c");
image[i].width = size;
image[i].height = size;
}
}
resizeThumb('main-wrapper', 200);
//]]>
</script>
</b:if>
</b:if>
 
Metode 2: Menggunakan JQuery
Salin kode ini dan letakkan di atas kode </head> atau </body>:


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(el, from, to) {
$(el).each(function() {
$(this).attr({
'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'),
'width': to, 'height': to
});
});
}
$(function() {
resizeThumb('.post-thumbnail', '72', '200'); 
});
//]]>
</script>
</b:if>
</b:if>
 
Mengubah Ukuran Thumbnail Image Posting Blogger di Homepage untuk lebih menonjolkan gambar agar menarik. (Sumber: dte).*


Copyright © Detik Style V3. All rights reserved.
About | Kontak | Disclaimer