Cara Membuat Link Artikel Blog Terbuka di Tab Baru

Membuat link yang mengarahkan pada artikel yang lain pada blog merupakan salah satu cara agar pengunjung tidak meninggalkan halaman blog kita, karena dengan adanya link pada blog dapat memberikan informasi artikel lain yang berkaitan dengan artikel tersebut dan pengunjung dapat mengetahui lebih banyak artikel pada halaman tersebut.

Pada artikel terdahulu kita membuat link terbuka pada tab baru menggunakan sebuah script, tapi sekarang kita dapat dengan mudah membuat link tanpa menggunakan script karena blog menyediakan menu/fasilitas membuat link terbuka pada tab baru.

Baca Juga : Cara Membuat Link Terbuka di Tab Baru Menggunakan Script

Setelah Anda selesai membuat artikel dan ingin menyisipkan sebuah link pada artikel tersebut caranya cukup mudah, berikut langkah cara membuat link pada artikel blog terbuka di tab baru ;

1. Tandai atau seleksi kalimat yang akan Anda sisipkan link;
2. Kemudian pilih icon menu Sisipkan atau Edit Link;

3. Copy paste atau tuliskan link yang akan dituju;
4. Atur link terbuka di halaman baru atau tetap pada halaman yang sama, dengan mencentang pilihan Buka link ini di jendela baru;

Jika ingin menmbahkan atribut link nofollow tinggal klik centang pada menu Tambahkan atribut rel=nofollow.
Link nofollow merupakan atribut HTML yang memberikan kode pada mesin pencari seperti Google untuk mengabaikan link tersebut. Biasanya digunakan untuk link yang memiliki kualitas kurang baik.

Selengkapnya...

Cara Membuat Tombol Rating Penilaian pada Blog

Pernahkan Anda memesan jasa ojek online? Seringkali ketika kita akan mengakhiri transaksi pada aplikasi ojek online akan muncul penilaian driver yang Anda pakai jasanya. Penilaian ini akan dikumpulkan dan kemudian akan muncul rating driver tersebut, Anda sebagai pemakai jasa dari mereka bebas untuk memberikan penilaian sesuai pelayanan mereka. 

Selain pada aplikasi ojek online, jika Anda pernah berbelanja pada marketplace setelah barang terkirim dan Anda mengakhiri transaksi juga akan muncul rating penilaian untuk toko yang menjual barang yang Anda beli. Rating tersebut akan berpengaruh pada tingkat kepercayaan konsumen terhadap toko tersebut.

Baca Juga : Cara Memasang Google Maps pada Blog

Mungkin Anda berpikir akan sangat bagus dan berwarna jika blog Anda memiliki tombol rating penilaian di masing-masing postingan/artikel, ini bisa menjadi bahan evaluasi untuk Anda dalam menuliskan artikel-artikel berikutnya. Jika kalian tertarik tombol rating penilaian terpasang pada masing-masing artikel, berikut langkah cara memasang tombol rating penilaian pada blog.

Sebelum Anda melakukan langkah berikutnya, langkah yang pertama copy paste kode berikut ini dan letakkan sebelum kode ]]></b:skin>
Cara mencari kode ]]></b:skin> adalah Login akun blogger Anda >> Tema >> Klik Tombol kebawah pada Menu Sesuaikan >> pilih Edit HTML >> kemudian cari kode tersebut. 

Untuk mempercepat pencarian taruh kursor pada kode tema Anda, kemudian tekan Ctrl+F tuliskan ]]></b:skin> pada kolom pencarian klik enter sampai kode tersebut ditemukan.

<style type='text/css'> /* Rating Count Star */#wpac-rating:before {content: "Apakah artikel ini bermanfaat?";top: -15px;text-align: center;position: relative;width: 100%;} #wpac-rating .wp-stars .wp-star:hover:before{z-index: 999;padding: 3px 11px;background: #1a1d23f0;color: #fff;font-size: 12px;border-radius: 2px;white-space: nowrap;position: absolute;line-height: 1.4;text-align: center;-ms-transform: translateX(-30%);-moz-transform: translateX(-30%);-webkit-transform: translateX(-30%);transform: translateX(-30%);top: 100%;margin-top: 9px;} </style>

Setelah berhasil meletakkan kode diatas, sekarang ikuti langkah berikutnya, ada dua cara pada langkah berikutnya. Gunakan salah satu cara sesuai dengan keinginan Anda.

Cara Memasang Tombol Rating Penilaian pada Artikel Tertentu

