Cara Mengatasi Error Icon Media Sosial / Font Awesome di Blog

Add Comment
Cara Mengatasi Error Icon Media Sosial / Font Awesome di Blog - Masalah ini muncul ketika mengganti template blog, entah kenapa icon media sosial seperti facebook, twitter, instagram, google plus dan lainnya berubah menjadi kota kotak tidak jelas seperti mengalami error, padahal sebelumnya icon kotak tersebut normal berbentuk icon media sosial.

Setelah diselidiki ternyata script yang disebut "Font Awesome" mengalami perubahan versi yang lebih baru lagi jadi mesti diganti dengan script yang baru dan langsung mencari sumbernya di website Font Awesome untuk diterapkan di blog.


Ternyata ketika blogwalking, lumayan banyak blog yang mempunyai masalah yang sama dengan tidak tampilnya icon media sosial, dari situlah akhirnya tercetus untuk membuat postingan ini agar tampilan blog kembali menjadi bagus dan sempurna dari segi design.

Cara Mengganti Font Awesome:

1. Masuk Blogger
2. Masuk Template -> Edit HTML
3. Klik CTRL + F dan ketikkan "font-awesome", maka kalian akan ditujukan pada script font awesome seperti ini:

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet' type='text/css'/>

4. Blok tulisan diatas dan timpa dengan kode:

<script type='text/javascript'> //<![CDATA[ //CSS Ready function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) } loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"); //]]> </script>

5. Save dan lihat hasilnya

VIDEO CARA MENGATASI ERROR FONT AWESOME

Cara Membuat dan Memasang Custom Favicon di Blog

2 Comments
Cara Membuat dan Memasang Custom Favicon di Blog - Untuk mempercantik design blog maka akan diperhatikan hal yang paling detail sekalipun entah dari tampilan tulisan, letak widget, bentuk font dan lain sebagainya. Semua itu dilakukan agar para pengunjung betah berada diblog apalagi ditambah dengan tulisan dan gambar yang cukup bagus pula sehingga menimbulkan kesan yang bagus bagi orang yang datang untuk melihat design maupun tulisan.

Nah, ada lagi yang perlu diubah agar blog kita terlihat lebih profesional yakni dengan mengganti favicon atau icon yang terletak di sebelah kiri judul blog dekat URL. Bagi para pengguna Blogger biasanya favicon yang muncul adalah icon milih Blogger dengan huruf B latar warna orange. Teman teman bisa mengubahnya secara custom dengan gambar atau icon milik sendiri jadi lebih terlihat menarik.

Blogger sudah menyediakan menu untuk mengubah favicon yang terdapat di Tata Letak dengan Judul 'Favicon', tinggal klik edit kemudian masukkan gambar yang diinginkan maka secara otomatis icon bawaan blogger akan berubah. Tapi tidak langsung berubah melainkan tunggu beberapa saat hingga berubah dengan sendirinya.


Ada cara lain yang lebih cepat tanpa menunggu perubahan yang dilakukan blogger yakni dengan memasukkan script kedalam struktur HTML di blog sehingga setelah penambahan script dilakukan maka perubahan akan langsung terlihat dan dibawah ini akan saya sertakan cara menambahkan script untuk custom favicon.

Cara Membuat Favicon secara Online

1. masuk www.favicon-generator.org
2. Pada Image, Pilih "Telusur" dan pilih gambar yang ingin dijadikan favicon
3. Klik "Create Favicon"
4. Download Hasil Generator Favicon

Untuk memasang script Favicon, terlebih dahulu upload gambar di blog dan ambil kode URL gambar, lebih detail lihat video

Cara Memasang Script Favicon di Blog

1. Masuk Blogger.com
2. Klik Template - Edit HTML
3. Masukkan kode berikut ini diatas kode </head>

<link href='URL GAMBAR/FAVICON' rel='icon' type='image/x-icon'/>

4. Ganti URL Gambar/Favicon dengan URL favicon mu, lebih jelas lihat video
5. Klik Simpan dan lihat perubahan.

Cara Memasang Widget Klout Score di Blog

9 Comments
Bagi teman-teman yang aktif di dunia media sosial widget Klout menjadi salah satu widget penting yang harus selalu diperhatikan. Sebenarnya apa sih Klout itu? Klout adalah System pengukuran mengenai bagaimana pengaruh seseorang di social media ini kini telah merambah Facebook, Youtube, Flickr, dan bahkan Instagram. Dengan begitu, kini beberapa orang menganggap Klout sebagai standarisasi atau acuan seberapa besar pengaruh teman-teman di media sosial.

