Tampilkan postingan dengan label Tips Trik Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Trik Blogging. Tampilkan semua postingan

Cara Menghilangkan Tampilan Judul Widget Blog

on Rabu, 16 Oktober 2013

Menyembunyikan Tampilan Judul Widget Blog

Cara Menghilangkan Tampilan Judul Widget Blog - Judul pada sebuah widget sangat berguna untuk memperjelas isi atau kegunaan sebuah widget. Juga bermanfaat untuk menarik perhatian pengunjung pada sebuah widget. Contohnya pada widget yang berisi cuplikan mengenai kita sebagai penulis Blog, kita beri judul "About The Author" sehingga pengunjung mengerti bahwa widget tersebut berisi cuplikan mengenai kita sebagai penulis Blog. Atau pada widget Like Box Facebook, kita memberikan judul "Like Ya Sobat" sehingga pengunjung lebih tertarik untuk menjadi fans pada page Blog di Facebook milik kita.

Namun ada kalanya kita juga ingin memasang widget dengan tidak memberikan judul pada widget tersebut. Alasanya, entah karena sebuah widget sudah sangat jelas isi dan kegunaanya meski tidak diberi judul. Atau jika diberi judul, tampilan widget malah kurang baik. Atau alasan lain seperti pada sebuah iklan PPC tidak diberi judul agar pengunjung tidak menyadari keberadaan iklan PPC tersebut. Hal ini mudah saja diatasi, kita hanya perlu untuk tidak memasukan data atau tulisan pada form judul widget. Maka sebuah widget akan tampil tanpa disertai judul.

Judul Widget yang tidak diperlukan

Namun saya rasa banyak sekali kendala ketika kita memasang widget tanpa judul. Ketika kita memasang widget tanpa judul dalam jumlah yang agak banyak, maka kita akan sulit membedakan widget-widget tersebut saat melakukan pengeditan pada halaman Tata Letak, Blogger.

Widget-widget tanpa judul

Atau memang terdapat beberapa widget yang mengharuskan kita untuk memberikan judul, dengan kata lain kita tidak dapat memasang widget tanpa memberikan judul.

Judul widget harus diisi

Oleh karena itu saya akan bagikan cara lain untuk mengatasi masalah ini. Kita dapat memberikan judul pada sebuah widget tanpa menampilkan judul widget tersebut pada halaman Blog dengan cara menghilangkan atau menyembunyikan tampilan judul widget tersebut. Saya akan berikan 2 cara yaitu menghilangkan tampilan judul widget atau menyembunyikan tampilan judul widget. Silakan sobat pilih salah satu di antara 2 cara tersebut. Simak langkah-langkahnya:

1. Login ke akun Blogger.
2. Masuk ke bagian Tata Letak.
3. Sentuhkan kursor pada tulisan edit pada widget yang ingin sobat hilangkan judulnya. Hal ini dilakukan karena pertama kita harus mengetahui widget ID yang akan kita hilangkan judulnya.

Mengetahui widget ID
Dengan ini kita telah mengetahui widget ID sebuah widget yaitu "HTML4". Silakan sobat perhatikan pada bagian sudut kiri bawah monitor sobat, di situ salah satu tulisanya menampilkan widget ID.

4. Selanjutnya kita masuk ke bagian Template dan klik Edit HTML.
  • Menghilangkan Tampilan Judul Widget.
5. Dengan menggunakan tombol ctrl+F, cari ID widget yang telah sobat ketahui pada langkah 3. Jika kode-kode elemen widget belum teruraikan, klik pada bagian "titik-titik" diantara kode <b:widget> dan </b:widget>, serta bagian "titik-titik" diantara kode <b:includable> dan </b:includable>.

Menguraikan elemen widget

Maka akan muncul kode-kode seperti berikut tepat di bawahnya.

          <b:widget id='HTML4' locked='false' title='Judul Widget' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>

6. Hapuslah kode bercetak tebal dan berwarna merah seperti kode yang telah saya tandai di atas.
7. Klik Simpan Template, dan silakan lihat hasilnya.
Dengan ini kita telah menghilangkan tampilan judul widget.
  • Menyembunyikan Tampilan Judul Widget.
5. Dengan menggunakan tombol ctrl+F, carilah kode ]]></b:skin> dan letakan kode berikut di atas kode ]]></b:skin>.

#HTML4 .title, #HTML6 .title, #HTML9 .title {display:none}

6. Ubahlah kode bercetak tebal dan berwarna merah dengan widget ID-widget ID yang ingin sobat sembunyikan judulnya. Sobat bisa menambah atau mengurangi jumlah widget yang ingin disembunyikan judulnya dengan menambah atau mengurangi kode #WidgetID .title .
7. Klik Simpan Template, dan silakan lihat hasilnya.
Dengan ini kita telah menyembunyikan tampilan judul widget.

