Sabtu, 26 Maret 2022

Arti Nama Dan Istilah

Akronim dan Singkatan

2G

generasi kedua

3G

generasi ketiga

4G

Generasi ke-4

ALG

gateway tingkat aplikasi

APN

access point name (nama titik akses)

DHCP

Dynamic Host Configuration Protocol (Protokol Konfigurasi Tuan Rumah Dinamis)

DMZ

zona terbuka dalam jaringan

DNS

Domain Name Server (Nama Server Domain)

EDGE

Enhanced Data Rates for GSM Evolution (Laju Data Mutakhir untuk Evolusi GSM)

GPRS

General Packet Radio Service (Layanan Radio Paket Umum)

GSM

Global System for Mobile Communications (Sistem Umum untuk Komunikasi Seluler)

HSDPA

High-Speed Downlink Packet Access (Akses Paket Unduh Kecepatan Tinggi)

HSPA

High-Speed Packet Access (Akses Paket Kecepatan Tinggi)

HSUPA

High-Speed Uplink Packet Access (Akses Paket Unggah Kecepatan Tinggi)

IMEI

international mobile equipment identity (identitas perangkat seluler internasional)

IMSI

international mobile subscriber identity (identitas pelanggan seluler internasional)

IP

Internet Protocol (Protokol Internet)

LAN

jaringan area lokal

LTE

Long Term Evolution (Evolusi Jangka Panjang)

MAC

Media Access Control (Kontrol Akses Internet)

MTU

unit transmisi maksimum

PPPoE

Point-to-Point Protocol over Ethernet

PIN

personal identification number (nomor identifikasi pribadi)

PUK

PIN Unlock Key (Kode Pembuka Kunci PIN)

SIP

Session Initiation Protocol (Protokol Pengawalan Sesi)

SIM

subscriber identity module (modul identitas pelanggan)

SSID

service set identifier (pengenal perangkat layanan)

TCP

Transmission Control Protocol (Protokol Kendali Transmisi)

UDP

User Datagram Protocol (Protokol Datagram Pengguna)

UMTS

Universal Mobile Telecommunications System (Sistem Telekomunikasi Selular Universal)

UPnP

Universal Plug and Play (Colok-dan-Main Universal)

USSD

Unstructured Supplementary Services Data (Data Layanan Tambahan Data Terstruktur)

WAN

wide area network (jaringan area luas)

WCDMA

Wideband Code Division Multiple Access (Akses Jamak Pembagian Sandi Pita Lebar)

WLAN

wireless local area network (jaringan area lokal nirkabel)

Wi-Fi

Wireless Fidelity (Kehandalan Nirkabel)

WPS

Wi-Fi Protected Setup (Pengaturan Dilindungi Wi-Fi)

Kamis, 03 Februari 2022

Contoh Pengaturan Cookies di Website

Senin, 24 Januari 2022

Cara Membuat Slot Iklan Link Seperti AdSense di Blogger

 

Mencari penghasilan tambahan dengan memiliki sebuah Blog menjadi salah satu tujuan para Blogger. Tidak jarang banyak sebagian Blogger malah lebih terpacu dengan mendapatkan penghasilan.

Berbagai cara mereka lakukan untuk mendapatkan penghasilan. Salah satu diantara banyaknya cara adalah dengan menawarkan jasa pengiklanan di dalam blog atau bergabung dalam program periklanan seperti Adsense, Misalnya.

Membuat sebuah slot iklan menjadi cara yang efektif untuk mendapatkan calon pelanggan. Slot Iklan dapat mempermudah untuk memberitahukan kepada calon pengiklan bahwa Blog kamu masih memiliki beberapa ruang untuk memasang iklan produk atau jasa dari calon konsumen itu.

Nah, pada kesempatan kali ini penulis akan memberikan sedikit tutorial singkat Cara Membuat Slot Iklan Link Seperti AdSense di Blogger. Di artikel sebelumnya penulis juga sudah membuat sebuah artikel yang berjudul Cara Membuat Slot Kotak Iklan Responsive di Sidebar Blogger

Slot iklan yang akan kita buat nantinya berbentuk Link yang serupa dengan jenis iklan pada Adsense. Jika kamu tertarik untuk memasangnya, kamu bisa simak dalam tutorial berikut ini.

Tutorial

