Sunday, December 27, 2015

Cara Membuat Status Gambar Facebook dengan Kode

Cara Membuat Status Kode yang Berubah Menjadi Gambar - Hai sobat share kali ini saya akan berbagi sedikit tips,mungkin ini bukanlah hal yang baru tapi mungkin ada sebagian sobat yang belum tahu dan ingin mencobanya,jadi sobat tutorial kali ini saya akan berbagi tentang Cara Membuat Status Gambar Facebook dengan Kode ,langkah berikut sangat mudah untuk sobat praktekan,Silahkan disimak

Cara Membuat Status Gambar Facebook dengan Kode
1) Tuliskan (y) maka akan menjadi gambar jempol


2) Tuliskan :|] Maka akan menjadi gambar robot


3) Tuliskan (^^^) maka akan menjadi gambar mulut ikan hiu



4) Tuliskan :putnam:maka sobat akan melihat gambar orang



5). Tuliskan <3maka akan manjadi gambar love

6) Tuliskan <(") maka akan menjadi gambar pinguin

Sekian dulu sobat beberapa Cara Membuat Status Gambar Facebook dengan Kode ,Semoga bermanfaat



reff : http://perilian.blogspot.com/2014/05/cara-membuat-status-gambar-facebook.html

Cara Pasang Banner-Iklan di Samping Judul Blog (Header)

TUTORIALcara memasang banner, iklan, atau gambar (image) di samping judul blog (header kanan) atau di sidebar ini atas permintaan pengunjung yang mengaku "newbie" di dunia blogging.

Ia bingung cara pasang banner kaya punya CB di atas header itu, yang ini nih....

banner iklan header blog

Bagi yang sudah diterima jadi Publisher Google Adsense, ruang di header samping judul/logo blog itu bisa diisi unit iklan 468x60 Pixel atau 728x60 Pixel. CB sendiri memilih pasang banner advertise karena banner adsense dipasang di bawah judul posting.

Nah, bagi yang belum diterima Google Adsense, tentu bingung kan mau diisi apa? Isi saja dengan gambar unik, menarik, atau banner seperti CB di atas.

Bagaimana cara pasangnya? Begini...

Cara Pasang Banner-Iklan di Samping Judul Blog (Header)

LANGKAH PERTAMA:
  1. Siapkan gambarnya, sesuai dengan ukuran space di header kanan itu, misalnya ukuran 468x60 Pixel.
  2. Upload gambarnya ke Picasa Web Album
  3. Klik gambar yang sudah diupload tadi.
  4. Klik kanan dan pilih "Copy Image URL"
  5. Simpan di Notepad

LANGKAH KEDUA:
  1. Layout > klik "Edit" di wigdget "Header2" atau widget samping judul itu.
  2. Kalo widgetnya belum ada, klik "Add a Gadget" > pilih "HTML/Javascript"
  3. Judul kosongkan
  4. Copas kode gambar seo friendly berikut ini di kolom Content:
http://www.contohblog.com" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi57AVpIRqiMf8CrgWvr-__NPWB-FJD7Zoh16AzOeqMgMuazsV0ARKQZL_vjjmcbhTlFsznBtk_krqtAx1wl7piG6Be2n8d43mwqRZpuUcFQN2YjQQWxyIJ9hIKzLgOZH_e75yrx7-WJoOu/s1600/ads.jpg" alt="Banner Header" title="Banner Header">

5. Ganti link dan teks warna merah dengan versi Anda
6. Save!

Kode di atas juga berlaku untuk menampilkan gambar/iklan/foto di sidebar blog. Caranya sama dengan yang di atas, namun posisi widgetnya di sidebar.

DemikianCara Pasang Banner-Iklan di Samping Judul Blog (Header Kanan) dan di Sidebar Blog. Good luck & Happy Blogging! (http://www.contohblog.com).*

reff : http://www.contohblog.com/2015/11/cara-pasang-banner-iklan-samping-judul-blog-header-kanan.html

5 Cara Optimisasi Gambar untuk SEO Blog

Gambar untuk SEO Blog
MENYERTAKAN gambar (image) berupa foto atau ilustrasi dalam posting blog lazim dilakukan oleh para blogger. Namun, tidak semua blogger melakukan optimisasi gambar (imageoptimization) yang mereka upload itu untuk kepentingan SEO blog.

Optimisasi gambar merupakan salah satu Optimisasi Onpage (Onpage Optimization) dalam SEO Blog. Optimisasi Onpage sendiri merupakan pilar SEO Blog guna menaikkan traffic atau pengunjung blog.

Berikut ini 5Cara Optimisasi Gambar untuk SEO Blog yang CONTOHBLOG sadur dari laman Shout Me Loud. Posting ini guna "melengkapi" posting sebelumnya tentang Ukuran Foto yang Benar untuk Blog.

1. Gambar yang Relevan (Image Relevance)

Gambar (foto/ilustrasi) yang kita upload untuk mempercantik sekaligus memperkuat posting hendaknya gambar yang relevan dengan topik atau isi tulisan. Posting tentang HandPhone, misalnya, jangan malah dikasih ilustrasi gambar perempuan cantik, kecuali sang cewek memegang HP :)

2. Tag Alternatif (Alt Tag)

Tag alternatif adalah teks "alternate text" yang akan muncul cursor diarahkan kepada gambar dan/atau muncul ketika gambar tidak muncul di layar monitor user. Alt tag juga akan muncul duluan jika loading gambar lambat.

Alt tag ini juga akan memberi informasi kepada mesin pencari bahwa ada gambar di sana. Jika gambar tidak muncul karena satu atau lain hal, mesin pencari akan tetap mengindeksnya berkat adanya alt tag ini.

Ilustrasi gambar di posting ini, misalnya, diberi Alt Tag "gambar untuk seo blog" dengan Title "Image Properties Blog".

Cara membuat Alt Tag gambar di blog blogspot: setelah gambar diupload, klik gambarnya sekali, lalu klik menu "properties" dan akan muncul dua kolom "Title Text" (judul gambar) dan "Alt Text" (teks gambar). Silakan isi dengan judul dan teks alternatif yang relevan dengan tulisan.

3. Ukuran Gambar (Image Size)

Ukuran gambar sangat penting untuk SEO, yakni menyangkut loading atau kecepatan tampilan blog. CB sudah membahasnya di posting Ukuran Foto yang Benar untuk Blog. Ukuran gambar bisa mempengaruhi ranking SEO.

Selain itu, lokasi hosting gambar juga turut menentukan. Yang terbaik, gambar diupload sendiri, bukan dengan URL link.

4. Nama File (File name)

Seperti halnya kata kunci yang penting ada di url (permalink), kata kunci juga penting ada di gambar. Jadi, berilah nama bagi file gambar Anda. Nama file gambar sebaiknya relevan dengan posting dan mengandung kata kunci.

Jika file gambar (foto) asli Anda bernama DSC0001.jpg misalnya, ubah menjadi, misalnya lagi, "steve-jobs-on-the-launching-of-iphone.jpg". Kata-kata kunci dipisahkan dengan hypen atau tanda strip (-).

5. Tag Judul dan Tautan Gambar (Title Tag and image linking)

Selain diberi nama file, gambar juga sebaiknya diberi judul (Title Tag), seperti sudah disediakan kolomnya oleh blogger. Gunakan kata kunci yang relevan. Soal tautan gambar sudah diatur oleh Blogger. Poin Image Linking berlaku untuk blog Wordpress.

Demikian 5 Cara Optimisasi Gambar untuk SEO Blog. Semoga bermanfaat. Wasalam.



reff : http://www.contohblog.com/2014/04/5-cara-optimisasi-gambar-untuk-seo-blog.html

Cek Keresponsifan Blog Anda di Troy - Best Responsive Tester!

Troy - Best Responsive Tester
GOOGLEmeluncurkan algoritma terbaru pada 21 April 2015 yang bernama MobileGeddon. Cara terbaru Google dalam mengindeks dan memeringkat situs/blog itu intinya mengutamakan blog yang responsive alias mobile friendly.

Menurut CB, situs "responsive tester" terbaik dan terlengkap adalah TROY.

Begitu kita masukkan alamat blog kita di sana, atau memasukkan alamat URL blog demo template yang akan kita gunakan, maka akan muncul tampilan blog kita di berbagai ukuran layar HP, mulai 320 pixel hingga 800 pixel (Tablet), mulai dari merek Samsung hingga PC Screen.

View Multiple Devices

  1. Samsung
  2. Apple
  3. LG
  4. Google
  5. Pantech
  6. HTC
  7. Sony
  8. Xiaomi
  9. Huawei
  10. Lenovo
  11. ZTE
  12. PC Screen
Masing-masing ukuran merek HP/SmartPhone itu juga relatif lengkap. Untuk Samsung misalnya, Troy menyediakan hampir semua ukuran layar:
  1. Galaxy Note4 360 x 640
  2. Galaxy S5, Note3 360 x 640
  3. Galaxy S3, Note2 360 x 640
  4. Galaxy Note1 400 x 640
  5. Galaxy S2, S1 320 x 533
  6. Galaxy Tab S 800 x 1280

Untuk LG, misalnya, juga lengkap:
  1. G3 360 x 640
  2. G2 360 x 640
  3. Optimus G Pro 360 x 640
  4. Optimus G 384 x 640
  5. Optimus View 384 x 512
  6. G Pad 8.3 600 x 960
Dengan mengetes keresponsifan blog di Troy, kita juga bisa memperbaiki tampilan mobile yang kurang, misalnya kurang lebar, kurang besar, dan sebagainya, dengan cara memperbaiki CSS di@media di dalam template blog kita.

cb blogger responsive troy
Penampakan Hasil Test CB Blogger di TROY.*

CB sarankan kita mengecek keresponsifan blog di Troy karena sejauh ini menilai Troy-lah Best Responsive Tester! Karena lengkapnya itu! Tentu masih ada yang sejenis, bahkan mungkin lebih baik menurut Anda.

Anda sendiri, suka ngetes ke-responsive-an blog Anda di mana?


reff : http://www.contohblog.com/2015/04/cek-keresponsifan-blog-anda-di-troy.html

MobileGeddon Akan Mengacaukan Pemenang di Pencarian Google

Mobilegeddon Google 2015
ALGORITMA baru Google yang mulai berlaku hari ini, Rabu 21 April 2015, bertepatan dengan Hari Kartini di Indonesia,akan mengacaukan para pemenang di Pencarian Google. "Mobilegeddon' could cause disruption in Google search winners," tulis USA Today.

Disebutkan, jika trafik situs web Anda tiba-tiba menurun tajam Selasa (20/4/2015), Anda bisa menyalahkan Mobilegeddon.

Google, yang mendominasi pencarian online, meluncurkan algoritma baru yang mengistimewakan situs/blog yang ramah mobil (mobile friendly) alias responsive. Itu artinya, para pengguna internet yang menggunakan SmartPhone mungkin tidak akan menemukan situs favoritnya di peringkat atas (top of the rankings), jika situs tersebut tidak responsive.

Search giant Google, which has a 65% market share of U.S. Internet searches, wants sites to load quickly and be easy to navigate on a mobile phone. (USA Today)

Google digunakan oleh 65% pengguna di Amerika Serikat, mungkin juga di seluruh dunia. Artinya, mayoritas pengguna internet menggunakan Google untuk mencari informasi di internet.

Google, dengan algoritma barunya itu, ingin situs web tampil cepat dan mudah dibuka di ponsel, HP, atau SmartPhone. Google melakukan itu karena ngin konsumen "menemukan konten yang tidak hanya relevan dan aktual, tapi juga mudah dibaca dan mudah diakses di layar mobile yang lebih kecil".

MobileGeddon tidak akan berpengaruh terhadap hasil pencarian di desktop. "The update will not affect results from desktop searches," kata Google.

Google menyediakan "Mobile-Friendly" test pageuntuk membantu para blogger atau webdeveloper untuk memastikan situsnya responsive dan tidak kena dampak MobileGeddon. The URL: https://www.google.com/webmasters/tools/mobile-friendly/

Situs Web atau blog yang tidak mobile friendly akan dihukum. "Situs web yang tidak bisa diakses dengan baik di smartphone akan mulai dihukum oleh semua mesin pencari yang powerful milik Google," tulis situs CNBC.

Selamat datang MobileGeddon! Semoga Anda bersahabat dengan blog CB :) (http://contohblognih.blogspot.com).*


reff : http://www.contohblog.com/2015/04/mobilegeddon-mengacaukan-pemenang-pencarian-google.html

Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP

New Fastest Magz V2
CARA membuat Menu Navigasi blog khusus hanya muncul di versi mobile (HP) ini sudah CB terapkan di tampilan baru template blog New Fastest Magz. Silakan buka blog demonya di HP Anda, maka akan muncul menu di atas logo. Sedangkan di desktop, menu tersebut tidak muncul.

BagaimanaCara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP saja? Yang CB praktekkan di New Fastest Magz adalah sebagai berikut:

1. Letakkan kode berikut ini DI ATAS kode



2. Letakkan kode berikut ini DI ATAS kode




Home -
http://contohblognih.blogspot.com">About -
http://contohblognih.blogspot.com">Sitemap -
http://contohblognih.blogspot.com">Contact -
http://contohblognih.blogspot.com">Link



Anda juga bisa meletakkannya di bawah
jika ingin memunculkan menu khusus versi mobile ini di bawah logo/nama blog, tapi nanti akan "bentrok" dengan menu versi mobile yang sudah ada.

3. Save Template!
4. Test langsung di HP Anda!

KODE "mobileShow" ini bisa juga buat menampilkan widget, sidebar, atau elemen tertentu hanya di versi mobile. Kode ini CB dapatkan dari HubSpot.

Aslinya, kode ini adalah untuk menampilkan teks atau gambar yang khusus untuk tampilan blog di versi mobile, tidak muncul di blog versi desktop.

Caranya:
1. Add the following code in the HTML


TEXT OR IMAGE FOR MOBILE HERE


2. Add the following code in the HTML section of your page:



CB berharap Anda bisa mencoba panduan Cara Membuat Menu Navigasi Blog Khusus buat Tampilan di HP ini, lalu share di komentar.

Ingat ya.... mengetesnya langsung di HP Anda! Karena di desktop tidak muncul.

Tips lain tentang cara membuat menu blog responsif bisa Anda baca di situsResponsive Mobile Menu.

Good Luck and Happy Blogging!

reff : http://www.contohblog.com/2014/05/cara-membuat-menu-navigasi-blog-khusus-versi-mobile.html

Aplikasi Update Status Facebook Melalui Samsung Galaxy S4

Cara Update Status Facebook Via Samsung Galaxy S4- Hai sobat kali ini saya mau share info lagi nih, kali ini mengenai cara update status melalui samsung galaxy s4. Samsung Galaxy S4 adalah smartphone yang diproduksi perusahaan samsung dari korea yang memiliki spesifikasi hardware dan software sangat tinggi dan harganya pun bisa mengalahkan sebuah harga laptop, sangat mahal ya ?. hehehe. Nah bila sobat ingin terlihat keren dengan update status facebook melalui Samsung S4 ini, Berikut cara update status di facebook melalui samsung galaxy s4. Silahkan disimak !!




Silahkan Update Status melalui Samsung Galaxy S4

1. Login ke FB kamu dulu
2. Silahkan gunakan aplikasi dibawah ini untuk update status melalui Samsung Galaxy S4


3. Silahkan tuliskan status sobat di kolom status yang tersedia, lalu klik bagikan.
4. Dan status sahabat sudah melalui samsung galaxy S4 bukan ?? silahkan dicoba trik sederhana ini.


Mungkin itu sedikit artikel mengenai Cara Update Status Facebook Via Samsung Galaxy S4, baca juga artikel Cara update Status Facebook Via Blackberry Smartphone Apps . Selamat mencoba dan semoga dapat bermanfaat


reff : http://perilian.blogspot.com/2013/09/cara-update-status-facebook-via-samsung.html

Cara Cepat Membuat Auto Readmore pada Blog


Auto Read More adalah Membuat Otomatis Readmore pada blog .Auto Readmore digunakan untuk menghemat tempat post pada beranda kita. dengan Auto Read More anda tidak perlu repot-repot memberi jumpbreak pada setiap postingan anda pada blogger, selain itu juga postingan pada beranda akan tertata rapi karena tidak akan menggangu posting statis milik kita.pokoknya lebih efisien deh jika meggunakan AUTO READMORE ini..ingin mencobanya ????silahkan baca artikel dibawah ini..

Langkah :
  • Pertama masuk dulu ke akun blogger agan,
  • Kemudian masuk ke Dashboard Blogger--Template--Edit HTML(JANGAN LUPA mencentangExpand Widget Template)
  • Apabila anda sudah mengisi script Auto Read More maka anda harus menghapusnya terlebih dahulu. Gunakan Tutorial Auto Read More yang anda pakai sebelumnya, untuk mengetahui script mana yang harus anda hapus
  • Cari tagdan copy--kan script dibawah ini tepat dibawah tag(Gunakan Ctrl+F dan F3 untuk mempermudah pencarian)


                                                                                  Keterangan :Script berwarna biru adalah jumlah dan ukuran tampilan.
                                                                                  summary_noimg = Jumlah karakter tanpa gambar
                                                                                  summary_img = Jumlah karakter dengan gambar
                                                                                  img_thumb_height = Tinggi gambar {dalam pixel}
                                                                                  img_thumb_width =Lebar gambar { dalam pixel }

                                                                                  Anda bisa mengubahnya sesuai keinginan anda..............!!!!!!

                                                                                  • Kemudian cari tag dan ganti tag tersebut dengan script di bawah ini.








                                                                                  Read More >>



                                                                                  Nah untuk saat ini cuma artikel ini yang bisa saya bagikan kepada agan semua, bila ada kekurangan mohon maaaf, kesempurnaan hanya milik ALLOH SWT.....Semoga bermanfaat !!!



                                                                                  reff : http://perilian.blogspot.com/2013/02/membuat-auto-readmore-pada-blog.html