Nah, dengan Menghilangkan atau Menyembunyikan Tampilan Judul Widget yang kita rasa tidak perlu ditampilkan, maka tampilan Blog kita akan terlihat lebih baik dan rapih.

Judul widget telah dihilangkan atau disembunyikan

Selain telah berhasil Menghilangkan atau Menyembunyikan Judul Widget dengan hasil tampilan yang baik, kita juga tidak akan bingung membedakan widget-widget saat melakukan pengeditan pada halaman Tata Letak Blogger, karena pada halaman tersebut judul-judul widget tidak hilang.

widget dengan judul

Sampai disitu tulisan yang dapat saya sharing kepada sahabat pembaca yang paling aku sayang. Mudah-mudahan di ulasan ini anda mengerti dengan apa yang saya jelaskan. Kalau ada waktu yang luang jangan lupa untuk membagikannya ke Media Sosial. Kalau mau di Copas silahkan, tapi dengan menyertakan link Sumbernya. Sampai ketemu di lain waktu.

Cara Menghilangkan Icon Quick Edit / Obeng dan Tang di Blog

on Kamis, 10 Oktober 2013

Cara Menghilangkan Icon Quick Edit / Obeng dan Tang di Blog
Pada beberapa Blog terdapat icon quick edit atau orang-orang menyebutnya icon obeng dan tang. Apalagi Blog yang menggunakan template bawaan dari Blogspot, icon tersebut pasti muncul pada halaman Blog-nya. Tepatnya icon ini terdapat pada bagian bawah kiri sebuah kolom widget. Sesuai dengan namanya yaitu quick edit, fungsi icon ini adalah untuk pengeditan cepat suatu widget tanpa harus masuk ke halaman Blogger dahulu. Pertanyaanya adalah, apakah sobat membutuhkan icon ini?
Jika dilihat dari fungsinya, mungkin sebagian orang merasa terbantu dengan adanya icon ini. Tapi kalau menurut saya, icon ini tidak terlalu diperlukan. Mengedit widget dengan masuk ke halaman Blogger dahulu, apa susahnya sih? Kalau dilihat dari tampilan, bisa saja icon ini malah memperburuk tampilan. Walaupun memang icon ini hanya tampil jika Admin sendiri yang membuka halaman Blog, alias jika orang lain yang membuka halaman Blog, maka icon ini tidak muncul. Namun tetap saja bagi yang menganggap icon ini mengganggu, pemilik Blog ingin menghilangkan icon ini untuk membuat Blog-nya memiliki tampilan yang baik.
Itu menurut saya, tidak apa-apa ya. Kan semua orang bebas berpendapat.
Berikut penampakan dari icon quick edit.

Icon Quick Edit / Obeng dan Tang di Blog

Nah bagaimana menurut sobat? Apakah suka dengan adanya icon quick edit ini atau tidak? Kini terserah sobat apakah akan tetap memasang icon ini atau tidak. Bagi sobat yang berkeinginan untuk Menghilangkan Icon Quick Edit / Obeng dan Tang ini, sobat bisa menghilangkanya dengan beberapa langkah yang sangat mudah berikut:

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Dengan menggunakan tombol ctrl+F, carilah kode ]]></b:skin> dan letakan kode berikut di atas kode ]]></b:skin>.

.quickedit{
display:none;
}

4. Klik Simpan Template.

Selesai. Dengan beberapa langkah mudah tersebut sobat sudah berhasil Menghilangkan Icon Quick Edit / Obeng dan Tang di Blog. Dan kali ini, siapa pun yang membuka halaman Blog sobat, icon tersebut pun pastinya tidak akan muncul lagi.

Menghilangkan Icon Quick Edit / Obeng dan Tang di Blog

Cara Menampilkan Widget Google Plus yang Tidak Muncul

on Selasa, 08 Oktober 2013

Widget Google Plus yang Tidak Muncul
Beberapa hari yang lalu saya menemukan sebuah masalah pada Blog milik salah satu teman saya yaitu Ari Yuwara. Pada Blog tersebut Widget Google Plus tidak dapat ditampilkan. Tidak hanya satu buah widget saja, pokoknya beberapa widget yang berasal dari Google Plus tidak dapat ditampilkan. Seperti widget Google Plus Follower, Profil Google Plus (Mengenai Saya/ About Me), sampai Tombol Rekomendasi Google Plus One. Jika ada widget lain dari Google Plus yang dipasang, saya tidak tahu apakah tidak akan tampil juga atau dapat ditampilkan. Yang jelas saya tertarik untuk mengatasi masalah ini, lumayan lah untuk menambah ilmu, hehe.
Coba sobat perhatikan screenshot di bawah ini. Untuk widget Google Plus Follower dan Tombol Rekomendasi Google Plus One, widget ini benar-benar tidak tampil sama sekali. Hanya terlihat sebagai kolom widget yang tidak berisi. Sedangakan pada bagian nomer 2, widget Profil Google Plus masih dapat ditampilkan, namun yang tidak dapat ditampilkan adalah Tombol Follow-nya.

