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 Memasang Tweet pada Artikel Blog

Mungkin Anda pernah melihat cuplikan screen capture tweet seseorang berada diartikel sebuah blog, Anda dapat menampilkan tweet seseorang dengan screen capture ataupun langsung dengan tampilan aslinya dengan menambahkan kode embed tweet tersebut.

Sebelum menampilakan kode embed dari tweet tersebut pastikan pengaturan akun twitter Anda terbuka karena jika pengaturan tersebut tertutup tidak dapat menampilkan tweet.

Baca Juga : Cara Memasang Foto dan Video Instagram pada Artikel Blog

Langkah pertama menampilkan tweet pada artikel blog adalah mengcopy atau mengambil kode embed tweet terlebih dahulu pada akun twitter Anda. Setelah mendapatkan kode tersebut pasang kode tersebut atau sisipkan kode tersebut pada artikel blog Anda.

Cara Mengambil Kode Embed Tweet pada akun Twitter

1. Login akun twitter Anda.
2. Pilih tweet yang akan Anda tampilkan pada blog, klik icon setting tweet pada pojok kanan atas tweet Anda.

3. Kemudian klik Embed Tweet.

4. Copy kode Embed Tweet.

Langkah kedua adalah memasang kode embed tweet tersebut pada artikel blog Anda. Berikut langkah caranya :

Cara Menampilkan Tweet pada Artikel Blog

1. Login akun blogger Anda.
2. Kemudian tuliskan artikel Anda, setelah selasai sisipkan kode tersebut pada artikel.
3. Cara menyisipkan kode tersebut adalah dengan mengganti mode posting dengan Tampilan HTML.

4. Paste kode yang Anda copy pada langkah pertama tadi pada artikel blog.
Nah, setelah selesai melakukan kedua langkah diatas cek postingan Anda, dan semoga berhasil!

Cara Menghapus/Mengganti Background Foto https://t.co/cooxSSiWon

— Info Blog Indonesia (@Infoblog_ID) November 17, 2020

Selengkapnya...

Cara Membuat Gambar pada Posting Berputar

Gambar pada posting blog dapat kita tambahkan bermacam-macam efek seperti transparan dan efek bayangan agar terlihat lebih menarik. Untuk menambahkan efek pada widget, gambar, atau komponen lain dalam blog harus Anda perhatikan juga keindahan setelah menambahkan efek tersebut, jangan sampai nanti setelah Anda tambahkan efek akan mengganggu pengunjung melihat dan membaca posting blog.

Pada kesempatan ini kami akan memberikan informasi cara membuat gambar pada posting berputar, seperti contoh yang sudah kami tuliskan pada artikel sebelumnya yaitu cara membuat logo header pada blog berputar. Langsung saja berikut langkah cara membuat gambar pada posting berputar :

1. Login akun blogger Anda.
2. Pilih menu tab Tema >> Klik Edit HTML.
3. Kemudian cari kode .post-body img (Gunakan Ctrl+F untuk mempermudah pencarian).
4. Tambahkan kode berikut diatas .post-body img

.post-body img:hover {
-webkit-transition-duration: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

Keterangan :
Kode 3s : kecepatan gambar berputar.
Kode 360deg : menentukan jauh tidaknya sudut perputarnya.
5. Kemudian Simpan tema.

Nah, itu tadi cara membuat gambar pada posting berputar, jika Anda tambahkan tersebut semua gambar pada posting blog akan berputar tidak hanya 1-2 posting saja. Semoga berhasil dan bermanfaat!

Selengkapnya...

Cara Mengatasi Bullets dan Numbering pada Blog tidak Berfungsi

Pada menu tab posting blog mempunyai banyak fitur antara lain menambahkan gambar, video, dan tulisan pada posting tercoret. Selain itu Anda juga dapat menambahkan bullets dan numbering seperti ketika kita menulis text di Microsoft Word. Berikut ini contoh bullets pada blog :

• Contoh icon Bullets 1 
• Contoh icon Bullets 2 
• Contoh icon Bullets 3 

Dan berikut contoh numbering :

1. Contoh icon Numbering 1 
2. Contoh icon Numbering 2 
3. Contoh icon Numbering 3 

Ada beberapa template blog tidak muncul bullets dan numbering ketika kita tambahkan pada menu posting.

Ini bisa terjadi karena tema blog Anda belum menambahkan kode script bullets dan numbering, biasanya ini terjadi pada tema atau template hasil download dari pihak ketiga, kalau template default dari blogger kami rasa tidak akan menemukan masalah seperti ini. Jika blog Anda mengalami masalah seperti ini coba tambahkan kode script bullets dan numbering pada template blog. Berikut langkah cara mengatasi bullets dan numbering pada blog jika tidak berfungsi atau tidak muncul :

1. Login akun blogger Anda.
2. Pilih menu tab Tema >> Klik Edit HTML.
3. Kemudian cari kode ]]><</b:skin> (Gunakan Ctrl+F untuk mempercepat pencarian).
4. Setelah ketemu copy paste kode berikut tepat diatas kode ]]><</b:skin>

