Sunday, January 3, 2016

Cara Menampilkan Widget Random Posts Blog Berwarna

Cara Menampilkan Widget Random Posts Blog Berwarna
Kali ini CB berbagi cara membuat Random Post (Posting Acak) yang berwarna (colorful/multicolor), seperti yang CB pasang di sidebar widget.

Di posing sebelumnya tentangcara membuat, memunculkan, atau menampilkan widget Random Posts di blog, CB berbagi tips memasang Random Posts yang "biasa saja", tanpa warna.

Model tampilan Random Post yang menarik ini CB temukan di NetOops Blog. Disebutkan, posting acak multicolor akan lebih menarik perhatian pengunjung/pembaca untuk berlama-lama membuka blog kita, meningkatkan internal link, juga meningkatkan trafik.

Fungsi Random Posts memang sama dengan fungsi link internal blog lainnya, yaitu sebagai navigasi dan internal link untuk memudahkan pengunjung menjelajahi konten blog kita. Navigasi dan internal link itu pun direkomendasikan Google, agar blog kita user friendly.

Daftar posting di Random Post akan muncul secara otomatis dan berganti-ganti, menampilkan posting-posting lama, setiap kali "refresh" atau saat pengunjung membuka link posting baru.

Cara Menampilkan Widget Random Posts Blog Berwarna

Cara Menampilkan Widget Random Posts Blog Berwarna seperti yang CB pasang di sidebar sangat mudah.

1. Klik "Layout" (Tata Letak)
2. Klik "Ad Gadget" > pilih "Javascript/HTM"
3. Copy + Paste kode berikut ini di kotak kode yang tersedia:


Random Posts Widgets

4. Save!

Selamat, Anda sudah menampilkan Random Posts berwarna di sidebar blog yang bisa menarik perhatian pengunjung blog Anda!


reff : http://www.contohblog.com/2014/10/membuat-random-posts-blog-berwarna.html

Tutorial Blogging Mengenal Dashboard Blogger

mengenal dashboar blogspot
Kenali dashboard blogger (blogspot) anda

Tutorial Blogging ? Mengenal Dan Mengakrabi Dasboard Blogger


Anda mungkin baru beberapa waktu yang lalu membuat blog baru di subdomain blogspot milik blogger. Dan hari ini anda perlu mengenal lebih dekat dan berakrab-akrab dengan fitur dashboard blogger agar saat bermain-main di blog anda tidak mengalami kendala.

Ada beberapa menu di dasboard blogger yang perlu anda kenali dengan baik terlebih dahulu sebelum memulai menulis artikel dan mempublish-nya ke orang ramai (pengunjung blog anda nantinya). Untuk mengetahui menu dan fitur apa saja yang saya maksud, silakan ikuti tutorial berikut. Dan, jika anda ternyata belum punya blog dan ingin membuat, silakan terlebih dahulu ikuti tutorial berikut ini: Tutorial Cara Membuat Blog Gratis di Blogspot Milik Blogger.

Teruskan Membaca ?

reff : http://novehasanah.blogspot.com/2014/04/tutorial-mengenal-dashboard-blogger.html

Cara Membuat Kotak Pencarian Menu Search di Blogspot

Kotak Pencarian Menu Search Blog
Cara Membuat Kotak Pencarian Menu Search di Blogspot sangat mudah. Tinggal klik LayOut, "Add Gadget", dan pilih Gadget "Search Box" atau "Kotak Penelusuran". Save!

Kurang berkenan dengan tampilan menu search atau kotak pencarian versi blogger? Ini dia alternatif Kotak Pencarian Menu Search di Blogspot yang Contoh Blog kumpulkan dari berbagai sumber dan sudah dites satu-satu.

Setelah "Add a Gadget", pilih "HTML Javascript", dan pilih salah satu kodeKotak Pencarian atau Menu Search berikut ini. Dicoba saja satu-satu, lihat hasilnya, dan pilih yang menurut Anda bagus.

Kode Kotak Pencarian Menu Search Blog #1

namablog.blogspot.com/search"
method="get">

Kode di atas ini yang dipake CB Blogger.

Kode Kotak Pencarian Menu Search Blog #2




Kode Kotak Pencarian Menu Search Blog #3





Kode Kotak Pencarian Menu Search Blog #4


Kode Kotak Pencarian Menu Search Blog #5




Kode Kotak Pencarian Menu Search Blog #6


Demikian banyak yaCara Membuat Kotak Pencarian Menu Search di Blogspot? Good Luck!