Widget Google Plus yang Tidak Muncul

Saya pun Browsing untuk dapat mengatasi masalah ini. Akhirnya saya menemukan Blog milik teman Blogger lain yang salah satu artikelnya menerangkan tentang cara menampilkan widget Google Plus Follower yang tidak muncul. Dari penjelasanya ternyata dalam mengatasi masalah ini ia menemukan script Google Plus Follower milik teman Blogger lain yang berbeda dengan script Google Plus Follower miliknya. Ia pun coba menerapkan script tersebut pada script widget Google Plus Follower miliknya. Dan hasilnya OK.
Akhirnya saya juga tertarik untuk mengatasi masalah yang saya temui ini, dengan menerapkan cara yang ia jelaskan sebagai berikut:

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Tata Letak Terlebih dahulu.
3. Sentuhkan kursor pada tulisan Edit di posisi widget Google Plus Follower berada.

Cara Menampilkan Widget Google Plus yang Tidak Muncul
Sobat telah mengetahui ID widget Google Plus Follower yaitu "PlusFollowers1".

4. Sekarang masuk ke bagian Template dan klik Edit HTML.
5. Dengan menggunakan tombol ctrl+F, cari widget ID yang telah sobat ketahui (PlusFollowers1).
6. Setelah ditemukan dan script elemen widget belum ter-expand, maka klik bagian "titik-titik" diantara kode <b:widget> dan </b:widget>

Cara Menampilkan Widget Google Plus yang Tidak Muncul

dan klik bagian "titik-titik" diantara kode <b:includable> dan </b:includable>.

Cara Menampilkan Widget Google Plus yang Tidak Muncul

Sehingga kode elemen widget akan ditampilkan secara terurai seperti berikut.

