Safahadtech

Category: Website

  • Cara Menampilkan atau Menyembunyikan Widget Blogger di Halaman Tertentu pada Blog/Website

    Adanya tag kondisional Blogger memungkinkan kamu untuk menampilkan atau menyembunyikan widget / gadget di halaman tertentu.
    Ilustrasi
    SAFAHAD Technology – Adanya tag kondisional Blogger memungkinkan kamu untuk menampilkan atau menyembunyikan widget / gadget di halaman tertentu. Misalnya hanya ingin menampilkan widget popular post di homepage saja, atau menyembunyikan iklan AdSense hanya di halaman statis (page) saja, dan sebagainya.

    1. Menampilkan Widget di Halaman Tertentu

    Artinya widget hanya akan muncul di satu tempat yang ditentukan.

    Masuk ke dashboard Blogger dan pergi ke menu Layout (Tata Letak). Pilih widget yang ingin dibatasi dan edit dengan cara klik ikon pensil di kanan.

    Akan muncul sebuah jendela browser baru berukuran kecil. Disini kita hanya akan mencari tahu ID dari widget tersebut. Perhatikan susunan URL di address bar, sorotlah sampai ujung dan kamu akan menemukan parameter widgetId=xxx dan itulah ID yang kita cari. Dalam contoh gambar, IDnya adalah FeaturedPost1. Jangan lakukan apa-apa pada widget tersebut. Tutup saja jendelanya setelah ID diketahui.

    Lalu pergi ke menu Theme (Tema) dan pilih Edit HTML.

    Klik ikon Jump to widget (lihat di gambar) dan pilih nama dari ID yang tadi berhasil ditemukan di langkah sebelumnya.




    Dalam contoh ini, saya ingin menampilkan widget hanya di halaman utama (homepage). Maka tag kondisional yang digunakan adalah data:view.isHomepage. Jika ingin menampilkannya di halaman lain, gunakan tag konditional lain yang kode lengkapnya bisa ditemukan di Tag Kondisional Halaman Blogger.

    Sekarang saatnya untuk edit kode widget. Misal kode lengkapnya seperti ini:

        
<b:widget id='FeaturedPost1' locked='true' title='Featured Post' type='FeaturedPost' visible='true'>

    Tambahkan kode cond=’data:view.isHomepage’ SEBELUM ID id=’FeaturedPost1′. Maka hasil akhirnya menjadi seperti ini:

        
<b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='Featured Post' type='FeaturedPost' visible='true'>

    Ingat ya, FeaturedPost1 adalah ID yang tadi dicari. Dan kamu bisa ganti data:view.isHomepage dengan tag kondisional halaman lain.

    Setelah itu simpan pengaturan dengan klik tombol Save (Simpan).

    Baca Selanjutnya, 2. Menyembunyikan Widget di Halaman Tertentu

    2. Menyembunyikan Widget di Halaman Tertentu

    Sekarang kebalikannya, yaitu menyembunyikan widget di halaman tertentu. Artinya widget akan muncul di semua tempat KECUALI di halaman yang ditentukan.

    Secara keseluruhan caranya sama. Hanya ada sedikit perbedaan di kode widget. Tinggal tambahkan tanda seru (!) tanpa tanda dalam kurung, yang dalam pemrograman artinya NOT.

    Contoh: !data:view.isPost Artinya: Widget akan muncul jika BUKAN di halaman post.

    Kode lengkapnya kurang lebih seperti ini: 

        