1. Log in ke akun Blogger  – Tema – Edit Html.

2. Copy dan Pastekan kode Style CSS di bawah ini tepat sebelum kode ]] ></b:skin> atau </style>

<style type='text/css'>
/*Iklan Link Mirip Adsense*/
.link-btn{width:100%;position:relative;padding-top:15px}
.link-btn:after{clear:both;content:"";display:block}
.label-link-btn{font-size:12px;color:#333;position:absolute;top:0;left:0;line-height:1}
.label-link-btn svg{width:15px;height:15px;vertical-align:-3px}
.label-link-btn svg path{fill:#00aecd}
.link-btn-left,.link-btn-right{width:calc(50% - 10px);float:left}
.link-btn-left{margin-right:10px}
.link-btn-right{margin-left:10px}
.tombol-link{width:100%;height:41px;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;text-align:center;line-height:41px;box-shadow:0 1px 1px rgba(255,255,255,0.35) inset,0px 1px 1px rgba(0,0,0,0.3);align-items:center;justify-content:center;background-color:#119af5;border:1px solid #ffffff;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#ffffff;font-weight:normal;font-family:arial,sans-serif;font-size:16px;margin:5px auto}
.tombol-link:hover{background-color:#fff;color:#333}
@media screen and (max-width:640px){.link-btn-left,.link-btn-right{width:100%;float:none;margin:0 auto}}
</style>

3. Masukan kode pemanggil di bawah ini. Untuk penempatannya bisa kamu sesuaikan sesuai kebutuhan dan selera.

Disini penulis akan memasangnya di atas postingan blog.

Pastekan kode pemanggil di bawah ini tepat diatas kode <data:post.body/>

<div class='link-btn-left'>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
</div>
<div class='link-btn-right'>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
</div>
<a href='#' target='_blank' title='Iklan oleh Inwepo.co'>
<div class='label-link-btn'>
<svg x='0px'>
<path d='M7.5,1.5a6,6,0,1,0,0,12a6,6,0,1,0,0,-12m0,1a5,5,0,1,1,0,10a5,5,0,1,1,0,-10ZM6.625,11l1.75,0l0,-4.5l-1.75,0ZM7.5,3.75a1,1,0,1,0,0,2a1,1,0,1,0,0,-2Z'/>
</svg>
Iklan oleh Inwepo.co
</div></a>
</div>

Catatan:

  • Pasang iklan link disini : Ganti dengan Anchor text sesuai dengan kebutuhan.
  • # : Ganti dengan URL produk atau jasa yang berikan.
  • Iklan oleh Inwepo.co : Ganti dengan nama Blog kamu.

4. Selesai. 

Berikut adalah tampilan Slot Iklan Link yang telah terpasang di Blogger.

Sekian tutorial Cara Membuat Slot Iklan Link Seperti AdSense di Blogger. Semoga bermanfaat.

Cara Memasang Watermark Otomatis pada Gambar di Blogger

Watermark merupakan tanda pengenal yang merekat pada file. Baik itu gambar, video atau file lainnya. Biasanya watermark ini berbentuk nama atau gambar dan logo dari si pemilik foto tersebut. Dengan memasang watermark guna untuk menghindari terjadinya foto atau file tersebut dicuri oleh orang lain dan digunakan untuk kepentingannya sendiri tanpa seizin si pemilik foto aslinya

Dalam dunia Blogging memasang watermark menjadi hal yang ‘harus’, terlebih lagi jika konten pada Blog itu berisikan tutorial yang notabenenya harus memberikan gambar step-by-step.

Memasang watermark pada gambar yang akan dipasang ke dalam postingan blog biasanya dilakukan satu-persatu dengan di edit manual. Tentu hal itu sangat memakan waktu.

Namun, seiring dengan perkembangan zaman, kini orang yang ahli dalam programmer dan meng-oprek template blog telah memberikan sebuah script kode yang memiliki fungsi untuk menampilkan watermark pada gambar secara otomatis.

Nah, pada artikel kali ini penulis akan memberikan sedikit tutorial singkat Cara Memasang Watermark Otomatis pada Gambar di Postingan BloggerJika kamu tertarik untuk memasangnya, kamu bisa simak dalam tutorial berikut ini.

Cara Memasang Watermark pada Gambar di Blogger 

1. Log in ke akun Blogger – Tema – Edit Html. 

2. Copy dan Pastekan kode Style CSS di bawah ini dan taruh tepat sebelum kode ]] ></b:skin> atau </style>. 

<style type='text/css'>
.separator{position:relative}
.separator::before{content:"Adan_alvnsyh";color:#fff;font-size:12px;font-weight:bold;position:absolute;
right:0px;bottom:8px;border:1px solid #3a3a3a;border-top-left-radius: 10px;;background-color:#3a3a3a
;padding:4px;opacity:.8;height:14px;line-height:14px}
</style>

Catatan:

Ganti Adan_alvnsyh dengan nama kamu atau blog kamu.

3. Simpan Tema. 

Berikut adalah tampilan watermark yang telah terpasang pada gambar di Postingan Blogger.

Sekian tutorial Cara Memasang Watermark Otomatis pada Gambar di Postingan Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

 

Membuat Tombol Share di Bawah Posting Blog

Tentu sudah tidak asing lagi dengan tombol share yang biasa terlihat di bawah posting blog, fungsi dari tombol share tersebut agar lebih memudahkan visitor untuk membagikan artikel yang sudah kita posting ke dalam beberapa media sosial seperti facebok, twitter, lintasme dan jejaring sosial lainnya.

Membuat Tombol Share di Bawah Posting Blog

Tanpa memasang tombol share ini sebenarnya blogger juga sudah menyediakan widget tombol share, namun apa daya karena tombol share default blogger tersebut tidak valid HTML5 jadi ada baiknya apabila kita modifikasi agar tombol share yang terletak di bawah posting blog agar bisa lolos dari validator W3C dan bisa valid HTML5.

Untuk membuat tombol share ini hanya menggunakan CSS saja tanpa menggunakan gambar, sehingga tampilan dari tombol share ini lebih sederhana dan minimalis dengan di sertai warna-warna yang menarik. Untuk memasang tombol share di bawah posting blog juga cukup mudah, hanya dengan menambahkan sedikit kode saja yang terdapat dibawah ke dalam Edit HTML template blog maka hasilnya seperti yang tertera pada gambar di atas. Untuk itu berikut tutorial untuk Membuat Tombol Share di Bawah Posting Blog agar valid HTML5 dan full color.

1. Login ke akun blogger.
2. Masuk ke Template lalu pilih Edit HTML.
3. Copy kode berikut ini lalu taruh di atas kode ]]></b:skin>

