Cara Membuat Widget Followers Blog Tanpa Menampilkan Foto

Cara Membuat Widget Followers Blog Tanpa Menampilkan Foto - kali ini saya akan membagikan tutorial bagaimana cara memasang widget Followers blog tanpa menampilkan foto profil. Biasanya alasan memasang widget seperti ini agar supaya loading blog lebih ringan dan memperkecil error di validasi HTML5. Widget Followers blog ini lebih dikenal dengan widget "join this site" dan seperti alasan yang sudah di sebutkan tadi maka beberapa Bloggers memilih untuk memasang widget seperti ini di blog atau website.

Tombol follow blog ini hanya menampilkan tombolnya saja tanpa menampilkan wajah si followers blog. Dibandingkan dengan widget followers dari gadget Blogger, tombol "join this site"  ini hanya menampilkan tombolnya saja. Bicara tentang valid html5, jika anda ingin memvalidkan blog anda agar valid html5, baca postingan Cara Agar Blog Valid HTML5 atau postingan mengenai cara agar template Blog menjadi lebih SEO Frendly.

Langsung saja ya ini dia tutorialnya 

1. Pada dashboard, pilih blog anda lalu masuk ke Tata Letak
2. Klik tambah gadget di kolom yang sudah disesuaikan lalu pilih HTML/Javascript
3. Copy kode script tombol join this site dibawah ini, lalu pastekan di kolom konten dan jangan lupa

Ganti kode berwarna merah dengan ID blog anda.

<a href="http://www.blogger.com/follow-blog.g?blogID=2889237428777887757"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijunS1_DBy44g8m3o912Xb-R7wxhhvESrrUz4owX3cCta4lVGzghGJkNICOWnEE7eXGjKzrIohpInR5w1Mp8NRC-5YXaCmLbxJxN5aLIFXJaix8x-eYooj47OSZjTIpC4v2fpTR_ncM-w/s800/Join%2520This%2520Site.png"/></a>

5. Klik Simpan dan selesai.

Baca juga  cara membuat membuat widget efek bergerak dari kiri ke kanan

Nah itu dia tutorial Cara Membuat Widget Followers Blog Tanpa Menampilkan Foto gampang kan ?, semoga bermanfaat. Terima Kasih

Cara Membuat Sitelinks di Hasil Pencarian Google

Cara Membuat Sitelinks - Google adalah primadona bagi penikmat jejaring internet, khususnya bagi pemilik situs atau blog. Sumber trafik terbesar akan datang dari hasil pencarian Google, ditambah search engine lain semisal Bing dan Yahoo serta mesin pencari lainnya.

Ada banyak cara meningkatkan trafik atau pengunjung blog. Namun saya menyarankan Anda menggunakan metode-metode murni yang ramah lingkungan dan sehat dimata search engine. Jika hingga kini blog Anda belum terindex oleh Google, silahkan daftarkan blog Anda terlebih dahulu. (Baca Cara Mendaftarkan Blog ke Google)

Bagi Anda yang sering menggunakan Google mencari informasi, mungkin pernah dihadapkan pada hasil pencarian tersusun untuk satu situs atau blog. Metode itu dinamakan oleh Google sebagai sitelinks. Itulah yang akan kita bahas pada postingan kali ini.

Jika belum paham apa yang kami maksudkan, silahkan uji coba dengan mengetikkan kata MastahBloging di Google.

Apa Itu Sitelinks? 

Sedikit yang kami jelaskan diatas, bahwa sitelinks adalah hasil pencarian yang memiliki karakteristik berbeda. Pada satu kata kunci tertentu (kebanyakan nama situsnya) bisa muncul dihalaman pertama dengan hasil pencarian bertingkat dan condong kedalam.

Ada beberapa macam sitelinks. Ada yang hanya dua kolom, ada empat kolom dan enam kolom, bahkan ada beberapa situs lebih dari itu. Google masih merahasiakan, cara pemberian sitelinks ini kepada situs tertentu, begitu pula dengan jumlah sitelinks yang diberikan.

Secara alamiah, Google kadang memberikan sitelinks kepada situs tertentu karena beberapa hal, termasuk karena artikel yang ditampilkan disitus tertentu mempunyai reputasi yang lumayan, bisa juga karena jumlah kunjungan disitus itu tinggi sehingga Google memberi hadiah berupa sitelinks.

Mengapa Sitelinks Itu Penting? 

Jika Anda perhatikan, Google hanya akan menampilkan sepuluh baris situs dihalaman pertama untuk kata kunci tertentu. Apabila blog Anda mendapatkan sitelinks, minimal dua baris saja, itu berarti peluang Anda mendapatkan kunjungan jauh lebih besar, karena sisa situs yang akan ditampilkan Google tinggal delapan.