<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != &quot;&quot;'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
        window.___gcfg = {&#39;lang&#39;: &#39;<data:language/>&#39;};
</script>

</b:if>
</div>
</b:includable>
</b:widget>

7. Ubah kode berlatar kuning dengan kode berikut.

<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

8. Klik Simpan Template.

Ternyata hasilnya mengesankan. Tidak hanya widget Google Plus Follower yang dapat diatasi. Melainkan juga Tombol Rekomendasi Google Plus One, dan Tombol Follow pada widget Profil Google Plus kini telah dapat ditampilkan.

Widget Google Plus telah dapat ditampilkan

Saya tidak paham penyebab dari permasalahan ini. Juga tidak paham mengapa satu cara ini bisa memperbaiki beberapa widget. Apakah dari faktor pengkodean, atau ada faktor lain. Yang penting untuk sekarang masalah yang saya temukan ini dapat teratasi.
Sekian posting saya untuk kali ini. Semoga bermanfaat bagi sobat Blogger yang mengalami masalah yang sama. Terima kasih...

Cara Memasang Iklan PPC Menyatu di Tengah Posting Blog

on Kamis, 03 Oktober 2013

Iklan PPC Menyatu di Tengah Posting Blog
Sobat mungkin tahu dengan iklan PPC ini. Sebuah sistem periklanan yang membayar publisher setiap terjadi klik (Pay Per Click) ini menjadi salah satu andalan para Blogger untuk dapat memperoleh keuntungan berupa uang dari kegiatan Blogging. Dalam menampilkan (publishing) iklan PPC ini banyak cara para Blogger agar dapat menarik banyak perhatian pengunjung untuk melakukan klik. Ada yang dengan cara sehat dalam menampilkan iklan PPC ini, ada juga yang "tidak sehat". Namun ada sebagian atau kebanyakan iklan PPC yang pengurusnya akan memberikan banned kepada publisher yang menampilkan iklan PPC dengan cara yang tidak sehat ini. Oleh karena itu, dalam menampilkan iklan PPC lebih baik dengan cara yang sehat namun dapat menarik banyak perhatian pengunjung.
Contohnya kita bisa memasang iklan PPC dengan mengusahakan agar iklan ini terlihat seperti bagian dari konten di Blog. Logikanya, kan iklan PPC selalu menampilkan gambar atau teks yang membuat penasaran. Dengan iklan PPC ini yang terlihat seperti bagian dari konten Blog dan tidak terlihat seperti iklan, maka lebih menarik pengunjung untuk melakukan klik tanpa pengunjung sadari bahwa itu adalah sebuah iklan PPC.
Salah satu cara memasang iklan PPC agar terlihat seperti konten pada Blog adalah dengan meletakanya menyatu di tengah posting Blog. Saya sarankan dengan posisi tersebut kita memasang iklan PPC yang berbentuk iklan teks agar semakin mirip seperti bagian konten pada Blog.
Untuk cara penerapanya sendiri adalah sebagai berikut.

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Cari kode <data:post.body/>. Jika terdapat 2 kode seperti demikian, maka pilih yang kedua. Jika terdapat lebih dari 2 kode tersebut, coba pilih yang terakhir. Intinya sobat perlu memahami manakah kode tersebut yang menjadi elemen posting Blog.
4. Setelah itu, ubahlah kode tersebut dengan kode berikut.

<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

<!-- Kode Iklan PPC Sobat Letakkan Disini! -->

</div>
<div expr:id='"iklan2" + data:post.id'>

<data:post.body/>

</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

5. Ubah kode berwarna merah dengan script iklan sobat.
6. Klik Simpan Template.

Maka hasilnya kurang lebih akan seperti ini.

Iklan PPC Menyatu di Tengah Posting Blog

Iklan PPC telah tersimpan di tengah posting Blog. Namun coba lihat di bawah iklan PPC. Kalau pada blog saya, jika tepat di bawah iklan PPC terdapat script atau gambar, maka script/gambar itu tidak dapat ditampilkan. Malah hanya menghasilkan script yang tidak lengkap. Jika hal ini terjadi pada Blog sobat, maka dapat diambil kesimpulan bahwa penempatan iklan PPC di tengah posting Blog dengan cara yang saya berikan ini lebih cocok pada sebuah Blog yang hanya mempostingkan artikel yang hanya memuat teks, tidak beserta script atau gambar.

Cara Mengetahui Kode HTML Warna dengan Plastiliq PixelPicker

on Selasa, 24 September 2013

Plastiliq PixelPicker
Kali ini saya akan membagikan sebuah aplikasi sekaligus sebuah trik dalam membantu kegiatan Blogging. Aplikasi yang akan saya bagikan kali ini berfungsi untuk mengetahui kode warna sebuah objek yang berupa kode RGB, CMYK, HEX, HSL, HSV/HSB, ARGB, Decimal, dan lain-lain. Kode-kode tersebut saya tidak tahu fungsinya untuk apa, yang jelas selain untuk mengetahui kode warna yang sebelumnya telah disebutkan, aplikasi ini juga dapat mengetahui kode HTML warna sebuah objek sehingga akan membantu kita para Blogger dalam kegiatan Blogging.
Mungkin saja sobat Blogger pernah atau akan mengalami sebuah kejadian seperti ini. Ketika sobat berkunjung di Blog milik teman, sobat menemukan sebuah objek baik berupa gambar atau teks dengan warna yang sobat sukai. Lalu sobat sangat ingin menerapkan warna tersebut pada sebuah objek di Blog milik sobat. Tentunya sobat harus mengetahui dahulu kode HTML warna yang digunakan pada objek tersebut. Sebenarnya banyak situs yang menyajikan daftar kode HTML warna. Di sana sobat dapat memilih ratusan atau bahkan ribuan pilihan kode HTML warna. Dengan cara ini sobat bisa saja menemukan warna yang diinginkan, tapi tidak jarang juga yang mencari kode HTML warna dengan hasil yang sia-sia.

Nah, jika sobat ingin mencari kode HTML warna dengan hasil yang akurat, Plastiliq PixelPicker dapat menjadi salah satu solusinya. Aplikasi ini sangat ringan sehingga sobat tidak perlu khawatir dengan kinerja komputer sobat. Ketika sobat hendak mendownload Aplikasi ini, sobat akan melihat screenshot yang bisa menjadi panduan untuk sobat dalam menggunakan aplikasi ini.

Cara Mengetahui Kode Warna dengan Plastiliq PixelPicker

Cara Mengetahui Kode Warna dengan Plastiliq PixelPicker

Atau sobat bisa menyimak cara-cara penggunaanya dengan tutorial versi Brader Blog berikut ini.

Cara Mengetahui Kode HTML Warna dengan Plastiliq PixelPicker

Tentunya, setelah sobat mendownload dan menginstalkan Plastilliq PixelPicker ini di PC sobat, maka bukalah aplikasi tersebut.
1. Pada Magnifier area dalam Plastiliq PixelPicker, klik lalu drag and drop pada area yang terdapat objek yang ingin sobat ketahui kode HTML warnanya.
2. Setelah area yang sobat inginkan tampil pada Magnifier area, klik objek yang ingin sobat ketahui kode HTML warnanya. Pada bagian ini, Maginifier area dapat di-zoom agar kode HTML warna sebuah objek dapat diketahui dengan lebih akurat.
3. Perhatikan bagian color cell, apakah warna yang tampil adalah warna yang sobat maksud. Jika iya, kode HTML warna telah ditemukan karena kode HTML warna ditampilkan di samping color cell.
Kini sobat tinggal menerapkan kode HTML warna tersebut pada objek di Blog sobat.

Telah dijelaskan sebelumnya, aplikasi ini bukan hanya untuk mengetahui kode HTML warna saja. Silakan klik pilihan  dropdown di samping color cell, lalu akan tampil berbagai jenis kode warna dalam daftar dropdown, dan pilihlah jenis kode warna tersebut yang sobat inginkan.

Silakan bagi yang tertarik pada aplikasi ini, bisa download pada link berikut. Atau langsung saja kunjungi situs resminya http://plastiliq.com/pixel-picker

Download Plastiliq PixelPicker

Cara Mengatur Panjang Cuplikan pada Widget Popular Posts

on Senin, 16 September 2013

Cara Mengatur Panjang Cuplikan pada Widget Popular Posts
Widget Popular Posts telah banyak kita jumpai dalam sebuah Blog. Widget ini bermanfaat dalam menampilkan artikel pada sebuah Blog yang paling banyak dibaca kepada pengunjung. Dengan banyak dibacanya sebuah artikel, maka kita bisa anggap artikel tersebut sedang tren dan banyak dibaca orang. Maka, dengan widget popular posts ini mungkin saja pengunjung dapat menemukan artikel yang kebetulan ia cari. Atau bahkan dapat menarik minat pengunjung untuk membaca artikel yang sedang populer pada sebuah Blog, karena penasaran dengan apa yang menyebabkan artikel tersebut banyak dibaca orang.
Blogspot telah menyediakan widget popular posts yang bisa kita tentukan pengaturanya. Kita bisa atur apakah akan menampilkan artikel yang paling banyak dibaca dalam 7 hari, paling banyak dibaca dalam 30 hari, atau paling banyak dibaca setiap saat. Kalau saya sendiri memilih tampilkan artikel yang paling banyak dibaca dalam 7 hari, agar artikel yang ditampilkan memungkinkan untuk berubah-ubah pada setiap minggunya. Sehingga pengunjung tidak akan merasa bosan dengan artikel yang ditampilkan pada widget Popular Posts.

Widget Popular Posts

Selain itu pada widget popular posts kita dapat mengatur jumlah entri yang ditampilkan, dan menambahkan thumbnail dan atau cuplikan. Thumbnail adalah gambar mini yang mewakili sebuah artikel, dan pada widget popular posts akan muncul jika memang terdapat gambar pada artikel tersebut. Sedangkan cuplikan adalah deskripsi singkat yang menjelaskan sebuah artikel. Nah, kali ini saya akan membahas salah satu permasalahan pada cuplikan popular posts ini, yaitu pada panjang atau jumlah huruf yang ditampilkan.

Jika kita memadukan antara thumbnail, cuplikan dan tentunya judul artikel pada widget popular posts, maka tampilanya akan begitu menarik, betul?
Perhatikan screenshot-nya berikut.

Widget Popular Posts

Memang kombinasinya bagus ya sob. Tapi apakah sobat memikirkan hal sama dengan saya? Kalau menurut saya cuplikan yang ditampilkan pada widget popular posts ini terlalu panjang. Panjang cuplikan yang melebihi tinggi thumbnail menyebabkan tampilan widget kurang rapi. Hingga saya ingin mengurangi panjang cuplikan yang ditampilkan. Sedangkan tidak ada tools untuk mengatur panjang cuplikan yang ditampilkan.

Tenang, ada cara lain untuk mengatur panjang cuplikan pada widget popular posts ini. Sobat punya keinginan seperti saya yaitu mengurangi panjang cuplikan, atau sobat malah ingin menambah panjang cuplikan ini? Bisa sekali, silakan simak cara-caranya.

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Dengan tombol ctrl+F, silakan cari kode </body> dan masukan kode berikut di atas kode </body> tersebut.

<script type='text/javascript'>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
var txt=$(this).text().substr(0,50);
var j=txt.lastIndexOf(' ');
if(j>42)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>
Ubah kode berwarna merah dengan jumlah huruf yang akan ditampilkan pada cuplikan widget popular posts.

4. Klik Simpan.

Silakan perhatikan contoh hasilnya pada gambar di bawah ini.

Widget Popular Posts

Panjang cuplikan semakin pendek, tidak memakan ruang yang banyak, dan terlihat semakin rapih.

Hapus Otomatis Komentar dengan Link Hidup pada Blog

on Kamis, 05 September 2013

Hapus Otomatis Komentar dengan Link Hidup pada Blog
Para Blogger biasanya sangat senang untuk saling berkomentar pada blog milik teman sesama Blogger. Dengan saling berkomentar ini sebagian memiliki tujuan positif, salah satunya untuk memberi kritik dan saran kepada konten tertentu agar dapat menjadi lebih baik lagi. Atau untuk saling bertukar fikiran dan pendapat agar ditemukan hal-hal baru, dan lain-lain. Dengan berkomentar juga bermanfaat agar teman-teman Blogger lain mengetahui akan keberadaan kita serta sobat dapat memperkenalkan Blog yang sobat miliki kepada Blogger lain. Hebatnya lagi katanya sih dengan berkomentar akan meningkatkan Page Rank Blog yang kita miliki.
Namun ada sebagian Blogger yang memanfaatkan keuntungan berkomentar secara berlebihan menurut saya. Dalam berkomentar mereka menyertakan link hidup agar terdapat banyak link pada Blog lain yang mengarah kepada URL yang mereka inginkan. Hal ini menguntungkan si Pembuat komentar karena jelas akan banyak sekali celah pada Blog lain yang mengarahkan pengunjung pada Blog-nya atau URL yang mereka tentukan. Namun hati-hati, perilaku seperti ini juga ada kerugianya. Karena mereka berkomentar hanya untuk menaruh link, maka biasanya mereka memberikan banyak komentar dan semua komentar tersebut kelihatan hampir sama atau bahkan sama persis. Sehingga bang Google akan memberi cap kepada si pemberi komentar sebagai Spammers.
Kerugian juga akan dirasakan oleh pemilik Blog yang telah mendapat komentar dari si Spammers. Akan banyak kebocoran yang membawa pengunjung untuk meninggalkan Blog-nya dan mengarah ke Blog si Spammers melalui link hidup pada komentar. Lebih parahnya lagi jika si Spammers telah memberikan banyak komentar beserta link hidup dan tanpa disadari semua komentar tersebut terlihat sama atau berulang-ulang. Wah, bukan hanya si pemberi komentar yang dicap Spammers, bang Google juga akan menganggap Blog yang tidak bersalah ini juga Spammy.
Oh, merugikan sekali yah sobat. Jangan sampai deh hal ini terjadi pada Blog sobat. Apalagi kalau sobat malah menjadi si Spammers, sangat tidak baik.
Nah, jika Blog milik sobat memang sangat ramai dengan pengunjung hingga sobat tidak dapat mengontrol banyaknya komentar yang masuk, lebih baik Blog sobat dirancang untuk dapat menghapus otomatis komentar dengan link hidup pada blog sobat. Sehingga sobat tidak perlu khawatir dengan datangnya komentar yang menyertakan link hidup, karena akan langsung terhapus. Yang terhapus hanya bagian teks dari komentar yang disertai link hidup, jadi tidak keseluruhan komentar akan terhapus.

Tertarik untuk menerapkanya? Silakan ikuti langkah-langkahnya berikut ini.
1. Login ke akun Blogger sobat.
2. Masuk ke Bagian Template dan klik Edit HTML.
3. Dengan tombol ctrl+F carilah kode ]]></b:skin> dan letakan kode berikut diatas kode ]]></b:skin>.