<b:widget cond='!data:view.isPost' id='FeaturedPost1' locked='true' title='Featured Post' type='FeaturedPost' visible='true'>

    Kamu juga bisa memilih sendiri tag kondisional halaman yang diinginkan atau sesuai kebutuhan. Demikian penjelasan tutotial coding Cara Menampilkan atau Menyembunyikan Widget Blogger di Halaman Tertentu pada Blog/Website. Selamat mencoba dan semoga bermanfaat.

    Sumber:

  • https://www.igniel.com/2018/10/menampilkan-menyembunyikan-widget-di-halaman-tertentu.html

  • AdSense Google adalah Tips Blogger Membuat Blog/Website Penghasil Uang

    Adsense adalah program periklanan online yang dimiliki oleh Google yang memungkinkan para pemilik situs web untuk memasang iklan pada situs mereka dan mendapatkan penghasilan dari setiap klik atau tayangan iklan.
    Google AdSense
    SAFAHAD Technology – Adsense adalah program periklanan online yang dimiliki oleh Google yang memungkinkan para pemilik Blog/Website untuk memasang iklan pada situs mereka dan mendapatkan penghasilan dari setiap klik atau tayangan iklan.

    Adsense merupakan salah satu program periklanan online yang paling populer dan efektif di dunia. Dengan menggunakan Adsense, para pemilik Blog/Website bisa memperoleh penghasilan pasif dari situs mereka tanpa harus menjual produk atau jasa secara langsung.

    Satu hal yang membuat Adsense menjadi program periklanan online yang begitu populer adalah kemudahannya. Untuk bisa mulai menggunakan Adsense, Anda hanya perlu membuat akun Google, mendaftarkan Blog/Website Anda, dan menempatkan kode iklan yang disediakan oleh Google di situs Anda.




    Setelah itu, Anda tinggal menunggu pengunjung Blog/Website Anda mengklik atau melihat iklan yang ditampilkan, dan Anda akan mendapatkan penghasilan dari iklan tersebut.

    Selain kemudahan, keuntungan lain dari menggunakan Adsense adalah fleksibilitasnya. Anda bisa mengatur tata letak dan gaya iklan sesuai dengan keinginan Anda, sehingga iklan tersebut tidak akan mengganggu pengalaman pengguna Blog/Website Anda.

    Anda juga bisa memilih jenis iklan yang ingin ditampilkan, seperti iklan teks, iklan gambar, atau iklan video, sesuai dengan preferensi pengunjung Blog/Website Anda.

    Baca Selanjutnya, Pages/Halaman 2

    Selain itu, Adsense juga memiliki algoritma yang cerdas yang akan menampilkan iklan yang relevan dengan konten Blog/Website Anda. Hal ini membuat pengunjung Blog/Website Anda lebih cenderung untuk mengklik iklan yang ditampilkan, sehingga meningkatkan potensi pendapatan Anda.

    Selain itu, Google juga selalu mengupdate dan meningkatkan teknologi Adsense agar iklan yang ditampilkan tetap relevan dan menarik bagi pengunjung Blog/Website.

    Meskipun Adsense menawarkan banyak keuntungan, ada beberapa hal yang perlu diperhatikan jika Anda ingin sukses menggunakan program periklanan ini. Salah satu hal yang penting adalah memperhatikan kebijakan dan aturan yang diberlakukan oleh Google.

    Anda harus memastikan bahwa situs Anda mematuhi semua kebijakan yang ditetapkan oleh Google jika tidak ingin akun Adsense Anda diblokir atau dinonaktifkan.

    Selain itu, untuk bisa berhasil menggunakan Adsense, Anda juga perlu memahami bagaimana cara meningkatkan jumlah klik dan tayangan iklan. Anda bisa melakukan berbagai strategi seperti menempatkan iklan di tempat yang strategis, mengoptimalkan kata kunci, dan memperbarui konten situs secara berkala untuk meningkatkan traffic dan engagement pengunjung.

    Selain itu, Anda juga perlu memperhatikan analisis hasil iklan yang ditampilkan. Dengan memahami data analitik yang disediakan oleh Google Adsense, Anda bisa melihat performa iklan Anda dan melakukan perbaikan jika diperlukan. Dengan cara ini, Anda bisa meningkatkan penghasilan dari iklan Adsense Anda dan mengoptimalkan potensi pendapatan Anda.

    Baca Selanjutnya, Pages/Halaman 3

    Sebagai kesimpulan, Adsense merupakan program periklanan online yang sangat efektif dan populer di dunia. Dengan menggunakan Adsense, para pemilik Blog/Website bisa memperoleh penghasilan pasif dari situs mereka tanpa harus menjual produk atau jasa secara langsung.

    Namun, untuk bisa sukses menggunakan Adsense, Anda perlu memahami aturan dan kebijakan yang diberlakukan oleh Google, serta melakukan strategi untuk meningkatkan jumlah klik dan tayangan iklan Anda. Dengan begitu, Anda bisa meraih kesuksesan dalam memonetisasi Blog/Website Anda melalui program Adsense.

    Referensi:

    1. https://www.google.com/adsense/start/

    2. https://www.wordstream.com/blog/ws/2016/04/21/adsense-tips

  • Cara Membuat Widget Recent Post Thumbnail dan Navigasi Keren di Blogger

    Mengapa memilih widget Recent Post dengan tampilan gambar dan navigasi. Selain menarik, ternyata sangat mudah untuk ditambahkan.
    Ilustrasi: Cara Membuat Widget Recent Post Thumbnail dan Navigasi Keren di Blogger
    SAFAHAD Technology – Beberapa hari yang lalu, seseorang bertanya kepada salah satu SafahadTech melalui inbox Facebook dan chat WhatsApp. Bagaimana cara membuat postingan baru di sisi kanan blog gan?

    Memiliki desain menarik, ada gambar, dan navigasi, sehingga pengunjung dapat melihat postingan blog terbaru hanya dengan mengklik Next. Mungkin beberapa dari anda tidak menyukai Recent Post dan Popular Post yang disertakan dengan template tersebut.

    Mengapa memilih widget Recent Post dengan tampilan gambar dan navigasi. Selain menarik, ternyata sangat mudah untuk ditambahkan. Cukup buka Tata Letak, tambahkan widget, tempel HTML, simpan, dan Recent Post akan muncul.

    Berbeda dengan Widget lain yang mengharuskan kita masuk ke theme blog, mengedit HTML, lalu menempatkan kode di tengah kode dari bahasa pemrograman lain. Jika tidak dikonfigurasi dengan benar, kesalahan akan terjadi dan sulit untuk diperbaiki.

    Cara Membuat Widget Recent Post Thumbnail Postingan Terbaru Keren di Blogger



    1. Login ke akun blogger

    2. Buka Tata Letak

    3. Tambah Widget

    4. Pilih HTML/JavaScript

    5. Tempelkan kode di bawah ini, simpan dan lihat hasilnya

        
    <style scoped='' type='text/css'>