.widgetshare{font:bold 12px/20px Tahoma !important;background:#333;border:1px solid #444;padding:5px 4px;color:#fff !important;margin-top:10px}.widgetshare a{font:bold 12px/20px Tahoma !important;text-decoration:none !important;padding:5px 4px;color:#fff !important;border:1px solid #222;transition:all 1s ease}.widgetshare a:hover{box-shadow:0 0 5px #0f0;border:1px solid #e9fbe9}.fcbok{background:#3B5999}.twitt{background:#01BBF6}.gplus{background:#D54135}.digg{background:#5b88af}.lkdin{background:#005a87}.tchno{background:#008000}.ltsme{background:#fb8938}

4. Selanjutnya copy kode berikut ini, lalu taruh di bawah kode <data:post.body/> atau bisa juga <div class='post-footer'>

<div class='widgetshare'>
Share artikel ke:
<a class='fcbok' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='&quot;https://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='&quot;https://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='tchno' expr:href='&quot;https://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
<a class='digg' expr:href='&quot;https://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='https://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");
//]]>
</script>
</div>

5. Langkah terakhir tinggal Simpan template lalu lihat hasilnya.

Demikian tutorial untuk Membuat Tombol Share di Bawah Posting Blog. Perlu diperhatikan dalam langkah pemasangannya, biasanya didalam template blog terdapat beberapa kode <data:post.body/> dan <div class='post-footer'> maka dari itu silahkan sesuaikan dengan template blog yang anda gunakan.

Memasang View Counter dengan Firebase

Memasang View Counter dengan Firebase


Postingan kali ini Arlina Code akan berbagi tentang cara Memasang View Counter dengan Firebase.

Bagi yang ingin mencobanya, silakan ikuti langkah berikut :

1. Terlebih dahulu, buat akun Firebase di sini Firebase

Sign Up Firebase

2. Setelah membuat akun, akan muncul halaman dashboard. isi data aplikasi baru di kolom formulir kiri bawah seperti contoh di bawah ini, klik create new app. 

Data Aplikasi Firebase

Setelah itu klik manage app


Manage Aplikasi Firebase

Setelah terbuka, salin url aplikasi dan pastekan di notepad

Salin URL Aplikasi

Sebelum beranjak ke langkah selanjutnya, pastikan di template blog sobat sudah terdapat jQuery library. Jika belum ada pasang kode di bawah ini sebelum </head>

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>

3. Langkah selanjutnya, buka blogger > Template > Edit HTML, salin kode di bawah ini tepat sebelum ]]></b:skin> atau </style>