Bayangkan jika Google memberikan Anda hadiah enam sitelinks. Situs lain yang akan ditampilkan tinggal sedikit. Dengan sitelinks pada blog Anda juga akan menarik perhatian pengunjung, karena karakteristik pencariannya berbeda dari yang lain (ini merupakan sifat manusia, tertarik pada hal yang unik).

Membuat Sitelinks Lewat Google Webmaster Tools

Jika blog Anda tidak mampu mendapatkan hadiah sitelinks gratis dari Google. Tak perlu risau, karena Anda bisa membuatnya sendiri. Tetapi sebelum melangkan ke cara membuat sitelinks secara manual, Anda harus mengaktifkan dulu fungsi Googel Webmaster Tools, bisa Anda baca artikel ini, Cara Menggunakan Webmaster Tools. 

Jika telah mengaktifkan Webmaster Tools-nya. Selanjutnya ituki langkah-langkah berikut ini.

• Login ke Google Webmaster Tools Anda, lalu pilih blog yang ingin dioptimalkan. Pada Dashboard pilih tab Search Apprearance, lalu klik Sitelinks. 

• Ada dua kotak isian yang disajikan oleh Google. Pada kolom pertama, silahkan Anda kosongkan saja jika halaman homepage blog Anda adalah yang ingin Anda tampilkan. Namun jika ingin merubahnya, silahkan masukkan URL halaman yang ingin Anda tampilkan. Sementara di kolom yang kedua, adalah lokasi dimana Anda memasukkan halaman yang ingin Anda tampilkan. Jika telah mengcopy URL Anda, selanjutnya klik Demote. Anda bisa memasukkan beberapa URL, maka akan secara otomatis Google akan menggenerasikan link tersebut. 

• Jika telah selesai memasukkan beberapa URL atau link. Selanjutnya Anda menunggu. Google akan melakukan ekstrak kepada link yang telah Anda Demote. Proses ini membutuhkan waktu yang berbeda-beda, ada yang hanya sehari, seminggu, sebulan bahkan ada juga yang mencapai usia tahunan baru tergenerate oleh Google. Sekali lagi, hal ini adalah kebijakan Google secara utuh. 

Dari pengalaman saya ~, waktu yang dibutuhkan untuk mencitpakan sitelinks adalah satu minggu. Awalnya kami hanya mendemote empat link, namun Google dengan berbaik hati memberikan enam sitelinks di hasil pencarian. Silahkan coba peruntungan Anda. Semoga bermanfaat. Terima Kasih

Cara Menambahkan Google Plus Comments Pada Blogger

Cara Menambahkan Google Plus Comments Pada Blogger - Bagi yang belum tau apa itu Google+. Google+ atau Google Plus adalah jejaring sosial yang dioperasikan oleh Google Inc. Google+ diluncurkan pada 28 Juni 2011. Komentar Google+ menurut saya sangat keren karena desainnya yang sangat elegan dan dapat menambah kualitas SEO blog. Untuk mendapatkan alasan Anda kenapa harus beralih ke komentar Google+ silahkan simak kelebihan dari Google+ Comments.

Kelebihan dari Google+ Comments

1. Antarmuka Interaktif

Komentar tampil dalam urutan yang sistematis berdasarkan tanggal diterbitkan sehingga pengguna dapat menjawab atau memberikan plus 1 dengan mudah. Anda dapat mengontrol komentar teman-teman Anda karena interaktif dan langsung update.

2) Publik atau Khusus

Sekarang pembaca Anda dapat memposting komentar umum atau pribadi mereka kepada orang-orang dalam lingkaran G+ mereka atau selainnya, ketika orang browsing maka mereka dapat melihat komentar tersebut.

3) Semua kegiatan pada satu tempat

Setiap kali seseorang akan berbagi kontent Anda di Google+ atau mereka akan menanggapinya, maka secara otomatis akan menampilkan komentar mereka pada feed komentar di blog Anda. Misalnya, jika ada diskusi terjadi tentang konten Anda di Google+ maka komentar tersebut, balasan semuanya akan muncul di blog Anda.

4) Edit atau Hapus Komentar

Anda sekarang dapat mengedit atau menghapus komentar Anda. Melalui opsi fleksibilitas Google+ Anda dapat dengan mudah mengedit atau menghapusnya kapan saja, di mana saja.

5) SEO

Ya kotak komentar Google+ itu adalah komentar SEO.

Itulah beberapa kelebihan dari Google Plus Comments. Jika Anda tertarik untuk memasangnya silahkan ikuti tutorial berikut ini.

Cara Menambahkan Google Plus Comments Pada Blogger