reff : http://www.contohblog.com/2013/10/Cara-Membuat-Kotak-Pencarian-Menu-Search-di-Blog.html

Membuat Widget Posting Terbaru Berdasarkan Label - Per Kategori

Membuat Widget Posting Terbaru Berdasarkan Label - Per Kategori
Cara Membuat Widget Posting Terbaru Per Kategori - Artikel Terbaru, Recent Posts, Berdasarkan Label di Sidebar Blog.

SEBENARNYA cara membuat widget posting terbaru berdasarkan label atau kategori di sidebar blog ini sudah CB share di posting ini, juga di blog yang lain:Cara Membuat Recent Post Berdasarkan Label di Blog.

Kali ini CB share kembali dengan lebih lengkap dan detail sehingga ada solusi lain atau alternatif jika Anda gagal membuat racent posts per label ini di sidebar blog Anda atau di Footer Widget.

Contoh atau Demonya ada di sidebar blog ini --dengan Label "Template SEO Terbaru". Ini menggunakan kode recent posts per label dengan gambar thumbnail.

Membuat Widget Posting Terbaru Berdasarkan Label

Ada Membuat Widget Posting Terbaru Berdasarkan Kategori/Label tertentu, yaitu dengan memasukkan URL Blog dan Memasukkan kode HTML/Javascript.

CARA 1
1. Layout > Add a gadget > Feed
2. Masukkan url:

http://contohblognih.blogspot.com/feeds/posts/default/-/Label

3. Save!

CARA 2
1. Layout > Add a gadhet > HTML/Javascript
2. Masukkan (Copas) salah satu kode berikut ini, pilih saja, atau tes satu-satu, mana yang cocok menurut selera dan pasa dengan template blog Anda.
3. Save!

Berikut ini Kode-Kode Posting Terbaru Berdasarkan Label yang harus Anda Copas di langkah kedua cara 2 di atas:

KODE 1 :Posting Terbaru Berdasarkan Label Simple



KODE 2 :Posting Terbaru Berdasarkan LabelSimple






KODE 3 :Posting Terbaru Berdasarkan LabelTanpa Gambar Thumbnail




KODE 4 :Posting Terbaru Berdasarkan Label+ Gambar Thumbnail


KODE 5 : Posting Terbaru Berdasarkan Label+ Gambar Thumbnail




Catatan: Perhatina yang warna merah
1. Ganticontohblognihdengan alamat blog
2. Ganti Labeldengan Label Posting yang akan ditampilkan
3. Label Dua Kata gunakan kode pemisah %20 sehingga menjadi Nama%20Label