/* Recent Post Navigasi */
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
.recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdqZaNW17XIE4UO6aL91J93U80OuymciK64K9Q8-CK-65AyrLT3POcSssDiviuG9YTJU32xuwZNh8y_2tgYxs1YTYY7K-UvtlHmri_5IADebHovgjPc7pRcrSGDhXl43AI0BTfm8Ur0X0O/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
#recentpostnavfeed{border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#recentpostnavfeed:hover{background-color:#fefefe}
#recentpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:5px 10px}
#recentpostnavfeed .next{float:right}
#recentpostnavfeed .previous{float:left}
#recentpostnavfeed .home{text-align:center}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important}
</style>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "https://www.safahadtech.my.id";
var charac = 40;
var urlprevious, urlnext;
function safahadtechfeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFqS3mPiPKl3vbyvyUf6R8KYnLHYVitSunQCo5c2TqaLmJXPlKRkf54bhey71N2AtNk-dqmtnHGzkZiiMa7wFE6xFAuf-f9ileI1cyAu1zEIxzZK3Rz6llZLIykL4OT0qCwOXvqdcZEZ0_/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+safahadtechfeed(i,charac)+"...</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Previous</a>":"<span class='noactived previous'>Previous</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>Next</a>":"<span class='noactived next'>Next</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Home</a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","safahadtechlabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("safahadtechlabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>


    Keterangan: Ganti teks tebal berwarna merah dengan alamat blog dan tentukan jumlah postingan yang akan ditampilkan dan jumlah karakter huruf yang akan ditampilkan.

    Hasil hanya Terlihat Versi Dekstop

    Sangat mudah bukan untuk membuat Recent Post atau menampilkan postingan baru di Blogger. Namun hanya muncul saat melihat versi desktop/komputer. Sangat menarik bukan?

    Karena banyak blogger pemula yang meminta tutorial ini, akhirnya SafahadTech membuat tutorial ini daripada menjawabnya satu per satu. Semoga berhasil dan bermanfaat dalam meningkatkan page views blog anda. Selamat Mencoba!!!

  • Cara Membuat Recent Post Keren di Blogger

    Tentunya jika memasang recent post, widget recent post ini akan membuat pengunjung dapat melihat postingan terbaru saat ini
    Ilustrasi: Cara Membuat Recent Post Keren di Blogger
    SAFAHAD Technology – Kali ini safahadtech berbagi widget yang dikenal blogger: Recent Post. Recent Post adalah widget yang memiliki fungsi untuk menampilkan postingan terbaru yang telah ditambahkan ke sidebar blog Anda.

    Tentunya jika memasang recent post, widget recent post ini akan membuat pengunjung dapat melihat postingan terbaru saat ini, sehingga memudahkan dalam mencari postingan baru untuk dibaca selanjutnya, sehingga sangat berguna juga untuk menambah jumlah kunjungan di blog.

    Selain recent post, ada widget serupa yang sering disematkan di blog, yaitu “Popular Post”. Perbedaannya hanya pada Popular Posts yang menampilkan postingan yang sering dilihat, sedangkan recent post menampilkan postingan yang baru saja dipublikasikan. Kedua widget tersebut memberikan informasi tentang artikel menarik lainnya di blog.

    Jadi sangat berguna untuk memasang recent post dan anda tidak perlu khawatir untuk memasangnya karena blogger sendiri sudah memiliki settingan default namun agar terlihat lebih keren dan menarik, artikel ini diperuntukkan bagi yang ingin memasang recent post di blog. Berikut adalah cara membuat recent post keren dan menarik di blog.

    Beberapa hal yang patut diperhatikan adalah desain recent post itu sendiri, jadi jangan memilih yang tidak sesuai dengan blog, karena hanya akan merusak tampilan theme blog itu sendiri. Silakan pilih sesuai dengan tema atau template blog.



    Membuat Recent Post di Blog Responsive

    Widget ini tidak berisi gambar sehingga tidak mempengaruhi loading blog yang berarti blog anda akan loading dengan cepat.

    1. Seperti biasa, login terlebih dahulu ke akun Blogger.

    2. Pilih tata letak lalu posisi penempatan Widgetnya.

    3. Klik Add Widget/Tambah Widget dan pilih HTML/JavaScript. Masukkan kode berikut pada kolom yang tersedia.

        