.post ul,.post ol{margin:20px;margin-top:5px}
.post ol li{list-style-type:Decimal;padding-left:1px;margin:5px 0 0 20px}
.post ul li{list-style-type:Disc;padding-left:1px;margin:5px 0 0 20px}
.widget .post-body ul {padding: 0 1em;margin: 0.5em;line-height: 1.3;}

5. Kalau sudah selesai klik Simpan tema.

Nah, itu tadi cara mengatasi bullets dan numbering pada posting blog tidak berfungsi atau tidak muncul. Salah satu penyebabnya adalah belum adanya kode script bullets dan numbering pada tema blog seperti contoh diatas. Selamat mencoba dan semoga bermanfaat!

Selengkapnya...

Cara Mengalihkan Link Artikel Ke Artikel Lainnya pada Blog

Blogger dapat merubah /mengalihkan link halaman artikel Anda ke halaman artikel lain atau sesuai dengan keinginan Anda. Ini berguna bagi artikel lama yang dirasa tutorialnya sudah tidak berguna lagi dan perlunya update artikel baru karena kalau kita harus menghapus artikel lama akan mempengaruhi traffic blog karena pengunjung tidak dapat menemukan keywoard /kata kunci artikel yang telah Anda hapus, untuk itu Anda perlu mengalihkan link artikel lama Anda dengan artikel terbaru. Jadi ketika Anda meng-klik link artikel lama otomatis akan diarahkan ke artikel baru. Untuk itu langsung saja kita masuk ke langkah-langkah cara mengalihkan link halaman artikel lama ke artikel baru :

1. Login akun blogger Anda.
2. Klik menu tab Setelan, kemudian pilih Preferensi penelusuran.

3. Pada halaman Preferensi penelusuran klik Edit pada menu Pengalihan Khusus ?

4. Isikan link lama dan baru yang ingin dialihkan seperti contoh dibawah.

Artikel lama Anda yang ingin dialihkan :
Dari : https://id-pemula.blogspot.com/2013/02/cara-mengganti-alamat-url-blog.html
Artikel baru sebagai tujuan pengalihan :
Kepada : https://id-pemula.blogspot.com/2018/12/cara-mengganti-alamat-url-sub-domain.html

5. Cukup Anda isikan link yang berwarna merah karena link depannya sudah default terisi pada blogger.

6. Kemudian Simpan dan terakhir klik Simpan perubahan.

Nah, itu tadi cara mengalihkan link halaman artikel lama ke artikel baru pada blog. Semoga bermanfaat!

Selengkapnya...

Share Artikel Blog Otomatis ke Akun Google+ (Plus)

Pada artikel sebelumnya kami sudah pernah menuliskan Google+ (Plus) Share Posting Secara Otomatis, akan tetapi beberapa pembaca mengalami kesulitan karena tampilan pada halaman blogger ada perubahan. Pada kesempatan ini kami akan mengupdate kembali cara share artikel blog otomatis ke akun Google+ (Plus) versi terbaru.

Berikut langkah cara share artikel blog otomatis ke akun Google+ (Plus) versi terbaru :

1. Login akun blogger Anda.
2. Pilih menu tab Setelan >> Postingan, komentar, dan berbagi.

3. Pada menu 'Bagi Otomatis postingan yang baru dipublikasikan ke profil Google+ Anda?' Ubah dari Tidak ke Ya.
4. Kalau sudah klik Simpan setelan.

Nah, biasanya pengaturan default pada blog share Google+ tidak disetting secara otomatis, jadi Anda bisa mengikuti langkah seperti diatas agar artikel blog Anda dishare Google+ secara otomatis. Semoga berhasil dan bermanfaat!

Selengkapnya...