#comments p a {display: none !important; }

4. Dengan tombol ctrl+F carilah kode </head> dan letakan kode berikut di atas kode </head>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery(&quot;#comments p&quot;).find(&quot;a&quot;).replaceWith(&quot;<span><i>(Bagian komentar yang ini menyertakan link hidup, maaf akan terhapus otomatis)</i></span>&quot;); }); </script>
Ubah tulisan berwarna biru dengan kata-kata apa saja yang sobat sukai.

5. Klik Simpan Template.

Selesai, dan ketika masuk sebuah komentar yang menyertakan link hidup, maka bagian link hidup dari komentar tersebut akan terhapus otomatis dan digantikan dengan kata-kata yang telah sobat tentukan pada script di atas.


Namun ingat, setelah Blog sobat telah dirancang untuk menghapus otomatis komentar dengan link hidup, jangan menghapus lagi rancangan tersebut. Karena hanya berfungsi untuk menggantikan link hidup pada komentar dengan kata-kata yang sobat tentukan. Jadi jika sobat mengapus rancangan ini, maka link hidup pada komentar akan muncul kembali.

Cara Membuat Link pada Judul Postingan Blog

on Rabu, 04 September 2013

Cara Membuat Link pada Judul Postingan Blog
Template yang digunakan para Blogger berbeda-beda, perbedaan tersebut salah satunya akan terlihat pada Judul Postingan. Mungkin dalam hal tampilan sudah jelas ukuran, jenis, dan warna font pasti berbeda-beda. Namun ada lagi nih perbedaanya, yaitu terdapat judul posting yang berupa link hidup dan ada juga judul posting yang bukan link. Judul posting Blog yang disertai link akan bermanfaat untuk menambah internal link pada Blog. Bagaimana nih dengan judul posting pada Blog milik sobat?
Apakah sobat akan menggunakan judul posting blog yang disertai link hidup, atau judul posting blog yang bukan link? Terserah sobat suka yang mana...
Untuk sobat yang menggunakan Template dengan judul blog yang bukan link, namun ingin agar judul posting tersebut berubah menjadi berupa link hidup, sobat tidak perlu mengganti template. Yang perlu sobat lakukan adalah menyimak artikel ini dan mempraktikanya pada Blog milik sobat. Karena kode HTML yang terdapat pada setiap Template Blog berbeda-beda, bisa jadi cara yang akan saya berikan mungkin memuat kode HTML yang berbeda dengan Template milik sobat. Jadi sobat harus menyimak artikel ini dan mempraktikanya pada Blog sobat dengan teliti dan sabar.

Cara Membuat Link pada Judul Postingan Blog:
1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Carilah kode yang mirip dengan kode di bawah ini.

<h2 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>

Jika sobat tidak menemukan kode yang mirip dengan kode di atas, maka kemungkinan kode tersebut tidak menggunakan kode h2, melainkan kode h3. Maka carilah kode yang mirip dengan kode di atas, yang disertai kode h3.

4. Jika kode tersebut telah ditemukan, maka hapuslah kode tersebut dan ubah dengan kode di bawah ini.
Namun amankan dahulu kode yang akan sobat hapus, agar bila terjadi kegagalan sobat bisa memasang kembali kode yang telah sobat hapus.

<h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>

Jika pada kode sebelumnya menggunakan kode h3, maka pada kode yang akan digunakan sekarang sobat ubah kode h2 menjadi h3.

5. Klik Simpan Template, dan lihat hasilnya.

Maka apabila berhasil, judul posting pada Blog sobat akan bisa diklik karena sudah berupa link. Ketika cursor disentuhkan pada judul posting, maka akan terlihat sebuah URL di bagian bawah kiri halaman browser (mozila firefox) sebagai tanda bahwa judul posting tersebut adalah berupa link hidup.

Cara Membuat Link pada Judul Postingan Blog

Cara Melindungi Konten Blog dengan DMCA Protection

on Selasa, 03 September 2013

Cara Melindungi Konten Blog dengan DMCA Protection
Hari ini saya menemukan sebuah Blog yang telah mengcopy paste konten Brader Blog dengan tidak menyertakan link sumbernya. Setelah ditelusuri lebih jauh, ternyata tidak sedikit konten pada Blog saya ini yang telah dicuri. Hal tersebut jelas membuat saya kesal sekali, satu posting yang saya buat dalam waktu berjam-jam bahkan berhari-hari dapat beralih tangan hanya dalam waktu beberapa menit bahkan detik. Selain kesal, saya juga merasa sedih karena ada Blogger Indonesia khususnya yang tidak mau kreatif dalam kegiatan Blogging-nya.
Saya pun ingin mengatasi hal tersebut agar copy paste konten pada Blog saya tanpa menyertakan link sumbernya tidak terjadi lagi untuk kedepanya dan selamanya. Walaupun konten pada Blog saya ini masih jauh dari kata "bermutu, berkualitas dsb", tetapi saya puas karena telah membuatnya dengan ketikan jari, bukan klikan mouse. Walaupun memang sebagian informasinya saya ambil dari berbagai sumber, namun saya tulis ulang dengan narasi sendiri atau dengan kata lain tidak copy paste.
Nah, sebagai langkah awal untuk mencegah pencurian konten, kita perlu Melindungi Konten Blog dengan DMCA Protection. DMCA (Digital Millenium Copyright Act) sendiri adalah sebuah perlindungan hak cipta sebuah blog atau website untuk mencegah duplikat konten atau pencurian konten suatu Blog.
Pertama yang harus kita lakukan adalah mendaftarkan Blog ke DMCA Protection agar mendapatkan Sertifikat Hak Cipta untuk sekedar peringatan kepada calon pencuri konten.  Sebelum akhirnya kita melapor kepada DMCA ketika memang sudah ada bukti pencurian konten pada suatu Blog.

Mendaftarkan Blog di DMCA Protection.
1. Masuk ke situs DMCA.
2. Gulir sedikit ke bawah dan isi form Register your Protecton Badge. Company name dapat dikosongkan. Setelah diisi, klik Submit.

Mendaftarkan Blog di DMCA Protection

3. Tidak lama kemudian DMCA akan mengirimkan email yang berisi password agar sobat dapat login ke akun DMCA yang baru sobat buat. Periksa kotak masuk pada email yang sobat daftarkan dan klik URL Login yang diberikan.

Mendaftarkan Blog di DMCA Protection

4. Maka lakukanlah Login dengan alamat email yang didaftarkan dan password yang diberikan. Klik login.

Mendaftarkan Blog di DMCA Protection

5. Pada halaman selanjutnya akan terlihat pada daftar situs, bahwa belum ada halaman/situs yang terproteksi. Maka klik Add Badges to your site untuk menambahkanya.

Mendaftarkan Blog di DMCA Protection

5. Selanjutmya sobat pilih tampilan Badge yang sobat sukai. Lalu klik Add this Badge to Blogger.

Mendaftarkan Blog di DMCA Protection

6. Selanjutnya pilih Blog yang diinginkan dan tentukan nama widget sesuai keinginan. Setelah selesai, klik Menambah Widget.

Mendaftarkan Blog di DMCA Protection

Widget DMCA yang telah ditambahkan tidak tentu letak penempatanya. Mungkin biasanya akan terpasang pada sidebar. Dengan telah terpasangnya widget DMCA ini, maka pendaftaran Blog di DMCA Protection telah selesai.
Sekarang kita hanya perlu mengecek, apakah proteksi dari DMCA terhadap Blog kita telah berjalan atau tidak?

7. Klik widget DMCA yang telah terpasang di Blog sobat.

Menguji proteksi DMCA

8. Maka akan muncul tampilan seperti berikut.

Status proteksi DMCA

Perhatikan pada gambar di atas terdapat keterangan Protection Status: Active, pertanda bahwa perlindungan hak cipta pada Blog sobat telah berjalan.
Namun terdapat keterangan Account Status: Unverified. Jika ingin terverifikasi sobat harus mengupgrade akun DMCA ke Pro dan tentunya berbayar, silakan saja.
Lihat pada halaman home akun DMCA sobat untuk melihat lebih detail konten Blog sobat yang telah terproteksi.

Status proteksi DMCA

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

on Selasa, 16 Juli 2013

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow
Sobat tau apa itu rel nofollow dan dofollow? Pada web/Blog sobat, sobat menerapkan yang mana diantara yang dua tersebut? Bahkan sobat tidak mengetahuinya, ok saya akan membahas Cara Mengatahui Web/Blog yang Nofollow atau Dofollow.
Pengertian intinya, rel nofollow adalah istilah pada web/blog yang jika kita berkomentar pada web/blog yang diterapkan rel nofollow tersebut maka Google tidak menghitung backlink pada komentar yang kita buat. Sedangkan dofollow adalah istilah pada web/blog yang jika kita berkomentar pada web/blog yang diterapkan rel dofollow maka Google menghitung backlink pada komentar yang kita buat.
Biasanya, web/blog akan memiliki rel nofollow pada saat pertama dibuat, namun bisa diubah menjadi dofollow jika memang sobat menghendakinya. Silakan sobat terapkan rel mana saja yang sobat sukai. Namun kali ini saya tidak akan membahas cara mengubah rel pada suatu web/blog, melainkan Cara Mengatahui Web/Blog yang Nofollow atau Dofollow.
OK, tanpa basa-basi kita mulai saja pembahasan kali ini.

  • Untuk pengguna Mozila Firefox.
Salah satu caranya adalah dengan menambahkan pengaya pada Mozila Firefox.
1. Silakan masuk ke halaman Add On NoDoFollow for Firefox.
2. Klik Continue to Download.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

3. Klik Add to Firefox.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

4. Silakan tunggu NoDoFollow sedang diunduh.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

5. Akan muncul jendela baru, klik pasang sekarang.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

6. Setelah Add On berhasil terpasang, silakan klik Mulai Ulang Firefox.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

7. OK, sekarang Add On NoDoFollow telah terpasang dan dapat digunakan. Untuk cara penggunannya, silakan sobat kunjungi web/blog yang ingin sobat ketahui rel yang digunakanya. Lalu klik kanan pada halaman web/blog tersebut dan centang opsi NoDoFolow. Maka rel yang digunkan web/blog tersebut dapat diketahui. Untuk link yang berlatar merah maka rel nofollow, sedangkan link yang berlatar biru maka rel dofollow.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

  • Untuk pengguna Google Chrome.
Yang saya tau tidak perlu memakai pengaya tambahan pada Google Chrome ini. Caranya pun lebih singkat dan mudah, silakan simak.
1. Masuk ke halaman web/blog yang ingin sobat ketahui rel yang digunakanya.
2. Lalu klik kanan pada link di halaman web/blog tersebut dan klik opsi Inspect Element.
3. Akan muncul sebuah kotak di bagian bawah yang berisi kode sumber link yang dipilih. Nah dengan ini, rel yang digunakan pada suatu web/blog pun dapat diketahui.

Jika memakai rel nofollow, maka akan ada kode rel="nofollow" pada kotak tersebut.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

Sedangkan, jika memakai rel dofollow, maka tidak akan ada kode rel="nofollow" pada kotak tersebut.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

OK, demikian saja pembahan saya. Semoga bermanfaat bagi sobat yang membaca.
 
© Netter Indonesia All Rights Reserved
Get smart with the Netter Indonesia