<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://www.safahadtech.my.id",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>


    4. Terakhir, klik Simpan dan periksa hasilnya. jika pemasangan benar dan tepat, akan terlihat hasilnya seperti dibawah ini

    Keterangan

    var homePage = “https://www.safahadtech.my.id”, = Ganti dengan URL Blog Kamu

    numPosts = 5; = Jumlah artikel yang akan ditampilkan.

    Hasil Berdasarkan Postingan Terbaru

      Selanjutnya, Membuat Widget Recent Post di Blog Dengan Mudah

      Membuat Widget Recent Post di Blog Dengan Mudah

      Widget ini merupakan tool bawaan blogger yang menampilkan artikel baru.

      1. Masuk ke akun Blogger.

      2. Pilih Tata Letak, pilih di mana tempat Recent Post akan disisipkan.

      3. Tambahkan Gadget lalu pilih Feed

      4. Masukkan URL feed blog anda. Contoh: https://www.safahadtech.my.id/feeds/posts/default

      5. Terakhir, klik Simpan dan periksa hasilnya.

      Terima kasih telah membaca artikel tentang Cara Membuat Recent Post Keren di Blogger. Semoga ini bermanfaat. Selamat Mencoba!!!

    • Cara Membuat Recent Post Grid Thumbnail Keren di Blogger

      Kali ini SafahadTech akan kasih tau cara membuat postingan dalam bentuk grid berdasarkan label di Blogger.
      Contoh Tampilan Dekstop. Foto: laborblog.my.id
      SAFAHAD Technology – Kali ini SafahadTech akan kasih tau cara membuat postingan dalam bentuk grid berdasarkan label di Blogger. Dalam tutorial ini kita akan membuat Recent Post seperti di atas hanya pada tampilan dekstop.

      Gambar di atas menunjukkan bagaimana postingan ditampilkan berdasarkan label dalam format grid. Postingan berupa recent post yaitu postingan terakhir dari setiap label yang dibuat.

      Anda dapat menyesuaikan jenis label yang ingin ditampilkan, sesuai dengan kebutuhan blog masing-masing. Baiklah, tanpa basa-basi lagi langsung saja kita ke tutorialnya.

      1. Pertama, login ke dashboard blogger Anda.

      2. Selanjutnya masuk ke menu tata letak.

      3. Setelah masuk ke menu layout tata letak, lanjutkan memilih di mana ingin meletakkan widget sesuai kebutuhan blog masing-masing, seperti gambar di bawah ini.




      4. Klik Tambah Gadget. Ingat! Ini sesuai kebutuhan Anda, jadi pastikan blog Anda tidak terlihat buruk. Kemudian akan muncul tampilan box, kotak pop-up seperti di bawah ini.

      5. Isi kolom judul sesuai dengan label yang ditampilkan dan masukkan kode di bawah ini pada kolom konten.

          