1. Masuk ke blogger

2. Pilih menu Setelan --> Pilih "Pos, komentar, dan berbagi" lalu scroll kebawah nanti akan terlihat "Komentar Google+"

3. Untuk mengaktifkan Google Plus Comment Anda harus setting "Gunakan Google+ Komentar di blog ini" menjadi Ya

4. Selesai

Jika cara diatas tidak bisa, Anda perlu untuk mengikuti langkah-langkah tambahan berikut:

1. Masuk ke blogger.

2. Pilih menu Template --> Edit HTML--> Format Template

3. Klik Dropdown lompat ke widget --> Blog1

3. Klik code folding tanda panah pada <b:includable id='post' var='post'>

4. Cari kode <div class='post-footer'> kemudian copy dan paste kode berikut ini dibawahnya

<div class='cmt_iframe_holder' data-viewtype='FILTERED_POSTMOD' expr:href='data:blog.canonicalUrl'/>

5. Simpan.

Peringatan

Jika Anda mengaktifkan sistem Google Plus Comments pada blog maka siapapun yang ingin memposting komentar harus register ke akun G+. Mengaktifkan sistem ini tidak akan menghapus komentar lama Anda.

Demikian artikel tentang Cara Menambahkan Google Plus Comments Pada Blogger. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.

Cara Mudah Mengganti Background Blog

Cara Mudah Mengganti Background Blog - Background blog menurut saya dapat membuat pengunjung tidak jenuh berada di blog Anda karena selain pengunjung membaca artikel kita, pengunjung juga dapat melihat-lihat gambar background yang menarik.

Di blogger sendiri juga ada template bawaan yang memiliki background, namun hanya ada beberapa pilihan saja, nah dengan ini Anda dapat mengganti background nya sesuai keinginan Anda. Jika tertarik untuk mengganti background blog Anda, silahkan ikuti tutorial berikut ini.

Cara Mudah Mengganti Background Blog

1. Login akun blogger Anda.

2. Pilih menu tab Template, kemudian klik Edit HTML

3. Copy kode dibawah ini lalu paste kan diatas kode </b:skin> atau </style>

/* CSS Background Anime Fansub - Aka321 */body {background-image: url(GANTI DENGAN URL GAMBAR);background-repeat: no-repeat;background-attachment: fixed;background-position: top left,top right;background-size: auto auto, auto auto;}

4. Masukan URL Gambar yang akan digunakan untuk background blog ke kode GANTI DENGAN URL GAMBAR.

5. Simpan

Demikian artikel Cara Mudah Mengganti Background Blog. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.

Cara Menggabung Komentar Facebook Dan Komentar Blog

Cara Menggabung Komentar Facebook Dan Komentar Blog - Para blogger sekarang sudah banyak yang menggabungkan beberapa versi kotak komentar, mulai dari Blogger sendiri, Facebook dan Disqus. Malah sudah ada yang menggabungkan ketiganya yaitu di template buatan mbak Arlina walau mungkin ada juga orang lain namun saya tidak mengetahuinya. 

Menurut saya dengan menggabungkan komentar itu sangat keren dan mempermudah pengunjung untuk mengungkapkan pemikirannya karena tidak semua orang memiliki akses atau akun di satu versi komentar, oleh karena itu  dengan adanya gabungan komentar dapat meminimalisir terjadinya tidak memiliki akses komentar.

Jika Anda tertarik untuk memasang dua kotak komentar yaitu Facebook dan Blogger, silahkan ikuti tutorial dibawah ini.

Peringatan : Sebelum melakukannya sebaiknya backup dulu template Anda

Cara Menggabung Komentar Facebook Dan Komentar Blog

1. Login ke akun blogger Anda.

2. Pilih menu Template --> Edit HTML

3. Cari kode dibawah ini.

<div class='comments' id='comments'>

Apabila terdapat 2 kode, maka pilih saja yang pertama.

4. Kemudian copy kode dibawah ini dan paste dibawah kode diatas :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='400'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

Catatan :

- width='400' dapat disesuaikan dengan lebar halaman artikel blog kalian.

- Untuk menambah efek scroll pada kolom komentar, kalian bisa mengganti kode

<div class="comments-page" id="fb-comments-page">

dengan kode <div class="comments-page" id="fb-comments-page" style="max-height: 230px; overflow: auto;">

Tetapi jika tidak ingin menambah scroll, silahkan di abaikan saja.

4. Copy kode dibawah ini dan pastekan diatas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID FB' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

Catatan :

Ganti ID FB dengan ID facebook kalian contoh ID FB saya https://www.facebook.com/fery.akizaku