Klout menilai pengaruh kita dalam skala 1 - 100 yang mereka sebut Klout Score, dimana semakin tinggi score-nya maka semakin berpengaruh lah teman-teman di dunia maya terutama di media sosial. Skor Klout juga merupakan salah satu pertimbangan bagi Klien untuk bekerjasama dengan seorang blogger.

Jadi, skor Klout ini penting bagi para blogger karena semakin tinggi skor Klout seorang blogger makan semakin besarlah kesempatan blogger tersebut untuk bisa menerima tawaran kerjasama dari Klien. Terutama bagi para blogger yang telah memonetize blog mereka supaya bisa menghasilkan pundi-pundi rupiah.

Tetapi semakin merambahnya teknologi dan perkembangan arus informasi, kadang klout juga digunakan oleh orang awam entah sekedar untuk melihat eksistensi atau yang lebih advance adalah untuk melihat pengaruh personal branding di social media. Nilai Klout ditentukan oleh banyak faktor, mulai dari seberapa banyak orang yang dipengaruhi oleh kita, seberapa besar pengaruh kita terhadap mereka, bagaimana orang-orang yang dipengaruhi kita berpengaruh terhadap orang lain, dan faktor lainnya.

Kali ini saya akan menjelaskan bagaimana cara daftar dan memasang skor Klout di blog. Mengingat klien yang akan bekerjasama tidak mau ambil pusing lagi dengan mengecek skor Klout satu persatu. Selain itu ketika skor Klout sudah terpasang di blog maka hal tersebut akan memudahkan teman-teman untuk memantau skor Klout tanpa harus bolak-balik memeriksanya.

Secara otomatis skor Klout akan terupdate dengan sendirinya, caranya tidak sulit teman-teman bisa memperhatikan langsung dari video tutorial di bawah ini. Semoga bermanfaat dan bisa membantu. 



Cara Memasang Widget Klout di Blog
1. Buka Blogger.com
2. Masuk Tata Letak
3. Tambahkan Gadget di Sidebar
4. Pilih HTML / Javascript
5. Beri Judul "Klout Score"
6. Copy dan Paste kode berikut ini:

<center> <iframe src="http://widgets.klout.com/badge/USERNAME" style="border:0" scrolling="no" allowtransparency="true" frameborder="0" width="200px" height="98px"></iframe></center>

7. Ganti warna merah dengan Username Klout kalian, jika bingung mengetahui username klout, di video dibawah ini sudah dijelaskan secara detail.
8. Klik Simpan dan Lihat hasilnya


VIDEO CARA DAFTAR DAN PASANG WIDGET NILAI KLOUT DI BLOG

Cara Membuat Tulisan Berjalan di Blog dengan Tehnik Marquee

4 Comments
Cara Membuat Tulisan Berjalan di Blog dengan Tehnik Marquee - Mungkin teman teman pernah melihat tulisan yang berjalan di blog dan kelihatannya cukup unik dan bagus jika dipakai di blog sendiri namun bingung bagaimana cara membuat tulisan berjalan tersebut ditulisan blog ataupun disertakan dalam template.

Memang tidak mudah untuk menyertakan marquee didalam blog karna kalian harus sedikit mengerti bahasa HTML tapi tidak usah khawatir karna tehnik tulisan berjalan ini hanya menyertakan sedikit kode blog dan tinggal mengaplikasikannya kedalam tulisan yang diinginkan maka efek tulisan berjalan akan berfungsi.

Ada berbagai macam kode marquee mulai dari kanan kekiri, bolak balik, keatas, mengatur kecepatan berjalan dan lain sebagainya. Silahkan dipilih mana yang sesuai dengan kebutuhan teman teman. yang jelas jangan terlalu banyak memberikan efek marquee untuk tulisan karna akan terkesan berantakan dan tidak rapi jadi cukup tulisan yang diperlukan saja.



1. Kode Marquee Standart (Kanan ke Kiri)

Kode:

<marquee>TULISAN BERJALAN</marquee>

Preview:

TULISAN BERJALAN

2. Kode ScrollDelay="angka" kode ini digunakan untuk mengatur waktu delay selama "angka", Jadi bila ingin menunda delay selama 1 detik maka ganti "angka" menjadi 1000, atau bila ingin 0.5 detik maka diganti dengan 500.

Kode:

<marquee scrolldelay="500">TEKS BERJALAN DAN DELAY SELAMA 0.5 DET</marquee>

Preview:

TEKS BERJALAN DAN DELAY SELAMA 0.5 DET


3. Kode bgcolor="warna" kode ini digunakan untuk mengatur warna background atau warna latar tempat teks berjalan. Untuk implementasi kalian mesti menggunakan warna dalam bahasa inggris.

Kode:

<marquee bgcolor="red">TEXT DENGAN BACKGROUND MERAH</marquee>


Preview:

TEXT DENGAN BACKGROUND MERAH