.post-header-line-1 {overflow:hidden}
.viewers{margin:10px 0;display:table;background:#fefefe;color:#333;padding:6px 12px;box-shadow:inset 0 0 0 1px #c9c9c9;cursor:default;font-weight:bold;transition:all .3s ease-out}
.viewers:hover {background:#aaa;color:#fff;box-shadow:inset 0 0 0 1px #888;}
.viewers .loading {display:inline-block;width:20px;height:20px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijq3cjBSgng5xGOdVqWGXu3pEcg3obrSd-rLXuXMAV7VNok-R8CPYK4BDxGTOW2sA8mYJFu0xVo2vBJGVLOfBSWhxKtsEcYlTN0ELMkMM1U50sPKlyYNhm11y-11BvQ9wh3YAQvwoyB6Fh/s1600/loader.gif') no-repeat 0 0;vertical-align:middle}

Kemudian salin kode di bawah ini tepat sebelum </body>

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// View counter
$(function(){var a=$(".viewers");a.each(function(){var n=$(this).attr("id"),e=new Firebase("https://arlinadesign.firebaseio.com/"+n);e.once("value",function(n){var i=n.val();null==i?i=1:"/"!=window.location.pathname&&i++,e.set(i),a.children("span").removeClass("loading").html(i)})})});
//]]>
</script>
</b:if>

Ganti kode yang ditandai dengan url data aplikasi yang telah disimpan di notepad tadi

Selanjutnya cari kode di bawah ini

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

Kemudian ganti menjadi seperti ini

<div class='post-header'>
<div class='post-header-line-1'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='viewers' expr:id='&quot;obs-&quot; + data:post.id'>Dilihat&amp;nbsp;<span class='loading'/>&amp;nbsp;Kali</div>
</b:if>
</div>
</div>

Catatan : Pasang kode di atas pada post-header yang ada di dalam markup post, seperti di bawah ini

<b:includable id='post' var='post'>
...
...
<div class='post-header'>
<div class='post-header-line-1'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='viewers' expr:id='&quot;obs-&quot; + data:post.id'>Dilihat&amp;nbsp;<span class='loading'/>&amp;nbsp;Kali</div>
</b:if>
</div>
</div>
...
...
</b:includable>

4. Simpan template.

Catatan : Angka pada tampilan post bukanlah tampilan yang sebenarnya, karena pada akun free firebase akan dibatasi. Jika tidak ingin dibatasi silakan daftar dengan akun firebase premium yang tersedia di situsnya.

Untuk selebihnya bisa sobat kreasikan kembali, terima kasih.

Referensi : https://obesitystrike.blogspot.com/2015/01/membuat-post-view-counter-untuk-blogspot.html

Membuat Headline Breaking News di Blog

 Sebenarnya Membuat Headline Breaking News di Blog ini sama seperti widget recent post atau latest post namun hanya saja pada widget headline breaking news ini berbentuk horisontal seperti navigasi yang biasanya di pasang diatas header atau di bawah navigasi menu atau bisa juga di atas footer blog


Membuat Headline Breaking News di Blog

Pada widget headline breaking news ini nantinya akan memunculkan setiap artikel terbaru pada sebelah kiri dan disebelah kanannya terdapat widget jejaring social media. Untuk memasang widget headline breaking news ke dalam blog caranya cukup mudah, Anda hanya perlu menambah widget dan bisa mengaturnya untuk bisa ditaruh dimana tempat yang Anda sukai dengan menggeser bagian elemen tata letak layout blog. Untuk melihat seperti apa memasangnya ke dalam blog.

Cara Membuat Headline Breaking News di Blog


1. Login pada akun blogger.

2. Masuk ke Tata Letak blog dan tambahkan widget.

3. Copy kode berikut ini lalu masukan kedalam widget HTML/Javascript.

<style type='text/css' scoped="scoped">
#news{background:#5cb3f5;border-bottom:5px solid #333;border-top:5px solid #333;display:block;float:left;height:20px;line-height:20px;overflow:hidden;padding:5px 30px;width:835px}.titlenews{background:#333;color:#fff;display:block;float:left;font:bold 12px/22px Tahoma;padding:9px;margin-top:-10px;position:absolute}#ltsposts{float:left;margin-left:120px}#ltsposts ul,#ltsposts li{list-style:none;margin:0;padding:0}#ltsposts li a{background:none !important;color:#fff !important;font:bold 12px/22px Tahoma;text-decoration:none}ul.shsocial{background:#333;float:right;margin:-8px 0}ul.shsocial li{float:left;list-style:none outside none;border:none}ul.shsocial li a{background-color:transparent;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPOxGFnnaMlFzXXwm3ZA9hQVS2mFQq9m8pmAwg3colwJpCHXnjty4ntLMwHwZh5PVhJD2nXMNyjlQx8CQu_IzJ9vSfgz-MD1viNTimmIB37ErwOwBAoNcoEoTplyNnxWdASCw_vz5JDrJm/s1600/spice-social-gadget-sprite.png);background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:#fff;direction:ltr;display:block;height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all .2s ease 0s;width:32px }ul.shsocial li.fb a{background-position:0 0 }ul.shsocial li.gp a{background-position:-96px 0 }ul.shsocial li.rs a{background-position:-192px 0 }ul.shsocial li.tw a{background-position:-256px 0 }ul.shsocial li.fb a:hover{background-position:0 -32px }ul.shsocial li.gp a:hover{background-position:-96px -32px }ul.shsocial li.rs a:hover{background-position:-192px -32px }ul.shsocial li.tw a:hover{background-position:-256px -32px }
</style>
<div id='news'><span class='titlenews'>Latest Post</span>
<div id='ltsposts'>Loading...</div>
<ul class='shsocial'>
<li class='fb'>
<a href='#' rel='nofollow' target='_blank' title='facebook'>
</a></li>
<li class='gp'>
<a href='https://www.blogger.com/profile/07405635929635938311' rel='nofollow' target='_blank' title='blogger'>
</a></li>
<li class='tw'>
<a href='#' rel='nofollow' target='_blank' title='twitter'>
</a></li>
<li class='rs'>
<a href='https://feeds.feedburner.com/FEED-BLOG-ANDA' rel='nofollow' target='_blank' title='rss'>
</a></li>
</ul>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://www.arlinacode.com', // Replace With your Blog Url
numpostx = 20; // Maximum Post
$.ajax({
url: ''+url_blog+'/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
type: 'get',
dataType: "jsonp",
success: function(data) {
var posturl, posttitle, skeleton = '',
entry = data.feed.entry;
if (entry !== undefined) {
skeleton = "<ul>";
for (var i = 0; i < entry.length; i++) {
for (var j=0; j < entry[i].link.length; j++)
{
if (entry[i].link[j].rel == "alternate")
{
posturl = entry[i].link[j].href;
break;
}
}
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
}
skeleton += '</ul>';
$('#ltsposts').html(skeleton);
function tick(){
$('#ltsposts li:first').slideUp( function () { $(this).appendTo($('#ltsposts ul')).slideDown(); });
}
setInterval(function(){ tick () }, 5000);
} else {
$('#ltsposts').html('<span>No result!</span>');
}
},
error: function() {
$('#ltsposts').html('<strong>Error Loading Feed!</strong>');
}
});
});
//]]>
</script>

Keterangan:

Ganti https://www.arlinacode.com dengan URL alamat blog Anda.

Ganti Tulisan # ganti dengan ID masing-masing.

4. Setelah semua sudah di ganti dengan benar langkah terakhir tinggal klik Simpan.


Untuk menentukan dimana letak widget breaking news tersebut bisa sesuaikan dengan blog Anda dengan menggeser elemen tata letak.

Arti Nama Dan Istilah

Akronim dan Singkatan 2G generasi kedua 3G generasi ketiga 4G Generasi ke-4 ALG gateway tingkat aplikasi APN access point name (...