5. Kemudian cari kode /* Comment atau #comments, kalau saya sendiri mempunyai banyak kode #comments, bagi yang templatenya berbeda biasanya identik dengan comment bisa ID atau class. Jika sudah ketemu letakan kode dibawah ini tepat dibawahnya.

.comments-page {}#blogger-comments-page {display: none;}.comments-tab {float:left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2; border-radius:4px;}.comments-tab-icon { height: 16px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}

5) Simpan

Demikian artikel Cara Menggabung Komentar Facebook Dan Komentar Blog. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.

Cara Mudah Memasang Emoticon Kaskus di Komentar Blog

Cara Mudah Memasang Emoticon Kaskus di Komentar Blog - Kaskus, bagi para penghuni forum, pasti tidak asing lagi dengan nama ini karena Kaskus adalah situs forum terbesar di Indonesia. Kaskus dibuat oleh tiga orang pemuda Indonesia yaitu Andrew Darwis, Ronald Stephanus, dan Budi Dharmawan serta pada 6 November 1999 Kaskus diluncurkan.

Dibagian komentar Kaskus banyak sekali emoticon-emoticon yang sangat menarik, sehingga banyak para blogger yang berkeinginan membuat blognya terlihat seperti kaskus. Jadi mereka membuat sebuah emoticon yang persis seperti yang ada di Kaskus. Walaupun emoticon tidak terlalu berpengaruh bagi perkembangan blog, namun setidaknya emoticon-emoticon ini dapat membuat para pengunjung lebih senang dan betah karena ditemani oleh emoticon-emoticon yang menarik.

Bagi yang ingin melihat seperti apa emoticonnya, silahkan lihat gambar dibawah ini :

Jika kalian tertarik untuk memasangnya di blog kalian silahkan ikuti tutorial dibawah ini.

Cara Mudah Memasang Emoticon Kaskus di Komentar Blog

1. Sebelum melakukannya, backup terlebih dahulu template kalian untuk berjaga-jaga jika nanti ada kesalahan.

2. Sekarang kalian masuk ke dashboard Blogger > Template > pilih Edit HTML, lalu copy kode berikut.

<iframe frameborder="0" scrolling="no" src="https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/tabel-kaskus.html" style="border: none!important; height: 225px; width: 97%;"></iframe>

Kemudian paste tepat diatas kode

<p><data:blogCommentMessage/></p>.

3. Selanjutnya cari kode :

document.getElementById(domId).insertBefore(replybox, null);

Lalu ganti dengan kode :

document.getElementById(domId).insertBefore(document.getElementById('emoticon-kaskus'), null);

4. Copy dan Paste kode dibawah ini tepat diatas kode </body>.

<script src="//googledrive.com/host/0B7H_GQEvKCj1bjRueExyQ2ZTZXM/kaskus_emoticon.js" type="text/javascript"></script>

5. Selesai.

Demikian artikel Cara Submit Peta Situs Webmaster Bing. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.

Cara Submit Peta Situs Webmaster Bing

Cara Submit Peta Situs Webmaster Bing - Pasti tidak asing lagi kan dengan Bing ? menurut saya Search Engine yang terbaik adalah Bing setelah Google. Bing dibuat oleh Microsoft dan merupakan renkarnasi dari tiga Search Engine terdahulu yaitu Live Search, Windows Live Search, dan MSN Search. Bing diluncurkan pada 1 Juni 2009. Itu beberapa informasi tentang Bing, nah apakah Anda tertarik menggunakan Bing untuk mendapatkan pengunjung Blog Anda ? jika iya silahkan simak tutorial berikut ini :

Cara Submit Peta Situs Webmaster Bing

1. Masuk ke situs Bing Webmaster.

2. Silahkan Sign in Jika sudah memiliki akun Bing atau Sign Up jika belum memiliki akun Bing.

3. Jika kalian sudah memiliki akun Bing langsung masuk ke Webmaster Bing lalu klik Add a Site biar lebih jelas silahkan liat gambar dibawah.

4. Masukan url sitemap blog kalian lihat gambar dibawah ini, setelah di isi semua langsung klik tombol ADD.

5. Lalu lakukan verifikasi ke blog kalian, lihat gambar berikut ada 3 opsi atau pilihan, dan saya menggunakan opsi kedua karena lebih mudah hehehe, lanjut, yang di kotakin untuk warna hitam itu adalah verifikasi blog kalian caranya dengan cara masuk ke dashboard --> Template -->Edit HTML.

kode diatas masukan di bawah kode </head>  dan simpan templatenya,kembali ke bing webmaster dan klik verify.

<meta name="msvalidate.01" content="Kode Verif Bing Kalian" />

6. Selesai.

Demikian artikel Cara Submit Peta Situs Webmaster Bing. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.