4. Kode scrollamount="angka" kode ini digunakan untuk menentukan kecepatan teks berjalan. Semakin besar angka maka teks akan semakin cepat.

Kode:

<marquee scrollamount="10">Kecepatan Tulisan berjalan 10</marquee>

Preview:

Kecepatan Tulisan berjalan 10


5. Kode direction="left/right/up/down" Kode ini digunakan untuk menentukan arah teks berjalan, apakah dari kiri ke kanan atau sebaliknya dan dari bawah ke atas atau sebaliknya.

Kode:

<marquee direction="right">TEKS BERJALAN KE KANAN</marquee>
<marquee direction="up">TEKS BERJALAN KE ATAS</marquee>

Preview:

TEKS BERJALAN KE KANAN
TEKS BERJALAN KE ATAS

6. Kode Width="30%" Kode ini dipakai untuk menentukan lebar tempat teks berjalan.

Kode:

<marquee width="30%">LEBAR MEDIA 30 %</marquee>

Preview:

LEBAR MEDIA 30 %

7. Kode Behavior="alternate" Kode ini digunakan untuk membuat teks berjalan menjadi memantul

Kode:

<marquee behavior="alternate">MARQUEE MEMANTUL</marquee>

Preview:

MARQUEE MEMANTUL


8. Membuat Link pada Tulisan Berjalan (Marquee)

Kode:

<marquee behavior="alternate"><a href="http://google.com" target="_blank">MARQUEE MEMANTUL</a></marquee>

Preview:

MARQUEE MEMANTUL DENGAN LINK ATAU TAUTAN


VIDEO TUTORIAL CARA MEMBUAT TEKS BERJALAN

Sumber: http://caramadia.blogspot.com/2015/08/cara-membuat-tulisan-berjalan-marquee.html

Cara Memasang Banner di Blog dengan Mudah

Add Comment
Cara Memasang Banner di Blog dengan Mudah - Setiap template sebagian besar memiliki ruang kosong untuk ditempatkan berbagai macam widget yang bisa ditambahkan sesuai dengan keinginan pemiliknya entah diberi widget counter pengunjung, Profil, Arsip Blog, Label, Entry Populer Kotak Penelusuran dan lain sebagainya yang terdapat dalam fitur "Tambahkan Gadget"

Selain itu kalian juga diberi fasilitas "HTML/Javascript" yang berarti kalian boleh menambahkan script dari pihak ketiga selain yang disediakan oleh blogger seperti hal-nya Histats atau widget pengunjung yang online, halaman yang diakses, jumlah pengunjung hari ini dan lainnya. Selain itu bisa juga menambahkan semacam script efek agar blog terlihat lebih keren daripada biasanya.

Tak hanya itu, dengan fitur "HTML/Javascript" kalian bisa menambahkan gambar Iklan atau banner melalui beberapa kode yang akan dipasang dan gambar atau foto yang sudah diupload sebelumnya. Disarankan untuk mengupload gambar atau foto di blogger agar loading blog lebih cepat dalam mengakses gambar tersebut.

Banner ini biasanya terletak di Header, Sidebar maupun Footer dan semua itu tergantung kalian mau dipasang disebelah mana agar terlihat lebih menarik dan profesional serta tidak mengganggu pandangan orang ketika membaca blog kalian.


Berikut adalah cara untuk Memasang Banner di Blog

1. Buka Blogger.com
2. Pilih Tata Letak
3. Tambahkan Gadget, Pilih "HTML/Javascript"
4. Tambahkan salah satu Kode dibawah ini:

Kode 1: Gambar bisa diklik ke URL tertentu:

<a href="http://google.com"><img rel="nofollow" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3BqO5RUUG0OLt86QgnJCUyjk3EdHABLzPxLYamCyGOpfcvS_qGyKgQT1ZnqetzLCAy1hx9p1WvDL1otM03iQknKc_OKemuUqvJ5SFrh6I3Qm71ZfLDgAopSme_264HRxdrEvNEUO4a0w/s1600/Banner+728+x+90.jpg" /></a>

Ket:
- ganti warna merah dengan alamat URL yang dituju
- ganti warna biru dengan kode URL gambar yang sudah diupload


Kode 2: Gambar tidak bisa diklik

<center><img rel="nofollow" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC8_fOp4fppNy54thKXjaUBL_RawpQI5Z4wHHAGY_pSxkknwtv3dSMn_jVium2vU43tU-kWAoSZ6bFaOUQ5B2abuHCv-QOluo9xRZcv2dNSlrjbX-A4RpoAKwXPnuDLcp6q4cTB-4tZq0p/s1600/Isat-freedom-2-new-OK.gif" /></center>

 Ket:
 - ganti warna biru dengan kode URL gambar yang sudah diupload

