Laborblog

Category: Wordpress

  • Cara Menggunakan Pinterest untuk Meningkatkan SEO dan Traffic Situs

    www.laborblog.my.id - Belajar Membuat Pin Otomatis Artikel blog kamu yuk! Jejaring sosial media Pinterest bisa dibilang memiliki pangsa pasar berbeda dibanding sosial media lain seperti Facebook dan Instagram.

    Tangkapan Layar
    – Belajar Membuat Pin Otomatis Artikel blog kamu yuk! Jejaring sosial media Pinterest bisa dibilang memiliki pangsa pasar berbeda dibanding sosial media lain seperti Facebook dan Instagram. Kemampuannya untuk membuat Pin dan board membuatnya lebih mudah diklasifikasikan dibanding instagram.


    Pinterest memiliki kemampuan visual yang cukup menggugah seseorang untuk melakukan sesuatu, mulai dari membuat pin sejenis, mengumpulkan pin berdasarkan ide, dan tentu saja, pinterest ini bisa kita gunakan untuk menampilkan foto produk sebuah toko online.
    Lebih jauh lagi hubungannya dengan konten kreator blogger, pinterest bisa digunakan untuk melakukan pin otomatis dari setiap artikel yang baru tayang di blog kamu. Artinya kamu bisa menambah backlink gratis ke blog kamu setiap kamu update artikel terbaru.
    Wah caranya gimana?
    Cara Membuat Pin Otomatis Artikel Blog di Pinterest
    Untuk membuat auto share otomatis ke pinterest setiap kita melakukan update artikel blog. Ada beberapa ketentuan yang harus kita perhatikan terlebih dahulu
    Pra Setting
    Ketentuan agar artikel blog kamu tershare otomatis ke pinterest
    1. Artikel mengandung image visual, mengingat pin pinterest merupakan layanan pin gambar, maka artikel kalian wajib memiliki minimal satu gambar, syukur berupa featured image
    2. Sudah melakukan klaim website kalian di Pinterest
    3. Website minimal merupakan second level domain (subdomain blogspot dan wordpress accepted)
    4. Menggunakan RSS berformat RSS 2.* atau RSS 1.* bukan atom
    5. Halaman RSS berupa XML bukan HTML
    Lalu bagaimana Cara melakukan klaim website di Pinterest?
    Buka profil kalian dan klik tombol edit
    Pilih setting
    Pilih klaim
    Masukan alamat website kalian kemudian klik confirm website
    Klik tombol save setting
    www.laborblog.my.id - Belajar Membuat Pin Otomatis Artikel blog kamu yuk! Jejaring sosial media Pinterest bisa dibilang memiliki pangsa pasar berbeda dibanding sosial media lain seperti Facebook dan Instagram.

    Tangkapan Layar
    Selanjutnya Pinterest akan memberikan kode yang harus kita masukkan ke dalam tag heading kita
    www.laborblog.my.id - Belajar Membuat Pin Otomatis Artikel blog kamu yuk! Jejaring sosial media Pinterest bisa dibilang memiliki pangsa pasar berbeda dibanding sosial media lain seperti Facebook dan Instagram.

    Tangkapan Layar
    6. Kembali ke Pinterest dan klik tombol Finish
    Jika kalian menggunakan WordPress selfhosting kalian bisa juga menggunakan plugin Simple Site Verify dan cukup mengkopikan id domain content berikut ke dalam plugin.
    www.laborblog.my.id - Belajar Membuat Pin Otomatis Artikel blog kamu yuk! Jejaring sosial media Pinterest bisa dibilang memiliki pangsa pasar berbeda dibanding sosial media lain seperti Facebook dan Instagram.

    Tangkapan Layar
    Cara Membuat Setting Pin Otomatis dari Update Artikel Blog
    Klik panah di sudut kanan atas Pinterest
    Pilih opsi Pengaturan
    Buka opsi Buat Pin Masal pada menu yang tampil
    Pada bagian Terbitkan Otomatis Hubungkan Sajian RSS
    Masukkan url RSS feed kalian kesana
    Pilih board yang akan kalian gunakan sebagai board tujuan share pin artikel otomatis
    Klik Simpan
    Menariknya, Pinterest mendukung multisite RSS jadi kalian yang memiliki beberapa board bisa menggunakan semua RSS blog kalian untuk membuat pin otomatis, yang penting jangan lupa klaim websitenya satu persatu dengan cara di atas


    Setelah ini setiap kalian melakukan update artikel di blog kalian yang terhubung ke Pinterest, maka pin akan ditambahkan dalam rentang waktu 24 jam. Yup gak bisa secara instan saat itu juga seperti Push Notification sih, tapi mending lah karena pinterest ini kan sifatnya publik, bisa diakses siapa saja dan tentu saja, menambah backlink berkualitas ke blog kalian.

  • Cara Menampilkan Jumlah View atau Pembaca Setiap Postingan di Blog atau Web

    www.laborblog.my.id - Artikel ini dibuat khusus untuk kamu yang menggunakan Template Blogger dan ingin mengetahui jumlah pembaca pada setiap postingan artikel yang kamu buat.

    ilustrasi | Net
    – Artikel ini dibuat khusus untuk kamu yang menggunakan Template Blogger dan ingin mengetahui jumlah pembaca pada setiap postingan artikel yang kamu buat. Blogger sedikit berbeda dari lainnya, sebut saja WordPress yang kaya akan Plugin, Thema serta cara penggunaannya yang cukup mudah.
    Jika di WordPress untuk menampilkan/ mengetahui jumlah berapa kali artikel kamu cukup dengan install plugin seperti Wp Postview berbeda dengan blogger yang harus menggunakan Pihak ketiga yaitu Firebase, dan untuk saat ini cara ini yang Wort It dilakukan jika menggunakan blogger sebagai website kamu, dan untuk caranya kamu dapat mengikuti seperti dibawah ini:
    Pertama sekali kamu kunjungi https://firebase.google.com/?hl=id
    Kemudian akan tampil seperti berikut kamu cukup klik Mulai
    www.laborblog.my.id - Artikel ini dibuat khusus untuk kamu yang menggunakan Template Blogger dan ingin mengetahui jumlah pembaca pada setiap postingan artikel yang kamu buat.

    Tangkapan Layar
    Selanjutnya Add Project dan buatlah nama project yang kamu inginkan, kemudian Klik Continue. Pada bagian Enable Google Analytics for this project hilangkan Centangnya.
    Selanjutnya akan tampil dashboard firebase, kamu pilih menu Realtime Database dan kamu pilih Buat Database disini kamu diminta untuk membuat sub project lagi, Selanjutnya pilih Mode Pengujian dan Aktifkan. maka akan akan tampil url firebase kamu Contohnya seperti ini https://freehost-view-post-id.firebaseio.com/
    www.laborblog.my.id - Artikel ini dibuat khusus untuk kamu yang menggunakan Template Blogger dan ingin mengetahui jumlah pembaca pada setiap postingan artikel yang kamu buat.

    Tangkapan Layar | Net
    Sampai disini kamu sudah berhasil untuk membuat URL Firebase kamu sendiri, selanjutnya kamu masuk kedalam Blogger dan masukan Kode ini diatas tag </body>

        