Tombol Rating dapat kita pasang pada salah satu artikel saja, jadi dengan kata lain kita bisa memilih artikel yang akan kita pasang tombol rating sesuai dengan kebutuhan, berikut langkah-langkahnya :

Baca Juga : Cara Mengalihkan Link Artikel ke Artikel Lainnya

1. Buat Postingan Baru.
2. Setelah selesai menulis semua artikel, copy paste kode berikut sebelum atau sesudah postingan/artikel Anda.

<div id="wpac-rating"></div> <script type="text/javascript"> wpac_init = window.wpac_init || []; wpac_init.push({widget: 'Rating', id: 21697}); (function() { if ('WIDGETPACK_LOADED' in window) return; WIDGETPACK_LOADED = true; //true ubah ke False var mc = document.createElement('script'); mc.type = 'text/javascript'; mc.async = true; mc.src = 'https://embed.widgetpack.com/widget.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling); })(); </script>

3. Cara memasukkan kode tersebut, ubah terlebih dahulu mode postingan menjadi Tampilan HTML.

4. Kemudian kalau sudah selesai klik Simpan.

Nah, Postingan tersebut akan muncul hanya pada postingan tersebut. Jika Anda ingin memasang pada tombol rating pada semua artikel, berikut langkah-langkahnya :

Cara Memasang Tombol Rating pada Semua Postingan

1. Masuk ke menu Tab Tema
2. Klik tombol kebawah pada menu Sesuaikan, kemudian pilih Edit HTML.
3. Cari kode <data:post.body/> kemudian letakkan kode dibawah ini sebelum atau sesudah kode tersebut.

<div id="wpac-rating"></div> <script type="text/javascript"> wpac_init = window.wpac_init || []; wpac_init.push({widget: 'Rating', id: 21697}); (function() { if ('WIDGETPACK_LOADED' in window) return; WIDGETPACK_LOADED = true; //true ubah ke False var mc = document.createElement('script'); mc.type = 'text/javascript'; mc.async = true; mc.src = 'https://embed.widgetpack.com/widget.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling); })(); </script>

4. Kemudian klik Simpan.

Nah, semoga artikel ini berhasil dan bermanfaat bagi kita semua.

Selengkapnya...

Cara Membuat Sitemap Blog dengan Satu atau Dua Label Tertentu

Sitemap atau daftar isi blog sangat berguna bagi pengunjung blog untuk mengetahui semua atau sebagian artikel dalam blog, dengan sitemap pengunjung dapat dengan mudah menemukan artikel yang mereka cari. Biasanya sitemap ini akan dibuatkan halaman tersendiri oleh blogger agar blog tetap terlihat rapi dan terkesan professional. Semua artikel bisa ditampilkan seluruhnya pada satu halaman sitemap atau bisa juga hanya label tertentu saja yang ditampilkan, sedangan label yang lain kita buatkan halaman lagi. Pada kesempatan ini kami akan menuliskan cara menampilkan sitemap blog dengan satu atau dua label tertentu tapi sebelum itu jika kalian ingin menampilkan semua artikel bisa cek artikel sebelumnya cara membuat sitemap blog. Langsung saja berikut langkah cara membuat sitemap blog dengan satu atau dua label tertentu :

1. Langkah pertama buatkan halaman sitemap pada blog.
2. Pilih menu tab Halaman >> Klik Halaman baru.

3. Kemudian berikan Judul halaman, dan copy paste kode sitemap pada kolom HTML

4. Berikut kode sitemap-nya :

<script type="text/javascript"> var numposts = 100; var standardstyling = true; function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; }} posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle);} if (standardstyling) document.write('</li>'); } </script>
<ul>
<h3>Judul Label</h3>
<script src="https://id-pemula.blogspot.com/feeds/posts/default/-/labelmu?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

5. Kode tersebut menampilkan satu label, jika ingin menambahkan label lagi tambahkan kode berikut dibagian paling bawah :

<ul>
<h3>Judul Label</h3>
<script src="https://id-pemula.blogspot.com/feeds/posts/default/-/labelmu?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Keterangan :
Ganti judul-label sesuai dengan label Anda.
Ganti labelmu sesuai dengan nama label Anda, jika label menggunakan spasi gunakan %20 misalkan nama label ditulis nama%20label.

6. Kalau sudah klik Publikasikan.

Nah, semoga cara membuat sitemap blog dengan satu atau dua label diatas berguna bagi Anda. Selamat mencoba!!

Selengkapnya...

Cara Menghapus Link Aktif pada Komentar Blog