5. Simpan dan Lihat hasilnya

Video Tutorial Cara Memasang Banner di Blog

Cara Memasang Widget Rangking Alexa di Blog tanpa Daftar

2 Comments
Jika kalian telah lama mempunyai blog dan disitu sudah banyak tulisan serta tanggapan dari berbagai pengunjung melalui komentar, ada baiknya kalian memasang widget alexa untuk mengukur peringkat blog kalian didunia maya. Dengan dipasangnya Alexa maka kalian akan tau seberapa baguskah peringkat blog yang dihitung oleh alexa yang ditunjukkan berupa angka dari jutaan hingga terus berkurang menjadi ratusan bahkan bisa jadi puluhan.

Karna semakin ramping nilai alexa berarti blog kalian disukai banyak orang atau dikunjungi oleh banyak orang juga. ini sangat berpengaruh ketika para advertiser atau pengiklan ingin menaruh iklan di blog kalian. Tentunya nilai yang semakin kecil akan menjadikan harga blog kalian semakin mahal yang pertanda kalian telah merawat blog kalian dengan maksimal.

banyak hal yang mendasari bagaimana cara untuk mengecilkan nilai alexa seperti sering update artikel minimal sehari sekali, sering blogwalking dengan mnyertakan alamat blog kalian, dan tulisan artikel yang panjangnya melebihi 300 kata. Jika itu yang sering kalian lakukan maka secara otomatis alexa dengan sendirinya akan memberi nilai + yang ditandai dengan semakin merampingnya nila alexa.

Tapi kalian tak perlu terlalu tertuju pada alexa yang penting rajin-rajinlah menulis dan share tulisan kalian ke media sosial seperti facebook, twitter, Google + dan lain sebagainya agar bisa dibaca banyak orang. Banyak promosi agar orang semakin mengenal blog kalian dan akan dikunjungi meski tanpa diingatkan oleh status kalian.

Untuk mendaftar alexa sekarang lebih mudah dibandingkan dulu, jika dulu harus terlebih dahulu mendaftar di alexa untuk bisa mengenali blog kalian, sekarang tidak perlu cukup masukkan kode dibawah ini, ubah dengan nama blog kalian maka beberapa hari akan tampak berapa nilai alexa. Kenapa beberapa hari? karna butuh waktu alexa untuk mengetahui nilai yang harus diberikan ke blog kalian. Awalnya akan diberi tulisan "No Data" tapi setelah itu akan tampak nilainya.


Berikut adalah Cara untuk Memasang Widget Alexa dengan Mudah
1. Login Blogger.com
2. Klik Tata Letak -> Tambahkan Gadget
3. Copy salah satu Script berikut ini:

Hanya menampilkan Ranking:

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com"></script></a>

Menampilkan Rangking dan Jumlah Backlink:

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"></script></a>

Ket:
Ganti Kode Warna Merah dengan Alamat Blog/Web kalian

4. Simpan

VIDEO CARA MEMASANG WIDGET ALEXA

Cara Mengubah Deskripsi dan Author pada Blog

1 Comment
Cara Mengubah Deskripsi dan Author pada Blog - Selesai menulis postingan di blog terkadang kita segera membagikan tulisan di blog ke berbagai sosial media dengan harapan mereka membaca tulisan kita dan memberi respon dengan cara menulis komentar pada blog ataupun berkomentar di bawah URL Blog yang kita share di media sosial seperti facebook, twitter dan lain sebagainya.

Ketika kita akan berbagi URL di media sosial seperti facebook, disitu akan muncul Thumbnail atau gambar yang muncul secara otomatis hasil scrape yang diambil pada gambar yang disertakan di artikel. Selain itu juga tampak Deskripsi dari tulisan dan Author tertera pada hasil preview yang kita sematkan URL pada status facebook.

Namun nampak dalam preview ternyata Deskripsi dan Author tidak sesuai dengan yang kita inginkan atau bahkan muncul tulisan "xxxx" artinya teman teman belum mengubah deskripsi dan author yang berada pada template blog. Tentunya sangat tidak menarik atau bahkan kurang profesional jika kita tidak mengubah deskripsi dan author blog sesuai dengan tema blog.


Cara Mengubah Deskripsi dan Author Blog dengan Mudah.


1. Buka Blogger.com
2. Klik Setelan, Ubah Deskripsi Blog
3. Untuk Author, Pilih menu Template -> Edit HTML
4. Cari Kode "Author" dan ganti dengan:

<meta content='https://www.facebook.com/riskangilancom/' property='article:author'/>

5. Ganti warna merah dengan alamat Profil atau Fanpage Facebook kalian.


VIDEO CARA MENGUBAH DESKRIPSI DAN AUTHOR BLOG

Langganan: Postingan (Atom)