<script src='//cdn.firebase.com/js/client/2.2.1/firebase.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$.each($(".post-view[data-id]"), function(a, e) {
var l = $(e).parent().find("#postviews").addClass("view-load"),
i = new Firebase("https://freehost-view-post-id.firebaseio.com/pages/id/" + $(e).attr("data-id"));
        i.once("value", function(a) {
            var n = a.val(),
                t = !1;
            null == n && (n = {}, n.value = 0, n.url = window.location.href, n.id = $(e).attr("data-id"), t = !0), l.removeClass("view-load").text(n.value), n.value++, "/" != window.location.pathname && (t ? i.set(n) : i.child("value").set(n.value))
        })
    });
    //]]>
</script>

    Ubah URL yang berwarna biru dengan URL Firebase milik kamu sendiri yang sudah kamu buat sebelumnya, Selanjutnya kamu masukan kode dibawah ini di dalam tag post kamu agar tampil disetiap postingan yang kamu buat. (Untuk letaknya disesuaikan dengan template)

        
    <span class='post-view' expr:data-id='data:post.id'><i class='fa fa-eye'/> 
<span class='view-load' id='postviews'>0</span> Dilihat</span>

    Maka, jika kamu sudah benar melakukan step by step cara diatas maka jika kamu buka postingan Artikel kamu akan tampil seperti gambar berikut ini:
    www.laborblog.my.id - Artikel ini dibuat khusus untuk kamu yang menggunakan Template Blogger dan ingin mengetahui jumlah pembaca pada setiap postingan artikel yang kamu buat.

    Tangkapan Layar
    Setelah berhasil tampil seperti diatas, selanjutnya pada bagian Rules pada Realtime Database kamu harus merubah kode yang bersifat mode sementara tersebut menjadi seperti kode dibawah ini. Gunanya agar kode tersebut akan menjadi permanent.

        
    {
  "rules": {
    ".read": "true", 
    ".write": "true",
  }
}


    Menurut pengamatan laborblog.my.id, data view akan ditampilkan mulai dari nol ya 🙂 dan untuk mengetahui berfungsi atau tidaknya fitur ini dengan merefresh postingan dan cukup akurat walaupun delay.

  • Cara Memasang Script Anti Copy Paste di Postingan Blog Kecuali Bagian Tertentu

    www.laborblog.my.id - Kali ini laborblog.my.id akan membagikan Script Anti Copy Paste Kecuali Bagian Tertentu di Postingan Blog.

    ilustrasi | Net
    – Kali ini laborblog.my.id akan membagikan Script Anti Copy Paste Kecuali Bagian Tertentu di Postingan Blog.


    Anti Copy Paste atau Copas ini, banyak digunakan para blogger untuk melindungi hasil tulisannya dari orang-orang yang suka melakukan kecurangan copy paste. Sehingga memasang script anti copy paste ini sangat dianjurkan untuk melindungi artikel-artikel yang sudah sobat susah-susah buat.
    Kasus copy paste pada suatu artikel blog itu sudah tidak aneh lagi, banyak orang yang mencari keuntungan tanpa berusaha dan tidak mau bersusah payah untuk membuat artikelnya sendiri, hanya melakukan kecurangan seperti copy paste ini.
    Script ini akan memblokir aktifitas copy paste, namun ada bagian tertentu dalam artikel yang masih bisa dicopy sesuai keinginan sobat. Seperti tulisan yang dibungkus oleh blockquote atau code. OK, langsung saja!
    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 laborblog.my.id */
.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.
    Membuat Bagian Tertentu pada Artikel Blog Agar Tetap Bisa Dicopy
    Menggunakan Blockquote
    Blockquote merupakan fitur bawaan dari blogger. Sobat bisa mengaturnya pada bagian tulisan yang diinginkan untuk tetap bisa dicopy oelh pengunjung blog.
    Menggunakan Kode <pre><code> … </code></pre>
    Untuk cara ini, biasa digunakan untuk kode script. Untuk menerapkannya, tampilan editor artikel harus diubah menjadi mode HTML dahulu. Penerapannya seperti berikut ini:
    <pre><code> letakkan kode atau tulisan disini </code></pre>


    Nah, sekarang blog sobat sudah lebih aman dari gangguan oknum-oknum yang curang suka melakukan copas sembarangan tersebut. Sekian tutorial blogger pemula mengenai Cara Memasang Script Anti Copy Paste Kecuali Bagian Tertentu di Postingan Blog. Semoga bermanfaat!

  • Cara Pasang Script Anti Block dan Anti Klik Kanan di Blog dan Website

    www.laborblog.my.id - Cara memasang Script Anti Block dan anti Klik Kanan di blog maupun website agar tidak mudah di copas oleh blog orang lain.

    ilustrasi | Net
    – Cara memasang Script Anti Block dan anti Klik Kanan di blog maupun website agar tidak mudah di copas oleh blog orang lain.


    Nonaktifkan Mouse Klik Kanan Menggunakan Jquery Hallo sobat blogger, Hari ini saya akan memberitahu Anda bagaimana cara menonaktifkan klik kanan mouse di halaman web Anda menggunakan jquery.
    Seperti yang kita tahu beberapa orang mengambil keuntungan untuk bajak kode Anda dan hack website Anda. Bila ada orang yang menggunakan elemen klik kanan memeriksa, dia tahu tentang kode statis Anda.
    Ini akan menimbulkan masalah beberapa kali. Untuk mengatasi masalah hacking website dan steeling code, Anda bisa mencegah pengguna untuk menggunakan klik kanan mouse.
    Script Anti Block

        