Komentar pada blog bertujuan untuk menjalin komunikasi yang interaktif antara pembaca dengan penulis blog, beda dengan form contact kalau form contact lebih ke privasi jadi hanya pembaca dan penulis saja yang mengetahui. Sedangan komentar dapat diakses siapa saja, orang lain pun bisa melihat dan memberikan komentar atas percakapan kita dengan orang lain.

Komentar yang baik memberikan efek positif bagi blog bisa untuk memotivasi penulis untuk membuat konten /posting yang lebih baik atau membuat sebuah posting terlihat ramai pengunjung dan menarik karena adanya komentar dari pembaca. Komentar pada blog juga mempunyai dampak negative jika komentar tersebut tidak sesuai atau relevan dengan materi posting yang sedang dibicarakan, misalkan pembaca berkomentar tentang promo produk, website, online shop, dll yang tidak ada kaitannya dengan materi posting tersebut. Beberapa dari pembaca juga sering meninggalkan komentar dengan link aktif didalamnya, jika link tersebut mengarah ke website terpercaya mungkin tidak ada masalah tetapi beda lagi jika link tersebut diarahkan ke website yang berisi konten dewasa 18+, sehingga komentar tersebut dikategorikan komentar spam yang pernah kita bahas pada artikel sebelumnya Dampak Buruk Komentar Spam.

Pada kesempatan ini kami akan memposting cara menghilangkan link aktif pada komentar blog, nantinya kita akan memasukkan kode script pada tema blog sehingga semua komentar yang berisi link aktif akan dihilangkan secara otomatis jadi Anda tidak perlu mengecek satu per satu komentar blog. langsung saja berikut langkah cara menghilangkan link aktif pada komentar blog ;

1. Login akun blogger Anda
2. Pilih menu tab Tema >> Klik Edit HTML
3. Kemudian letakkan kode berikut setelah kode */]]></b:skin>

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

Hasilnya ;

4. Kemudian klik Simpan tema.

Nah, itu tadi cara menghapus link aktif pada komentar blog, sebetulnya banyak kode script untuk menghapus komentar pada blog hanya saja yang kami posting ini adalah salah satu diantaranya. Selamat mencoba dan semoga berhasil!

Selengkapnya...

Cara Membuat Headline News pada Blog Terbaru

Pada artikel sebelumnya pernah kami tuliskan cara membuat breaking news pada blog, hanya saja kode yang dipakai untuk widget breaking news pada artikel tersebut sudah tidak berfungsi lagi. Nah, pada kesempatan ini kami akan menuliskan kembali cara membuat breaking news atau headline news pada blog. Konsep headline news hampir sama dengan widget artikel terbaru, bedanya widget artikel terbaru biasanya diletakkan pada sidebar blog sedangkan headline news biasanya terpasang dibawah header atau menu tab sebuah blog, apalagi dengan tampilan judul artikel berjalan pada headline news akan mempercantik tampilan blog.

Langsung saja berikut cara membuat headline news pada Blog :

1. Login akun blogger Anda.
2. Pilih menu tab Tema >> Klik Edit HTML.
3. Kemudian cari kode </head> (Gunakan Ctrl+F untuk mempercepat pencarian)
4. Copy paste kode berikut diatas kode </head>