<style>
/* CSS Recent Post Gallery */
.recent-gallery {padding:0;clear:both;}
.recent-gallery:after {content:"";display:table;clear:both;}
.recent-gallery .gallerytem{display:inline-block;position:relative;margin:6px 0;overflow:hidden;}
.recent-gallery .gallerytem a{position:relative;float:left;margin:0 6px;text-decoration:none}
.recent-gallery .gallerytem .ptitle{background:rgba(0,0,0,.7);display:block;clear:left;font-size:18px;line-height:1.3em;position:absolute;text-align:center;bottom:3px;left:3px;right:3px;top:3px;color:#fff;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s}
.recent-gallery .gallerytem:hover .ptitle{visibility:visible;opacity:1}
.recent-gallery a img{background:#fdfdfd;float:left;padding:2px;border:1px solid #e3e3e3;transition:all .3s}
.recent-gallery a:hover img {border-color:#bbb;}
</style>
<script type='text/javascript'>
//<![CDATA[
// Recent Post Gallery
function safahadtechgrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+safahadtech_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+safahadtech_thumbs+'" height="'+safahadtech_thumbs+'"/>',p=safahadtech_title?'<span class="ptitle">'+r+"</span>":"",g='<a rel="nofollow" rel="noreferrer"href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
<script>
var safahadtech_thumbs = 154; 
var safahadtech_title = true; 
</script>
<script src="https://www.safahadtech.my.id/feeds/posts/default/-/Blogger?max-results=6&amp;alt=json-in-script&amp;callback=safahadtechgrid"></script>

      6. Ubah kode di atas. Teks tebal berwarna biru adalah https://www.safahadtech.my.id. Anda bisa menggantinya dengan nama domain dan label yang ingin Anda tampilkan dan angka 6 bisa diganti dengan jumlah artikel yang ingin Anda tampilkan. Editlah agar tidak merusak tampilan blog anda.

      7. Lalu klik Simpan dan selesai.

      8. Jika Pemasangan Benar dan Tepat, Hasilnya akan terlihat seperti dibawah ini

      Result/Hasil


      Cukup sekian artikel tutorial kali ini tentang Cara Membuat Recent Post Grid Thumbnail Keren di Blogger. Terima kasih atas kunjungannya, Semoga membantu dan bermanfaat. Selamat Mencoba!!!

      Referensi:

    • laborblog

    • Cara Memasang Script Anti Copy Paste Website/Blog di Bagian Tertentu

      Script ini akan mencegah aktivitas copy paste, namun tetap dapat menyalin bagian tertentu artikel sesuai keinginan. Sama seperti mengetikkan blockquote atau code.
      Ilustrasi Coding: Cara Memasang Script Anti Copy Paste Website/Blog di Bagian Tertentu
      SAFAHAD Technology – Kali ini SafahadTech akan membagikan script copy paste di bagian tertentu pada postingan blog. Kasus copy paste artikel bukanlah suatu hal yang baru, banyak orang yang melakukannya demi mencari keuntungan dan tidak mencoba untuk membuat artikelnya sendiri.

      Script ini akan mencegah aktivitas copy paste, namun tetap dapat menyalin bagian tertentu artikel sesuai keinginan. Sama seperti mengetikkan blockquote atau code. OK, langsung saja!

      Sebagai contoh diartikel ini dan beberapa artikel lain, kamu tidak bisa copy paste artikel ini kecuali kamu memiliki skill dewa yang hanya dimiliki segelintir orang (hahaha, berchandya ya guys). namun diartikel ini, kamu bisa copy paste bagian tertentu yang telah disediakan. begitulah kira-kira sedikit penjelasan mengenai tutorial diartikel ini.

      Memasang Script Anti Copy Paste Kecuali Bagian Tertentu di Postingan Blog



      1. Masuk ke blogger.

      2. Pilih menu Template – Edit HTML.

      3. Cari kode

      ]]></b:skin>

      atau

      </style>

      (Biar lebih cepat pakai Ctrl +F)

      4. Jika sudah ketemu, copy dan pastekan kode script dibawah ini tepat di atasnya.


          
/* Anti Copas SafahadTech */
.post { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; }
.post blockquote,.post pre,.post code { -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -ms-user-select:text; -moz-user-select:text; }


      5. Simpan Tempate dan coba tes hasilnya.

      Selanjutnya, Membuat Bagian Tertentu pada Artikel Blog Agar Tetap Bisa Dicopy

      Membuat Bagian Tertentu pada Artikel Blog Agar Tetap Bisa Dicopy

      Menggunakan Blockquote

      Blockquote merupakan fitur bawaan Blogger. Anda bisa menentukan bagian artikel yang di copas oleh pengunjung blog/web Anda.

      Menggunakan Kode <pre><code> … </code></pre>

      Metode ini biasanya digunakan dalam kode script. Untuk menggunakannya, Anda harus mengalihkan tampilan editor postingan ke mode HTML terlebih dahulu. Implementasinya adalah sebagai berikut:

      <pre><code> letakkan kode atau tulisan disini </code></pre>

      Dan kini blog/web lebih aman dari gangguan copy paste tanpa mencantumkan sumber. Sekian tutorial Cara Memasang Script Anti Copy Paste di Postingan Blog Kecuali Bagian Tertentu. Semoga bermanfaat dan selamat mencoba!.[laborblog.my.id]

    • 6 Website dan Aplikasi Gratis untuk Streaming TV Online di Indonesia

      SafahadTech telah merangkum aplikasi TV online terbaik yang bisa dipertimbangkan mana yang terbaik.
      Ilustrasi TV Online
      SAFAHAD Technology – Di era digital, banyak sekali website dan aplikasi untuk menonton acara TV. tidak lagi harus repot membeli TV atau menumpang di tempat orang lain untuk menonton acara TV favorit.

      Kapan pun ingin menonton TV, yang diperlukan hanyalah koneksi Internet untuk langsung mengakses saluran TV favorit secara online.

      Pada artikel ini, SafahadTech melihat beberapa situs web dan aplikasi untuk streaming saluran TV lokal. Hebatnya lagi, semua layanan streaming TV lokal di bawah ini tersedia secara gratis.

      Tapi tidak perlu khawatir. SafahadTech telah merangkum aplikasi TV online terbaik yang bisa dipertimbangkan mana yang terbaik.

    • Mivo





      • Mivo adalah situs layanan streaming televisi Indonesia yang didirikan pada tahun 2009. Selain program siarannya sendiri, Mivo TV, website ini juga menawarkan 31 saluran TV nasional dan internasional lainnya.

    • UseeTV

      • UseeTV didirikan oleh PT Telekomunikasi Indonesia untuk memberikan pengalaman baru kepada masyarakat Indonesia dalam menikmati hiburan melalui Internet.

      Selain menawarkan 23 saluran TV pilihan, UseeTV juga menawarkan live streaming untuk menonton siaran langsung event-event yang diadakan oleh Telkom, streaming stasiun radio populer Indonesia, menonton film, dan masih banyak lagi.

      Selanjutnya, Vidio.com

    • Vidio.com

      • Vidio.com merupakan aplikasi yang dibuat oleh PT Kreatif Media Karya. Aplikasi ini memungkinkan menonton berbagai jenis acara TV Indonesia online secara gratis.

      Salah satu hal menarik tentang Vidio.com adalah memiliki antarmuka yang ramah pengguna, sehingga dapat memulai dan menjalankannya hanya dengan beberapa kali percobaan.

      Acara yang dapat disaksikan melalui aplikasi ini antara lain SCTV, Indosiar, O Channel, NBA, English Premiere: Liga, Liga Champions, bulu tangkis, Liga Dangdut Indonesia, Cinta Karena Cinta, Samudra Cinta, Anak Menteng, FTV, D’ Academy, Stand Up Comedy Academy dll.

    • RCTI Plus

      • Tidak hanya Indosiar yang memiliki aplikasi TV online terbaik di Indonesia, RCTI juga memiliki aplikasi TV online yang patut untuk dicoba.

      Sebenarnya nama aplikasi ini adalah RCTI plus, dan channel unggulannya tentunya adalah acara-acara yang disiarkan di RCTI, MNC TV, dan Global TV.

      Namun juga dapat menonton siaran langsung dari saluran lain. Selain TV online, Anda bisa menikmati film, podcast, game, dan masih banyak acara menarik lainnya.

      Selanjutnya, Livestream TV

    • Livestream TV

      • Aplikasi ini pun mendapat komentar baik dari pengguna Android. Itu karena Livestream TV memungkinkan menonton siaran TV langsung dari berbagai negara.

      Livestream TV tampilannya mirip dengan YouTube, sehingga pengguna merasa mudah menggunakannya. Hebatnya lagi, video yang dibuat dengan Livestream TV bisa memiliki resolusi HD.

    • Maxstream

      • Berbicara mengenai rekomendasi aplikasi TV online terbaik, tak lengkap rasanya jika tidak menyertakan Maxstream. Beberapa fitur menarik dari aplikasi ini adalah: Akses ke berbagai sistem saluran dalam tiga kategori: basic channel, free channel maupun premium channel.

      Selanjutnya, dapat menggunakan fitur saluran gratis tanpa membayar, baik pelanggan Telkomsel maupun non-Telkomsel. Maxstream juga menawarkan TV streaming semua saluran Indonesia seperti Metro TV, Kompas TV, JATV, dan TV One.

    • Mengenal Apa Itu PBN? Jadi Sumber Backlink Andalan Praktisi SEO

      PBN adalah singkatan dari Private Blog Network, yaitu jaringan blog yang dikelola oleh pemilik yang sama dan dirancang untuk memasukkan backlink
      ilustrasi Mengenal Apa Itu PBN? Jadi Sumber Backlink Andalan Praktisi SEO
      SAFAHAD Technology – Hampir setiap praktisi SEO pernah menggunakan ini. Bangun sendiri atau order ke penyedia jasa. Karena sebenarnya itu sangat efektif. Apa sebenarnya PBN itu?

      PBN adalah singkatan dari Private Blog Network, yaitu jaringan blog yang dikelola oleh pemilik yang sama dan dirancang untuk memasukkan backlink ke blog utama. Perbedaan utama antara blog PBN dan blog biasa adalah domainnya. Blog PBN dibuat dari domain lama dengan authority tinggi dan sumber backlink berkualitas.

      Oleh karena itu, jika blog utama mendapatkan backlink dari PBN, Google akan menganggapnya kualitasnya lebih baik dibandingkan backlink dari blog baru. Oleh karena itu, backlink PBN dapat meningkatkan peringkat artikel meskipun level kompetisi medium-high.




      Sederhananya, blog yang termasuk dalam PBN ini mentransfer authority ke blog utama melalui link eksternal, yang juga meningkatkan peringkat artikel blog utama.

      Teknik SEO off-page yang menggunakan PBN seringkali masuk dalam kategori Grey Hat karena sifatnya yang manipulatif, seolah-seolah seperti banyak blog yang secara sukarela memberikan backlink ke blog utama anda. Padahal pemilik PBN adalah orang yang sama.

      Apa itu PBN? Kenapa Harus Menggunakannya?

      Meskipun merupakan grey hat SEO, namun masih banyak blogger yang menggunakan sumber backlink jenis ini karena keefektifannya.


      Banyak kolektor PBN yang akhirnya membuka jasa backlink.

      Selanjutnya, Keuntungan menggunakan PBN

      Keuntungan menggunakan PBN

      1.Efek muncul dengan cepat

      Sumber kehidupan sebuah blog PBN adalah domainnya. Membuat blog PBN di domain baru tidak ada bedanya dengan blog biasa. Karena PBN menggunakan expired domain high-authority, maka efeknya akan lebih cepat terasa dan jelas peringkat artikel blog utama yang mendapat backlink akan meningkat.

      Biasanya hanya membutuhkan waktu beberapa minggu. Bahkan untuk keyword yang kurang kompetitif, 1-3 backlink PBN sudah cukup untuk membuat berada di halaman pertama Google dalam beberapa hari.

      2. OBL yang terkendali

      Salah satu kelemahan dari jenis backlink lainnya yang menjadi masalah pada web direktori atau forum adalah banyak pemain SEO yang menempatkan backlink pada tempat yang sama, sehingga OBL/outbound link pada halaman tersebut tidak dapat dikendalikan jumlahnya.

      Faktanya, tautan balik dibagi ke berbagai sumber, sehingga mengurangi kinerja. Dampak lainnya adalah blog utama bisa di-sandbox atau di-de-index oleh Google karena mendapat backlink dari sumber yang buruk. Tentu saja, jika memiliki PBN sendiri, memiliki blog tersebut dapat mengontrol jumlah OBL per halaman sumber backlink.

      3. Niche dijamin relevan.

      Salah satu kriteria backlink berkualitas adalah sumber backlink tersebut memiliki topik yang relevan. PBN memungkinkan membuat konten yang sesuai yang di-backlink ke blog utama.

      4. Mudah Untuk Recovery

      Meski PBN sangat ampuh, namun bukannya tanpa risiko. dikenal sebagai “Grey Hat”, tetap berisiko tertangkap karena menipu Google. Namun, mengelola PBN sendiri akan memudahkan peningkatannya. Misalnya, jika blog PBN terkena penalti Google, cukup menghapus backlink tersebut agar blog utama tetap aman.

      Selanjutnya, 5. Bisa Buka Jasa Backlink

      5. Bisa Buka Jasa Backlink

      Seperti yang sudah dijelaskan di atas, banyak sekali orang yang tertarik dengan sumber backlink PBN. Jadi, jika memiliki blog PBN yang banyak, bisa memulai layanan backlink. Asalkan PBN berkualitas, dijamin laris manis.

      Kekurangan Teknik PBN

      Sekarang sudah tahu apa itu PBN dan mengapa banyak pemain SEO mendambakan backlink tersebut, namun bukan berarti tidak memiliki kelemahan. PBN setidaknya memiliki tiga kelemahan utama.

      1. Biayanya tinggi

      Harga expired domain berkualitas tinggi jelas lebih mahal dibandingkan harga domain baru. Selain itu, sebuah domain bisa berharga ratusan dolar jika dibeli melalui lelang seperti GoDaddy.

      Itu baru biaya domain. Belum biaya hosting yang harus dipisahkan antar PBN untuk menghindari kecurigaan dari Google. Belum biaya untuk produksi artikel, baik menggunakan penulis sendiri maupun menggunakan penyedia jasa.

      2. Pembuatan Sulit

      Harganya mahal dan cukup sulit dibuat bahkan untuk pemula sekalipun. perlu membedakan lokasi server, alamat IP, penggunaan tema dan plugin, kepemilikan domain, dan lainnya.

      Semua itu dilakukan untuk memastikan bahwa jaringan blog PBN yang dikelola tidak meninggalkan jejak digital apa pun yang dapat memberi petunjuk kepada Google bahwa jaringan PBN tersebut milik orang yang sama.

      Jika Google mengetahuinya, akan terkena sanksi berantai tidak hanya untuk satu PBN, tetapi beberapa PBN, atau bahkan semua PBN. Parahnya lagi, bisa saja blog utama juga terkena sanksi.

      Selanjutnya, 3. Perawatan khusus

      3. Perawatan khusus

      Setelah membuat blog PBN dan membangun backlink untuk blog utama, jangan berpikir PBN ditinggal begitu saja. Blog PBN harus dijaga agar terlihat seperti real blog.

      Pekerjaan pemeliharaan melibatkan pembaruan artikel secara berkala, yang tentu saja menghabiskan banyak biaya karena banyak blog PBN yang diperbarui pada waktu yang bersamaan.

      Nah, Itulah beberapa informasi singkat tentang apa sebenarnya PBN, mengapa para pakar SEO menggunakannya, dan tiga kelemahan utama dalam membuat blog PBN sendiri.

      Referensi:

      ● Tips dan Trik SEO Optimasi gambar

      ● Cara Membuat Semua Link Open New Tab Otomatis di Web/Blog

      ● Tips Link Building untuk Tingkatkan DA Website

    • Tips Link Building untuk Tingkatkan DA Website

      Umumnya strategi link building ini bagian dari SEO off-page. Oleh karena itu, optimasi yang dilakukan bersifat eksternal di luar website anda.
      ilustrasi Link Building
      SAFAHAD Technology – Banyak aplikasi dan situs web yang bermunculan saat ini, dan persaingan pun terjadi di antara aplikasi dan situs web tersebut. Tentunya untuk memenangkan persaingan, diperlukan strategi optimasi mesin pencari (SEO) untuk membangun kredibilitas platform.

      Salah satu langkah strategis yang perlu dilakukan adalah link building atau membangun tautan. Pada dasarnya, strategi membangun tautan adalah proses membuat situs web lain tertaut ke situs web anda. Strategi ini memungkinkan membangun tautan ke situs web, mengarahkan referral traffic, dan meningkatkan Domain Authority (DA).

      Media besar dengan DA lebih tinggi menjadi incaran untuk menghubungkan domain platform mereka di media tersebut. Artinya, Google menganggap platform tersebut dapat dipercaya karena media besar telah memperoleh informasi tautan dari situs web atau platform tersebut.

      Apa Itu SEO Link Building?

      Link building dalam SEO adalah aktivitas memperoleh link dari website lain yang mengarah ke website anda. Tautan jenis ini disebut backlink dan salah satu faktor utama dalam evaluasi SEO oleh mesin pencari Google.




      Umumnya strategi link building ini bagian dari SEO off-page. Oleh karena itu, optimasi yang dilakukan bersifat eksternal di luar website anda. Meskipun algoritma mesin pencari Google terus berubah, link building menjadi salah satu faktor terpenting yang mempengaruhi peringkat situs web.

      Jika website atau platform memiliki banyak backlink berkualitas tinggi, maka peringkatnya cenderung lebih tinggi di mesin pencari Google. Oleh karena itu, backlink berkualitas biasanya berasal dari website yang relevan, andal, dan memiliki traffic stabil.

      Jumlah backlink yang tinggi menandakan bahwa website menyediakan link yang berkualitas dan banyak digunakan oleh pengguna sebagai referensi.


      Namun, perlu diperhatikan bahwa kualitas backlink lebih penting daripada kuantitasnya. Backlink yang berkualitas lebih baik daripada ratusan backlink dari situs yang kurang kredibilitasnya.

      Selanjutnya, Manfaat SEO Link Building

      Manfaat SEO Link Building

      Berikut adalah beberapa manfaat untuk situs web dengan menggunakan SEO link building.

      1. Meningkatkan traffic situs web

      Manfaat yang pertama adalah dapat meningkatkan traffic ke website. Strategi link building adalah peluang yang tidak boleh dilewatkan saat mengoptimalkan situs web. Oleh karena itu, bisa menggunakan backlink dari website lain untuk mendapatkan traffic yang banyak website tersebut.

      Ketika website mendapatkan backlink dari website ternama, kemungkinan akan mendapat peringkat lebih tinggi di mesin pencari Google dan mendapatkan lebih banyak traffic dari pengguna yang mengklik link dan mengunjungi website.

      2. Tingkatkan kredibilitas website

      Tujuan utama Google adalah memberikan hasil mesin pencari paling relevan kepada pengguna dengan cepat. dan memenuhi harapan dan memberikan nilai bagi pemirsa yang mencari informasi.

      Kehadiran backlink ini memberi tahu Google bahwa artikel, video, infografis, atau majalah tertentu memiliki apa yang dibutuhkan untuk memberikan jawaban yang baik atas pertanyaan permintaan pencarian.

      Menurut Google, jika website memiliki profil backlink yang sehat dan beragam; Artinya, banyak DA yang memutuskan untuk mendukungnya dan membuktikan nilai serta kualitasnya. Tentu saja ada manfaatnya memiliki tautan kembali ke situs web.

      Selanjutnya, 3. Tingkatkan peringkat situs web

      3. Tingkatkan peringkat situs web

      Jika website ingin menaikkan peringkatnya untuk kata kunci tertentu, kata kunci tersebut juga mungkin digunakan oleh kompetitor yang menginginkan hal serupa. Akibatnya, jika peringkat pesaing lebih tinggi daripada situs web Anda, kemungkinan pesaing akan menerima persentase backlink yang lebih tinggi.

      Oleh karena itu, perlu menerapkan strategi untuk mengungguli kompetitor dalam hal peringkat mesin pencari. Harus memiliki lebih banyak backlink daripada kompetitor. Langkah pertama yang bisa dilakukan adalah mencari tahu dari mana link kompetitor berasal menggunakan tools seperti SEMrush atau Ahrefs.

      Ini memungkinkan melihat daftar situs web pesaing dengan tautan dan menganalisis konten mana yang mendapat tautan balik paling banyak.

      Jenis-Jenis SEO Link Building

      Sebenarnya ada beberapa cara mendapatkan backlink, yang menentukan jenis link building yang akan dilakukan. Di bawah ini adalah jenis-jenis link building dalam SEO yang perlu diketahui.

      1. Natural Link Building

      Natural link building adalah pembuatan link building yang dicapai secara alami ketika pemirsa memasukkan tautan di situs web perusahaan sebagai sumber referensi. Selain itu, link jenis ini juga bisa didapatkan ketika pembaca menggunakan website sebagai penyedia konten artikel, infografis, atau sumber data statistik

      Tautan jenis ini sulit diperoleh. Oleh karena itu, perlu membuat konten berkualitas tinggi, tepat waktu, dan informatif untuk audiens. Karena natural link building merupakan aset yang sangat berharga bagi sebuah website.

      Selanjutnya, 2. Outreach Link Building

      2. Outreach Link Building

      Outreach link building adalah cara untuk mendapatkan backlink dengan menghubungi pemilik situs web lain dengan meminta mereka untuk menyebutkan link ke website anda. Untuk mendapatkan tautan ini, perlu meneliti situs web yang relevan dan tepercaya.

      Strategi ini juga tidak mudah untuk diterapkan. diperlukan menyiapkan alasan mengapa pemilik website lain harus menyertakan website anda. Selain itu, juga harus memberi tahu pemilik apa manfaatnya jika mereka membantu anda.

      Kemudian yang bisa dilakukan selanjutnya, yaitu menjalankan guest blogging. menerbitkan siaran pers (press release), dan berkolaborasi dengan situs web lain. Namun langkah ini juga sangat sulit, jadi pilihan terakhir adalah membeli/membayar media besar atau nasional untuk menambahkan backlink ke website.

      Strategi SEO Link Building

      Di bawah ini adalah strategi SEO link building yang dapat digunakan untuk meningkatkan kualitas link building website.

      1. Buat backlink dari konten

      Untuk mendapatkan backlink dari konten, perlu membuat konten yang berkualitas tinggi dan bermanfaat. Pastikan untuk membuat konten yang unik dan menarik agar target audiens menjadikan website sebagai sumber referensi.

      Jenis konten yang membantu menghasilkan backlink mencakup panduan, e-book, infografis, statistik, video, gambar, dan banyak lagi. Selain untuk meningkatkan kualitas konten, content marketing juga dapat digunakan untuk mendukung operasional dan pengelolaan website atau Hubungi pemilik situs web lain yang relevan dan tepercaya dan bantu menempatkan tautan konten di situs web mereka.

      Selanjutnya, 2. Mempelajari Backlink Kompetitor

      2. Mempelajari Backlink Kompetitor

      Yang bisa dilakukan adalah mengamati dari mana Kompetitor mendapatkan backlink. Menganalisis strategi apa yang digunakan kompetitor untuk mendominasi halaman website di mesin pencari. Anda bisa belajar dari kesalahan kompetitor dan bahkan menerapkan strategi yang sama. Ini akan membantu website mendapatkan lebih banyak backlink dibandingkan kompetitor.

      3. Guest Blogging

      Guest Blogging adalah aktivitas penulis tamu yang mempublikasikan artikel di situs lain. Manfaatnya bisa menyertakan link ke website sebagai sumber referensi.

      Strategi guest blogging saat ini diawasi secara ketat oleh Google. Karena banyak oknum yang melanggar aturan Google dan membuat konten spam melalui guest blogging. Saat menerapkan strategi ini, sebaiknya tidak hanya mencari backlink saja, namun juga meningkatkan kualitas dan kegunaan artikel yang dihasilkan.

      Referensi:

      ● Cara Tingkatkan Trafik Blog/Web

      ● Backlink Itu Apa Sih? Penting Ga?

      ● Cara Menggunakan Pinterest untuk Meningkatkan SEO dan Traffic Situs