<script>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

    Script Anti Klik Kanan

        
<script>
$(function(){ //document.ready function
   $(document).on("contextmenu",function(e){
        alert('sorry tidak bisa klik kanan');
        return false;
    });
});
</script>


    Ada beberapa point penting dengan memeasangnya script ini,diantaranya mencegah orang lain memblock/klik kanan/copy paste artikel kita,dan tidak bisa melihat keseluruhan isi element script kita.

  • Cara Menggunakan Ubersuggest untuk Research Keyword

    www.laborblog.my.id - Untuk membuat konten berkualitas dan yang sesuai dengan kebutuhan para pengguna internet, Anda tentu saja membutuhkan keyword. Ada banyak tools pencarian kata kunci yang bisa digunakan dalam menentukan dan mencari kata kunci yang tepat bagi website Anda.

    ilustrasi | Net
    – Untuk membuat konten berkualitas dan yang sesuai dengan kebutuhan para pengguna internet, Anda tentu saja membutuhkan keyword. Ada banyak tools pencarian kata kunci yang bisa digunakan dalam menentukan dan mencari kata kunci yang tepat bagi website Anda.


    Kali ini, laborblog.my.id akan berbagi cara menggunakan Ubersuggest untuk research keyword potensial bagi blog/website bisnis.
    Pengertian Keyword dan Tujuan Menentukan Keyword
    Keyword atau kata kunci adalah kata-kata yang banyak digunakan pengguna internet ketika melakukan pencarian di mesin pencari, seperti Google, Yahoo, Bing, dan sebagainya.
    Contohnya, saat wajah Anda berjerawat, lalu Anda hendak membeli produk perawatan wajah yang bisa mengatasi jerawat. Kemungkinan besar, Anda akan melakukan pencarian terlebih dahulu dengan menggunakan kata kunci tertentu, misalnya: obat anti jerawat, perawatan wajah berjerawat, skincare penghilang jerawat, dan sebagainya.
    Contoh lain, misalnya Anda pergi berlibur ke Lombok. Saat berada di sana, Anda ingin tahu tempat wisata apa saja yang terkenal di Lombok? Anda pun melakukan pencarian terlebih dahulu di internet dengan menggunakan kata kunci tertentu, misalnya: tempat wisata hits Lombok, wisata pantai di Lombok, tempat wisata baru di Lombok, dan sebagainya.
    Keyword atau kata kunci yang diketikkan oleh para pengguna internet tersebut kemudian akan direkam oleh search engine. Mesin pencari besar dunia tersebut akan mengumpulkan, menghitung jumlah pencarian, dan sebagainya, untuk kemudian dianalisis, bahkan menjadi faktor penentuan ranking di mesin pencari.
    Lalu sebagai pemilik website, tugas Anda adalah mempelajari kata kunci yang sudah tersedia di mesin pencari, melakukan pencarian keyword potensial bagi website bisnis Anda, kemudian menggunakan keyword atau kata kunci tersebut secara tepat dalam penerapan strategi SEO.
    Kenapa perlu melakukan riset keyword?
    Tujuan dari riset keyword adalah mencari tahu sebanyak mungkin, tema atau topik bahasan apa yang sering dicari atau diketikkan pengguna internet di mesin pencari. Setiap kata kunci yang ditemukan, kemudian harus dianalisis lagi untuk mencari tahu kesesuaiannya dengan website Anda.
    Semakin potensial keyword atau kata kunci yang Anda gunakan, maka Anda bisa mendatangkan lebih banyak visitor ke website, bahkan bisa pula mendatangkan calon konsumen sehingga mereka bisa tahu produk, jasa, layanan, maupun bisnis yang Anda tawarkan. Di saat yang sama, Anda juga bisa tahu keyword apa saja yang digunakan oleh kompetitor Anda untuk mendapatkan pelanggan.
    Cara Menggunakan Ubersuggest untuk Research Keyword Potensial
    Ubersuggest adalah tool SEO all-in-one milik Neil Patel yang dirancang untuk membantu siapa pun yang memiliki website dan ingin mendapatkan posisi terbaik di mesin pencari. Tentu saja untuk mendapatkannya perlu bisa menerapkan berbagai strategi SEO yang tepat, salah satunya adalah pemilihan kata kunci yang banyak dicari orang.
    Selain itu, keberhasilan dalam penerapan berbagai teknik SEO juga dapat dilihat dari apa yang dilakukan pesaing dan strategi apa yang Anda upayakan untuk mengalahkannya. Ubersuggest disebut-sebut sebagai perangkat pencarian kata kunci yang bisa mendatangkan banyak traffic ke website Anda.
    Dengan menggunakan Ubersuggest, Anda bisa mendapatkan berbagai data yang Anda butuhkan untuk melakukan optimasi website bisnis secara SEO, mulai dari data kompetitor, halaman teratas, ide konten, berbagai kata kunci yang disarankan, bahkan bisa mendapatkan data backlink dari suatu website.
    Sebenarnya, masih banyak lagi data yang bisa didapatkan dari tools ini. Hanya saja, Anda perlu melakukan lebih banyak analisis atas data-data apa saja yang Anda butuhkan.
    Untuk dapat menggunakan Ubersuggest, dalam upaya melakukan pencarian kata kunci potensial bagi website bisnis, caranya sangat mudah. Anda tinggal mengetikkan nama domain website Anda di kotak pencarian pada halaman Ubersuggest, dan semua data yang Anda butuhkan akan tersedia dengan cepat.
    Agar lebih mudah memahaminya, berikut ini langkah-langkah mencari kata kunci menggunakan Ubersuggest.
    1. Masuk ke halaman utama Ubersuggest.
    2. Ketikkan keyword yang hendak Anda bidik, atau domain website bisnis Anda langsung untuk mencari tahu keyword apa saja yang potensial.
    3. Jangan lupa, ubah pada bagian negara menjadi Indonesia.
    4. Lalu, klik Search.
    5. Scroll ke bawah hingga ke bagian content ideas.
    6. Pilih artikel dengan jumlah search visit dan social share yang tinggi. Lalu klik keywords.
    7. Anda akan melihat daftar keyword yang digunakan pada konten yang Anda pilih.
    Ada beberapa bagian utama pada Ubersuggest yang perlu Anda perhatikan lebih detail, yaitu:
    – Kata kunci organik: jumlah kata kunci yang diperingkat domain dalam pencarian organik.
    – Organik traffic bulanan: total perkiraan traffic yang dipertimbangkan domain dengan kata kunci tertentu.
    – Skor domain: skor 1 hingga 100, dengan mempertimbangkan berbagai faktor, semakin tinggi angkanya semakin baik.
    – Backlink: jumlah link masuk dari situs lain.
    – Grafik pertumbuhan yang menunjukkan pertumbuhan lalu lintas selama periode 12 bulan terakhir.
    – Volume: jumlah pencarian bulanan untuk kata kunci.
    – Posisi: posisi peringkat URL di Google.
    – Perkiraan kunjungan: perkiraan traffic yang diperoleh halaman / domain dari Google.
    – SD: perkiraan persaingan dalam pencarian organik.


    Dalam proses pencarian keyword atau kata kunci potensial, Anda perlu mengidentifikasi kata kunci dengan volume tinggi dan skor SD (difficulty) rendah yang saat ini tidak berada di posisi nomor satu. Nah, kata kunci itulah yang seharusnya Anda optimasi lagi.[source]

  • Cara Membuat Widget Pricing Plans Untuk Harga Jasa atau Produk

    www.laborblog.my.id - Halo sobat laborblog.my.id, kembali lagi laborblog.my.id akan membagikan tutorial untuk sobat yang menginginkan widget sederhana dan dapat menjelaskan suatu produk atau jasa yang dijual secara lengkap dan ringkas.

    Contoh | Tangkapan Layar
    – Halo sobat laborblog.my.id, kembali lagi laborblog.my.id akan membagikan tutorial untuk sobat yang menginginkan widget sederhana dan dapat menjelaskan suatu produk atau jasa yang dijual secara lengkap dan ringkas.


    Widget tersebut adalah Pricing Plans atau Pricing Area yang biasa kita temukan pada Template Landing Page, berfungsi untuk menampilkan nama produk atau jenis jasa yang lengkap dengan harga, deskripsi dan juga tombol order sekarang. Dengan menggunakan widget ini calon pembeli jasa dan produk akan lebih mudah dalam melihat harga dan juga melakukan kontak.
    Untuk pemasangan, widget ini cocok untuk dipasang pada halaman depan blog dan juga halaman artikel, tampilan yang modern dan sederhana membuat widget ini mudah untuk dimodifikasi sesuai selera.
    Info: Tips ini dapat dilakukan pada semua platform.
    Cara Memasang Widget Pricing Plans di Blog
    Silahkan sobat masuk ke Blogger > Template > Edit HTML
    Letakan kode di bawah ini tepat di atas kode ]]></b:skin>

    /* Pricing Section by Dunia Blanter */
    .pricing-section{font-family:’Google Sans’,Arial,sans-serif;position:relative;overflow:hidden;display:block;margin:15px 0;line-height:1.7}
    .pricing-section .pricing-title{font-size:1.1rem;margin:1rem 0 0;font-weight:700}
    .pricing-container{display:flex;max-width:1000px;margin:0 auto}
    .pricing-tag{margin:.5rem 0 1rem;font-size:13px;display:inline-block;background:#333;color:#fff;padding:3px 15px;border-radius:20px}
    a.blanter-order-btn{font-size:14px;text-transform:uppercase;text-decoration:none;background:#333;color:#fff;display:inline-block;padding:7px 20px;border-radius:20px;transition:all .3s ease-in-out}
    a.blanter-order-btn:hover{transform:scale(1.1)}
    .pricing-blanter-column{background:#fff;padding:30px 15px;box-sizing:border-box;border-radius:10px;text-align:center;width:33%;margin:10px;box-shadow:0 7px 7px rgba(0,0,0,0.06);border:2px solid #fff;transition:all .3s ease-in-out}
    .pricing-blanter-column ul{list-style:none;padding:10px 0;margin:0;font-size:14px;line-height:2.2}
    .pricing-blanter-column img{width:50px}
    .pricing-section i{font-size:3rem}
    .blanter-price{font-weight:700;font-size:22px}
    .service-info{opacity:.7}
    .blanter-2-column .pricing-blanter-column{width:50%}
    .pricing-blanter-column:nth-child(1) .blanter-price,.pricing-blanter-column:nth-child(1) i{color:#f87200} /* Change Color Code */
    .pricing-blanter-column:nth-child(2) .blanter-price,.pricing-blanter-column:nth-child(2) i{color:#ff5483} /* Change Color Code */
    .pricing-blanter-column:nth-child(3) .blanter-price,.pricing-blanter-column:nth-child(3) i{color:#2b73f6} /* Change Color Code */
    .pricing-blanter-column:nth-child(1):hover{border-color:#f87200} /* Change Color Code */
    .pricing-blanter-column:nth-child(2):hover{border-color:#ff5483} /* Change Color Code */
    .pricing-blanter-column:nth-child(3):hover{border-color:#2b73f6} /* Change Color Code */
    .pricing-blanter-column:nth-child(1) .pricing-tag,.pricing-blanter-column:nth-child(1) a.blanter-order-btn{background:#f87200} /* Change Color Code */
    .pricing-blanter-column:nth-child(2) .pricing-tag,.pricing-blanter-column:nth-child(2) a.blanter-order-btn{background:#ff5483} /* Change Color Code */
    .pricing-blanter-column:nth-child(3) .pricing-tag,.pricing-blanter-column:nth-child(3) a.blanter-order-btn{background:#2b73f6} /* Change Color Code */
    @media screen and (max-width:580px){
    .pricing-blanter-column,.blanter-2-column .pricing-blanter-column{width:auto}
    .pricing-container{display:block}
    }

    Simpan, atau klik Icon Save.
    Selanjutnya untuk memasang widget, kode di bawah ini cukup diletakan di tempat yang sobat inginkan, seperti di tata letak blogger, di edit HTML ataupun dapat diletakan pada postingan tertentu (mode HTML seperti pada gambar).

    Post Mode HTML

    <div class=”pricing-section”>
    <div class=”pricing-container”>
    <div class=”pricing-blanter-column”>
    <img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1w8TQ4add1cnsvGdh7VTc8wjYR1y7viZJdSIw47dbn5trkQ6EwbbUXCC7rRuI_cfHfdU1O5sHhIZyMDlOYoJnixEhcSGjSBgOFXud5ngEAE7uJkL2AToluUK6g-K6LL9q-4wOC1eYuJ0/s50/basic.png’ alt=’Basic’/>
    <div class=”pricing-title”>Basic</div>
    <div class=”pricing-tag”>20% off</div>
    <div class=”blanter-price”>Rp 150.000</div>
    <div class=”service-info”>
    <ul>
    <li>Documentation</li>
    <li>Premium Template</li>
    <li>1 License</li>
    <li>Full Optimization</li>
    <li>1 Month Full Support</li>
    <li>Easy Customize</li>
    <li>-</li>
    </ul>
    </div>
    <a class=”blanter-order-btn” href=”#” title=”#” target=”_blank”>Order Sekarang</a>
    </div>
    <div class=”pricing-blanter-column”>
    <img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAiTGV5wvc6TSeIj8ReinPdvCRHMBV_SG85YZypFaLntGncfw9lDRKEu43kUu2wZzTGd2D1gnVpUcLlf8ItCtoAiHHFYig0iAXMKSl0n8fOcCjjrWCsSJioF-wx-HWdz4hyut6Uyu2OGA/s50/personal.png’ alt=’Personal’/>
    <div class=”pricing-title”>Personal</div>
    <div class=”pricing-tag”>Best Value</div>
    <div class=”blanter-price”>Rp 220.000</div>
    <div class=”service-info”>
    <ul>
    <li>Documentation</li>
    <li>Premium Template</li>
    <li>3 License</li>
    <li>Full Optimization</li>
    <li>3 Month Full Support</li>
    <li>Easy Customize</li>
    <li>-</li>
    </ul>
    </div>
    <a class=”blanter-order-btn” href=”#” title=”#” target=”_blank”>Order Sekarang</a>
    </div>
    <div class=”pricing-blanter-column”>
    <img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvob-uJynUDM7MNhAsVv1xj6Mnx8SanK6HH9vb9LIOY5Jf-h2rc72arnWTSFh6nakxOUfZ3NswdzVEs36E9ykd0nfytU2efW9IthB_ENRo4jnu5FRCwEATx8O24c2xlIoy0yslWqMqiA8/s50/developer.png’ alt=’Developer’/>

    <div class=”pricing-title”>Developer</div>

    <div class=”pricing-tag”>For Business</div>
    <div class=”blanter-price”>Rp 999.000</div>
    <div class=”service-info”>
    <ul>
    <li>Documentation</li>
    <li>Premium Template</li>
    <li>Unlimited License</li>
    <li>Full Optimization</li>
    <li>6 Month Full Support</li>
    <li>Easy Customize</li>
    <li>1 Bonus Template</li>
    </ul>
    </div>
    <a class=”blanter-order-btn” href=”#” title=”#” target=”_blank”>Order Sekarang</a>
    </div>
    </div>
    </div>

    Simpan.
    Gambar pada widget ini dapat diganti menjadi Font Awesome dengan merubah kode berikut:

    <img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1w8TQ4add1cnsvGdh7VTc8wjYR1y7viZJdSIw47dbn5trkQ6EwbbUXCC7rRuI_cfHfdU1O5sHhIZyMDlOYoJnixEhcSGjSBgOFXud5ngEAE7uJkL2AToluUK6g-K6LL9q-4wOC1eYuJ0/s50/basic.png’ alt=’Basic’/>

    menjadi kode Font Awesome:

    <i class=’fas fa-home’></i>


    Sekian tips yang bisa laborblog.my.id bagikan kali ini, semoga bermanfaat bagi sobat semua. Jangan lupa untuk Bookmark, Subscribe dan Komentar tentang tutorial ini.[source]

  • Cara Membagi Halaman di Postingan dengan Nomor Navigasi

    www.laborblog.my.id - Mungkin sahabat pernah mengunjungi situs gosip atau situs baca komik yang di setiap isi postingannya dibagi menjadi beberapa halaman, biasanya pada postingan tersebut terdapat tombol Next yang ketika kita menekan tombol tersebut akan mengarah ke halaman selanjutnya.

    ilustrasi
    – Mungkin sahabat pernah mengunjungi situs gosip atau situs baca komik yang di setiap isi postingannya dibagi menjadi beberapa halaman, biasanya pada postingan tersebut terdapat tombol Next yang ketika kita menekan tombol tersebut akan mengarah ke halaman selanjutnya.


    Begitupun dengan tips yang akan aku berikan ini, cara kerjanya yaitu membagi beberapa paragraf dari isi postingan menjadi beberapa bab sesuai harapan sobat. Beberapa manfaat yang di sanggup kalau menerapkan tips ini antara lain:
    Halaman akan terasa lebih rapi cocok untuk sahabat yang mempunyai artikel dengan isi yang panjang dan menghemat daerah semoga pengunjung tidak capek menggulir halaman
    Cocok untuk situs gosip dan situs baca komik
    Bisa dijadikan penanda untuk pengunjung di halaman mana akan melanjutkan membaca nantinya
    Menambah jumlah Pageviews alasannya yaitu terdapat fungsi refresh halaman ketika menekan tombol navigasi ke halaman berikutnya.
    Nah, bagi sahabat yang ingin menambahkan cara ini di blognya, silakan ikuti langkah-langkah berikut ini.
    Membagi Halaman di Postingan dengan Nomor Navigasi
    Seperti biasa, buka halaman Blogger > Klik sajian Tema dan klik tombol Edit HTML > Tambahkan instruksi CSS ini sebelum </head>

    <b:if cond=’data:view.isSingleItem’>
    <style>
    /* Membagi Halaman di Postingan */
    .post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{margin:30px auto;text-align:center;padding:0;overflow:hidden}.pagearl .buttonar{background:#fff;font-weight:400;display:inline-block;color:#222;text-decoration:none;text-align:center;border:1px solid rgba(0,0,0,0.1);border-right:0;margin:auto;font-size:14px;padding:.4rem .75rem;transition:all .1s}.pagearl .buttonar:last-child{border-right:1px solid rgba(0,0,0,0.1)}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:#fafafa;color:#222}.buttonar.arlinapage{background:#3498DB;border-color:#3498DB;color:#fff;transition:all .1s}.buttonar.arlinapage:hover{background:#2980B9;border-color:#2980B9;color:#fff}
    </style>
    </b:if>

    Tambahkan instruksi berikut sebelum </body>

    <b:if cond=’data:view.isSingleItem’>
    <script>
    //<![CDATA[
    function get_n(halaman){var o,t,e=decodeURIComponent(window.location.search.substring(1)).split(“&”);for(t=0;t<e.length;t++)if((o=e[t].split(“=”))[0]===halaman)return void 0===o[1]||o[1]}$(document).ready(function(){var halaman=get_n(“halaman”);$(“.post-content”).hide(),void 0===halaman?$(“.content_1”).show():$(“.content_”+halaman).show();var o=$(“.post-content”).length;if(0!=o)for(i=1;i<=o;i++){var t=window.location.pathname;$(“.pagearl”).append($(‘<a href=”‘+t+”?halaman=”+i+’” class=”buttonar n’+i+’”> ‘+i+” </a>”))}else $(“.pagearl”).hide();void 0==halaman&&$(“.buttonar.n1”).toggleClass(“arlinapage”),halaman==halaman&&$(“.buttonar.n”+halaman).toggleClass(“arlinapage”)});
    //]]>
    </script>
    </b:if>

    Kemudian klik tombol Simpan tema.
    Selanjutnya untuk instruksi pemanggilnya, silakan buka editor postingan dan tambahkan markup berikut pada tab HTML (Bukan Compose)

    <div class=”post-content content_1″>
    ISI ARTIKEL DI SINI
    </div>
    <div class=”post-content content_2″>
    ISI ARTIKEL DI SINI
    </div>
    <div class=”post-content content_3″>
    ISI ARTIKEL DI SINI
    </div>
    <div class=”post-content content_4″>
    ISI ARTIKEL DI SINI
    </div>
    <div class=”post-content content_5″>
    ISI ARTIKEL DI SINI
    </div>

    Note: Untuk ISI ARTIKEL DI SINI diganti dengan isi konten postingan dan untuk content_1 hingga content_5 mengambarkan nomor navigasi dari isi postingan yang ingin dibagi. Untuk menambahkan halaman yang ingin dibagi, cukup ganti angka dari content_5 menjadi content_6 dan seterusnya.
    Contohnya menyerupai ini:

    <div class=”post-content content_4″>
    ISI ARTIKEL DI SINI
    </div>
    <div class=”post-content content_5″>
    ISI ARTIKEL DI SINI
    </div>
    <div class=”post-content content_6″>
    ISI ARTIKEL DI SINI
    </div>
    <div class=”post-content content_7″>
    ISI ARTIKEL DI SINI
    </div>
    <div class=”post-content content_8″>
    ISI ARTIKEL DI SINI
    </div>

    Kemudian tambahkan instruksi navigasi di bawah ini di final postingan.

    <div class=”arlinapage”>
    </div>
    <div class=”pagearl”>
    </div>

    Namun kalau sahabat ingin memunculkan instruksi navigasi di setiap postingan secara otomatis, soba sanggup tambahkan instruksi di atas di bawah instruksi <data:post.body/> (Post body khusus halaman postingan). Contoh penerapannya menyerupai ini:

    <data:post.body/>
    <div class=’arlinapage’/>
    <div class=’pagearl’/>

    Selesai dan lihat akhirnya di blog sobat. Jika berhasil akan berfungsi seperti demo dibawah ini.
    Dibawah ini hanya contoh tombolnya saja
    Ganti instruksi CSS kalau ingin menambahkannya dengan tampilan minimalis

    <style type=’text/css’>
    /* Membagi Halaman di Postingan */

    .post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{position:relative;background:#fff;margin:0 auto 20px auto;text-align:center;padding:20px;font-size:14px}.pagearl .buttonar{background:#e74c3c;font-weight:bold;display:inline-block;color:#fff;text-decoration:none;text-align:center;border-right:0;font-size:14px;padding:.4rem .8rem;border:0;margin:0 4px 0 0;border-radius:3px;transition:all .2s}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:#c0392b;color:#fff}.buttonar.arlinapage,.buttonar.arlinapage:hover{background:#333;color:#fff}

    </style>

    Atau ganti dengan instruksi CSS ini kalau ingin menambahkannya dengan tampilan animasi Gradient

    <style>
    /* Membagi Halaman di Postingan */
    @keyframes Gradients{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
    .post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{background:#517aef;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;margin:30px auto;text-align:center;padding:10px;border-radius:3px;overflow:hidden;box-shadow:0 10px 10px -5px rgba(0,0,0,0.15);animation:Gradients 15s ease infinite}.pagearl .buttonar{background:rgba(255,255,255,.2);font-weight:bold;display:inline-block;color:#fff;text-decoration:none;text-align:center;border-right:0;font-size:14px;padding:.4rem .8rem;border:0;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,0.1);transition:all .6s}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:rgba(255,255,255,.45);color:#fff;box-shadow:0 1px 10px rgba(0,0,0,0.1)}.buttonar.arlinapage,.buttonar.arlinapage:hover{background:rgba(255,255,255,.95);color:#0984e3}
    </style>


    Oke, sekian dari wacana cara Membagi Halaman di Postingan dengan Nomor Navigasi. Semoga bermanfaat bagi sahabat dan wassalam.[arlina]

  • How to Refresh Ad Slots Automatically?

    www.laborblog.my.id - There are multiple ways to refresh ad slots using GPT library function. But none of the documents or examples provided for auto refreshing ad slots based on Time event.

    illustration | pragmaticwebmedia.com
    – There are multiple ways to refresh ad slots using GPT library function. But none of the documents or examples provided for auto refreshing ad slots based on Time event.


    How to do?
    Declare variable name globally before ‘cmd.push’ function and assign to the ad slot declaration. Example see below
    var slot1;
    Assign variable to the ad slot.
    Add that variable before the ad slot in the header tag.
    slot1 = googletag.defineSlot(‘/200894144/Responsive’, [[300, 250], [300, 600]], ‘div-gpt-ad-1620832289302-0’).addService(googletag.pubads());
    Auto Refresh Trigger
    The final step is to trigger auto refresh using ‘SetInterval’ function on the Body code. This will trigger the refresh code on specified interval.
    setInterval(function(){googletag.pubads().refresh([slot1]);}, 3000);
    The variable which declared on the first step to be added within the refresh function on the above code. “3000” represent three second time interval . Time cab be adjusted based on your requirement. Best practices is minimum 30 seconds.
    Complete Code Configuration
    Here is the full code representation for the above discussions. Added key values for the test purposed. Ignore that in your code and replace as per your requirements.

    <script async src=”https://securepubads.g.doubleclick.net/tag/js/gpt.js”></script>
    <script>
    window.googletag = window.googletag || {cmd: []};
    var slot1;
    googletag.cmd.push(function() {
    slot1 = googletag.defineSlot(‘/200894144/Responsive’, [[300, 250], [300, 600]], ‘div-gpt-ad-1620832289302-0’).setTargeting(“Test_Mode”, “ON”).addService(googletag.pubads());
    googletag.enableServices();
    });
    </script>
    <div id=’div-gpt-ad-1620832289302-0′>
    <script>
    googletag.cmd.push(function() { googletag.display(‘div-gpt-ad-1620832289302-0’);
    setInterval(function(){googletag.pubads().refresh([slot1]);}, 3000);
    });
    </script>
    </div>


    Hope this article helps!!!. Please share your comments. Thank You!!!![source]
    *The information contained in this post is for general information purposes only. The information is provided by How to auto refresh ad slots? and while we endeavor to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the post for any purpose.

  • Review EasyHits4u: Meningkatkan Trafik Blog dan Menghasilkan Uang

    www.laborblog.my.id - Satu lagi situs yang tidak boleh dilewatkan bagi para pemburu dollar lewat internet, yaitu easyhits4u.com. Situs ini adalah sebuah situs traffic exchange yang terbesar dan terpercaya di dunia yang telah berdiri sejak tahun 2003.

    EasyHits4u
    Satu lagi situs yang tidak boleh dilewatkan bagi para pemburu dollar lewat internet, yaitu easyhits4u.com. Situs ini adalah sebuah situs traffic exchange yang terbesar dan terpercaya di dunia yang telah berdiri sejak tahun 2003.


    Terpercaya karena telah terbukti membayar kepada para penggunanya. Walaupun pendapatannya hanya sedikit yaitu $0.3 per 1000 visits selama 3 – 4 jam sehari, dan akan dibayar setelah terakumulasi sebanyak minimal $3 ke akun paypal atau payza kita. Selain itu juga bisa meningkatkan trafic pengunjung blog/situs yang anda kelola.
    Sungguh ini hanya uang yang sedikit tetapi cukup berarti untuk membiayai kegiatan di internet, karena penghasilan dari internet tidak hanya melalui EasyHits4U saja. Ini bisa di padukan dengan beberapa situs penghasil dollar lainnya Misalnya, melalui ojooo, goldenclix, croclix, forums digitalpoint, fiverr, designcrowd, dreamstime, dll
    EasyHit4U adalah situs traffic exchange terbesar didunia dengan anggota sebanyak 1,3 juta orang dikelasnya. walaupun dibandingkan dengan wad ojooo (situs ptc dengan 20 juta orang anggota dan mempunyai fasilitas traffic exchange juga disana).
    Ada 3 cara mendapatkan uang di EasyHits4U yaitu antara lain melalui:
    1. Traffic exchange (surfing), yaitu dengan melihat situs/blog orang lain setiap hari selama 3 – 4 jam artinya sebanyak 100 – 200 situs dengan memiklih opsi perbandingan surfing sebanyak 1 : 1 (20 detik), maka akan didapatkan uang sebanyak $3 – $4 dalam 2 bulan.
    2. akan mendapatkan komisi $0.1 apabila setiap refferal melakukan surfing sebanyak minimal 100 kali.
    3. Mendapatkan komisi uang sebanyak 5 level kedalaman yaitu , untuk free member : 10% – 5% – 3% – 2% – 1%, sedangkan untuk premium member sebanyak 6 level kedalaman yaitu : 15% – 10% – 5% – 3% – 2% – 1%.
    Sedangkan disamping sebagai alat untuk mendapatkan uang secara langsung, ada juga keuntungan lainnya andaikata kita aktif di EasyHits4U adalah:
    1. kita akan mendapatkan traffic gratis kesitus atau blog yang kita miliki dengan menaruh link blog disana untuk dilakukan traffic xchange.
    2. kita akan mendapatkan banyak teman yang bisa kita manfaatkan untuk mencari uang juga dengan mengirim message supaya bergabung dengan situs tertentu.
    3. Kita bisa membuat tulisan artikel dalam bahasa inggris dimana kita dapat menaruh link website atau blog kita pada bio profile yang ada dibawah setiap artikel yang kita tulis.
    4. Kita bisa memanfaatkan halaman profile dengan menaruh link website/blog kita yang aktif. sehingga setiap orang yang mengajak berteman keapada kita (request) akan melihat bio profile dimana juga ada link social media networking yang kita miliki disana, sehingga kemungkinan untuk bergabung dengan kita menjadi follower atau hanya sekedar mengujungi website/blog kita sangat besar.
    5. Kita juga bisa membangun backlink ke situs atau blog kita dari halaman profile kita disana , harap diingat EasyHits4U adalah situs yang mempunyai page rank cukup tinggi yaitu PR6. dengan ranking di alexa cukup bagus 17K, sehingga akan mengingkatkan paga rank website atau blog kita.
    6. Kita juga bisa membuat splash page (semacam halaman penjualan) secara gratis guna meningkatkan penjualan apapun disana.
    7. sebaiknya kita memanfaatkan pula directory dari EasyHits4U atau relmaxtop directory untuk link website atau blog kita. untuk menaikkan page rank situs atau blog kita.
    Bagaimana caranya mulai membuat uang di EasyHits4U secara mudah dan cepat?
    1. Mari kita mulai melakukan pendaftaran di
    2. Kemudian check konfirmasi pendaftaran di email kita , lakukan konfirmasi dengan klik link yang diberikan oleh EasyHits4U.
    3. Login kedalam EasyHits4U, lihat dashboard yang ada.
    www.laborblog.my.id - Masukkan link website atau blog yang kita punya untuk segera melakukan surfing, sebagai syarat dalam melakukan traffic exchange.

    Tangkapan Layar
    4. Masukkan link website atau blog yang kita punya untuk segera melakukan surfing, sebagai syarat dalam melakukan traffic exchange.
    5. Lengkapi semua info pribadi kita di profile kita, nama, link social media macam twitter, facebook, google plus, linkedin. lokasi, negara, foto pribadi, alamat paypal atau payza.
    www.laborblog.my.id - Segera mulai melakukan surfing selama 3 - 4 jam sehari.

    Tangkapan Layar
    6. Segera mulai melakukan surfing selama 3 – 4 jam sehari.
    www.laborblog.my.id -

    Tangkapan Layar
    7. lakukan promosi link dari EasyHits4U anda untuk mencari referral sebanyak mungkin.
    8. Check pendapatan di akhir bulan, apabila sudah memenuhi batas minimal ($3) untuk di withdraw, segera lakukan penarikan ke payza kita.
    9. Selesai.


    Sebenarnya banyak situs traffic exchange yang besar dan bagus di internet yang bisa digunakan untuk sekedar berpromosi wesite atau blog kita atau EasyHits4U. Tetapi untuk mendapatkan uang disana secara langsung seperti easyhits4u, hampir tidak ada. Oleh sebab itu EasyHits4U adalah situs yang tidak boleh diabaikan dalam usaha untuk mendapatkan uang secara online di internet.

  • Cara Pasang Kode Meta Tag Facebook Open Graph Di Blog

    www.laborblog.my.id - Saat Anda membagikan URL blog di Facebook, URL tersebut akan diubah menjadi tampilan ringkas atau ringkasan blog, yang berisi komponen blog yang dimaksud berupa judul, thumbnail (gambar), deskripsi, URL blog, dan nama penulis dengan konten blog jika dibagikan di Facebook, Anda perlu menginstal tag meta Facebook Open Graph.

    Ilustrasi
    Saat Anda membagikan URL blog di Facebook, URL tersebut akan diubah menjadi tampilan ringkas atau ringkasan blog, yang berisi komponen blog yang dimaksud berupa judul, thumbnail (gambar), deskripsi, URL blog, dan nama penulis dengan konten blog jika dibagikan di Facebook, Anda perlu menginstal tag meta Facebook Open Graph.
    Apa itu Facebook Open Graph? Bagaimana cara memasang Open Graph Facebook yang baik dan benar agar terlihat bagus saat dibagikan di Facebook? Perhatikan baik-baik. Sekali lagi, laborblog.my.id akan membagikan sedikit informasi terkait Facebook.
    Apa Itu Kode Meta Tag Facebook Open Graph?
    Facebook Open Graph adalah serangkaian kode khusus dalam bentuk tag Meta HTML yang berfungsi untuk memuat komponen halaman ketika URL halaman dibagikan di Facebook untuk menjadi konten. Komponen yang ditampilkan adalah Judul, Thumbnail (Gambar), Deskripsi, URL Blog, dan Nama Penulis. Kode Open Graph Facebook ini dapat diinstal pada semua platform blogging seperti Blogspot, WordPress, dll.
    Mengapa Anda harus menginstal Meta Tag Facebook Open Graph?
    Anda perlu menginstal Facebook Open Graph untuk menarik pengunjung. Ini akan membuat ringkasan blog Anda terlihat lebih bagus saat dibagikan di dinding Facebook (berbagi media sosial). Tanpa kode ini, Facebook tidak akan dapat menampilkan sebagian besar blog Anda dengan benar. Mereka tidak akan tertarik jika menemukan konten seperti ini, berikut perbandingan blog yang memasang dan tidak memasang kode meta tag Facebook Open Graph.
    Daftar Kode Meta Tag Facebook Open Graph
    Berdasarkan Dokumen Developers Facebook di Webmaster, Anda perlu menginstal 5 kode utama. laborblog.my.id akan menjelaskan kepada Anda satu per satu, berdasarkan halaman hasil terjemahan dan kesimpulan.
    og:url
    URL canonical dari blog kamu.
    og:title
    Judul dari artikel.
    og:description
    Ringkasan dari isi artikel, biasanya terdiri dari 2 sampai 4 kalimat. Ditampilkan dibawah judul dari post Facebook.
    og:image
    Gambar atau thumbnail. Biasanya diambil dari gambar pertama yang ada di dalam artikel.
    fb:admins
    Nama author. Berupa sebuah URL yang dapat di-klik untuk menuju ke profil Facebook dari author bersangkutan.
    Ada juga beberapa kode meta tag opsional yang dapat dipasang. Kode lengkapnya ada di bawah ini, termasuk cara pasangnya.