<style type="text/css">
/*Breaking News id-pemula.blogspot.com*/
#breaking-newsticker{margin:15px 0;position:relative}
#post_breakingnews{position:relative;z-index:9;overflow:hidden;padding:8px;width:100%!important;box-sizing:border-box;box-shadow:0 5px 5px -5px #3339}
.breakingnewstitle{float:left;background-color:#f54b4b;color:#fff;padding:7px 10px;font-weight:bold;border-radius:4px;text-transform:uppercase;position:relative}
.breakingnewstitle:after{height:0;width:0;position:absolute;content:" ";pointer-events:none;margin-top:1px;border-left:13px solid #f54b4b;border-top:10px solid transparent;border-bottom:10px solid transparent;-moz-transform:scale(.9999);margin-left:9px;z-index:9}
.breakingnews marquee{width:80%;position:absolute}
@media screen and (max-width:800px){.breakingnews marquee{width:70%}}
@media screen and (max-width:500px){.breakingnews .breakingnewstitle{width:90px;font-size:11px;font-weight:normal}.breakingnews .breakingnewstitle:after{content:none}.breakingnews marquee{width:55%}}
.breakingnews marquee a{color:#1893fc;margin:0 15px;line-height:2}
#post_breakingnews .breakingnews{width:1120px;max-width:100%;margin:0 auto}
</style>
<script type='text/javascript'>
var url_breaking = "https://namablog.blogspot.com";
var jumlah_post = 9;
var marquee_speed = "5";
var close_button = false;
var info_text = true;
</script>

Keterangan :
Ganti namablog.blogspot.com dengan URL blog Anda.
Ganti angka var jumlah_post = 9; untuk menampilkan jumlah posting yang ditampilkan.
Ganti angka var marquee_speed =”5”; untuk menentukan kecepatan text berjalan.
Ganti var close_button=false menjadi var close_button=true untuk menampilkan tombol close.
5. Selanjutnya cari kode </body> copy paste kode berikut diatas </body>

<script src='http://yourjavascript.com/153651797/breakingnews-idpemula.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("breaking-newsticker").appendChild(document.getElementById("post_breakingnews"));
//]]>
</script>

6. Terakhir Simpan tema.
7. Kemudian untuk menampilkan headline news, copy paste kode berikut pada HTML/JavaScript dengan cara masuk ke menu tab blogger Tata Letak >> Tambahkan Gadget >> HTML/JavaScript, letakkan dibawah menu navigasi atau footer.

<div id='breaking-newsticker'/>

8. Kemudian klik Simpan.

Nah, itu tadi cara membuat headline news pada blogger, cukup mudah kan? Dapat Anda praktekkan pada blog dan semoga berhasil.

Selengkapnya...

Cara Mengubah Profile Google+ (Plus) Menjadi Profile Blogger

Seperti yang sudah kita ketahui pada artikel sebelumnya bahwa semua widget Google+ (Plus) akan dihapus dari blog, profile dan komentar Google+ (Plus) semua akan dikembalikan menggunakan profile dan komentar blogger.

Pada bulan April 2019 profile Google+ (Plus) akan dikembalikan hanya memiliki Profile Blogger. Sebelum dikembalikan oleh Google Anda bisa mengubah Google+ (Plus) menjadi Profile Blogger mulai dari saat ini. Caranya sangat sederhana masuk ke menu pengaturan pengguna Anda dapat mengubah profile blogger. Untuk lebih lengkapnya berikut langkah cara mengubah Profile Google+ (Plus) menjadi Profile Blogger :

1. Login akun blogger Anda.
2. Pilih menu tab Setelan >> Klik Setelan pengguna

3. Kemudian pada menu Profil Pengguna dari Google+ ganti dengan Blogger.
4. Selanjutnya klik Alihkan ke profil Blogger.
5. Bisa Anda ubah nama tampilan profile blogger, kemudian klik Lanjutkan ke Blogger.
6. Terakhir bisa Anda klik Simpan setelan.

Nah, cukup sederhana cara mengubah profile Google+ (Plus) ke Profile Blogger, bisa langsung Anda terapkan pada blog. Semoga berhasil dan bermanfaat!

Selengkapnya...

Cara Mengubah Font dan Ukuran Judul Artikel Blog

Kita dapat memodifikasi satu persatu konten dari blog termasuk judul artikel atau posting blog. Namun kita harus memperhatikan keserasian antar konten atau komponen lain dalam blog, jangan kita mengubah suatu widget tapi akan menimbulkan kesan yang kontras dengan widget lain, akhirnya bisa jadi membuat blog terlihat acak-acakan dan kurang menarik.

Pada kesempatan ini kami akan menuliskan cara mengubah font dan ukuran judul artikel blog, sebelum Anda mengganti font siapkan terlebih dahulu font pengganti minimal 3 – 5 font apabila nanti komputer atau smartphone pengunjung blog tidak support dengan font tersebut bisa digantikan dengan font kedua, ketiga, sampai yang terakhir. Langsung saja berikut langkah cara mengubah font dan ukuran judul artikel blog Anda :

1. Login akun blogger Anda.
2. Pilih menu tab Tema >> klik Edit HTML
3. Kemudian cari kode .post h3 (Gunakan Ctrl+F untuk mempercepat pencarian).
4. Kodenya nanti akan seperti contoh dibawah ini :

.post h3,.comments h4{color:#444;font:normal 16px Tahoma, Arial, Helvetica, FreeSans, sans-serif;line-height:20px;padding-top:8px;margin:0 auto 0px;}

Keterangan :
Kode Merah : Ukuran font judul artikel blog ganti sesuai dengan keinginan.
Kode Biru : Ganti dengan font baru yang sudah Anda siapkan sebelumnya.
5. Terakhir Simpan tema.

Nah, itu tadi cara singkat mengubah font dan ukuran judul artikel pada blog, Anda dapat mengganti sesuai dengan selera tapi harus memperhatikan keserasian antara ukuran font isi artikel maupun yang lain. Semoga berhasil dan bermanfaat!

Selengkapnya...