Nah itu dia Cara Membuat Widget Posting Terbaru Berdasarkan Label alias Artikel Per Kategori. Kodenya CB koleksi dari berbagai sumber, termasuk Help Blogger. Semoga work dan sukses! (http://contohblognih.blogspot.com).*


reff : http://www.contohblog.com/2015/08/membuat-widget-posting-terbaru-per-label-blogger.html

Warna Biru untuk Link-Hyperlink Blog

warna biru link
APA warna link/hyperlink di blog Anda, terutama di bagian posting (single post)? Warna Biru? Good! Biru (blue) adalah warna terpopuler untuk hyperlink atau link. Google, Facebook, Twitter, Yahoo!, dan Wikipedia menggunakan warna biru di link/hyperlink.

Wikipedia bahkan menggunakan istilah "blue link" dalam tulisan atau referensi tentang pengertian "Hyperlink".

Ahli desain web yang sering mengadakan riset soal desain website, NN Group, juga menggunakan warna biru (#03c) sebagai link.

Sebaiknya, kita "ikut biru" juga karena user sudah terbiasa dan memahami bahwa yang berwarna biru adalah link/hyperlink yang bisa diklik dan mengarah ke posting atau blog lain.

Kode HTML Warna Biru

Berikut ini kode-kode warna biru yang digunakan Google dan situs-situs terpopuler lainnya. Anda bisa gunakan untuk mengganti warna link di blog Anda. Daftar kode warna lainnya dan selengkapnya bisa dilihat di Kode Warna HTML.
  1. Kode HTML Warna Biru Link Google: #1e0fbe
  2. Kode HTML Warna Biru Link Facebook: #3b5998
  3. Kode HTML Warna Biru Link Twitter: #00acee
  4. Kode HTML Warna Biru Link Wikipedia: #0645ad
  5. Kode HTML Warna Biru Link NN Group: #03c
  6. Kode HTML Warna Biru Persib Bandung: #0033CC

Kode warna biru lainnya bisa Anda "intip" di situs masing-masing dengan cara:
  1. Select All tulisan atau area yang berwarna biru
  2. Klik Kanan
  3. Pilih "Inspect Element"
  4. Copy kodenya yang diawali dengan kode pagar (#)

Makna Warna Biru

Menurut berbagai sumber hasil Googling, warna biru memiliki beberapa arti atau makna kejujuran, ketenangan, kesetiaan, bisa diandalkan, dan keharmonisan. Biru juga memberi kesan lapang dan sensitif.

Dalam dunia psikologi, biru itu simbol kestabilan karena biru merupakan warna langit. Secara psikologis warna biru ini akan memberikan dampak menenangkan, mengurangi ketegangan, serta menciptakan "sensasi cool."

Prinsip Warna Link

Haruskah link-hyperlink blog kita berwarana biru? Tidak harus, tapi "sebaiknya", mengingat situs-situs terkemuka di dunia juga menggunakan warna biru dengan berbagai variasinya.

Prinsipnya, warna link HARUS BERBEDA dengan warna teks utama. Jika teks utama hitam, sebaiknya tidak menggunakan warna hitam juga untuk link --kecuali jika Anda bermaksud "menyembunyikan" link itu.

Menurut para ahli desain, hindari juga "penggunaan warna yang menyala" pada link --juga background blog-- karena warna menyala --seperti merah atau orange-- bisa membuat mata user cepat lelah sehingga pengunjung tidak akan betah berlama-lama dalam membaca. Lebih fatal lagi, terjadi "bounce back" atau "bounce rate" --user cepat klik "back" di browsernya untuk menutup blog dan kembali ke indeks hasil pencarian Google.

Guna mengantisipai user yang buta warna (blue color blind), disarankan pula menggunakan "garus bawah (underline) pada link blog.

Cara Mengubah Warna Link

Warna link di template blog biasanya ada dalam kode-kode HTML seperti di bawah ini:

a:link {color:#0033cc;text-decoration: underline;}
a:hover {color:#c00;text-decoration: underline;}
a:visited {color:#990099;text-decoration: underline;}

Link = tauutan; #0033cc = biru
Hover = tampilan jika cursor mouse diarahkan ke link itu; #c00 = merah
Visited = tanda bahwa link itu sudah diklik sebelumnya; #990099= ungu

Cara mengubahnya, Template > Edit HTML, temukan dan ganti kode warnanya sesuai dengan selera Anda. Hidup The Blues dan Pangeran Biru! :)



reff : http://www.contohblog.com/2014/04/warna-biru-untuk-link-hyperlink-blog.html

Mengatasi Gambar Salah (Tidak Muncul) Saat Posting Share ke Facebook

Share di Facebook
Cara mengatasi gambar (thumbnail image) posting blog yang salah atau tidak muncul saat share ke Facebook.

KADANG bahkan sering, saat posting atau tulisan di-share ke Facebook, gambar yang nongol di Facebook bukan foto yang ada di tulisan, tapi yang lain. Kadang juga yang muncul cuma judul doang.

Kalo soal mengatasi judul doang yang muncul, sudah ada solusinya:Memunculkan Deskripsi (Alinea Pertama) Posting di Share Facebook.

Share ke Facebook merupakan salah satu trik SEO untuk mengundang pengunjung dan menyebar link ke blog kita, minimal "link effect".

Mengatasi Gambar Salah (Tidak Muncul) Saat Posting Share ke Facebook

Untuk memunculkan gambar, foto, atau image posting yang benar di Facebook, lakukan dua hal ini:

1. Pastikan gambar yang diupload berukuran minimal 200x200 Pixel atau lebih besar.
2. Tambahkan kode meta tag "Open Graph Image Property" berikut ini ke dalam template Anda.
3. Copas kode berikut ini bagian kode di bawahkode






4. Ganti URL Alternate Image dengan link gambar yang akan muncul jika postingan tidak ada gambarnya.

Ingat, ukuran gambarnya juga minimal 200 x 200px.

5. Save!

Facebook butuh waktu sekitar 24 jam untuk mengenali perubahan itu di blog Anda. Namun, kita bisa mempercepatnya dengan memasukkan salah satu link posting sekalius mengetesnya di Facebook's Open Graph Debugger Tool.Good Luck! (http://contohblognih.blogspot.com).*

Sumber

reff : http://www.contohblog.com/2015/02/gambar-salah-tidak-muncul-share-facebook.html