Showing posts with label Tutorial Blogger. Show all posts
Showing posts with label Tutorial Blogger. Show all posts

Thursday, October 31, 2019

- October 31, 2019

Cara Membuat Tombol WhatsApp Live Chat di Blog

Membuat Tombol WhatsApp

WhatsApp merupakan aplikasi chat messenger yang terdapat di perangkat smartphone dan bisa di gunakan untuk menelpon maupun mengirim pesan berupa text, gambar, video, visual suara, bahkan yang lebih canggihnya bisa video call. Aplikasi whatsapp messenger memang sangatlah populer di masa sekarang ini rata-rata setiap pengguna yang menggunakan smartphone android pastinya sudah memiliki akun whatsapp messenger.

Dan bagi yang belum menginstal aplikasi whatsapp silahkan dowload di google play store.Selain dari pada itu kita juga bisa memasang widget whatsapp messenger di blog, Maka dalam kesempatan kali saya admin blog ini akan membahas tentang cara dan bagaima memasang nya di blog, Untuk pemasangan terbilang sangatlah mudah, hanya menambahkan sebuah kode CSS atau HTML/Java
Script ke template blog.

Jika sahabat blogger semua berminat dan ingin menggunakan widget atau tombol whatsapp messenger live chat ke situs blog nya, tentunya ikuti dan simak baik-baik langkah atau tutorial sederhana nya yang akan saya paparkan di bawah berikut penjelasanya;

Langkah Memasang Tombol WhatsApp Mesengger Live Chat:

1. Masuk ke akun Blogger(www.blogger.com)
2. Kemudian pilih menu Tata Letak
3. Lalu Tambahkan Gadget
4 Setelah anda memilih opsi tersebut maka akan muncul dialog box halaman penambahan gadget dan pilih opsi HTML/Java Script maka akan muncul lagi dialog box halaman baru.
5. Lalu salin kode HTML/Java Script di bawah dan tempelkan ke kolom content widget dan biarkan judul widgetnya kosong, nah ini kodenya;
<style>
.floatwhatsapplivechat {
position:fixed;
bottom:2px;
left:0px;
background-color:none;
width:100%;
z-index:1000;
padding:2px;
margin:auto;
text-align:left;
float:none;
box-shadow: 0px -0px 0px #c0c0c0;
}
.tombolwhatsapplivechat {
border: 1px #56aa71 solid;
background-color:#2f7e49;
width:90%;
padding:4px;
text-align:left;
margin:0;
border-radius: 5px;
margin:auto;
text-align:left;
float:none;
}
.floatwhatsapplivechat a{
color:none;
}
</style>
<div class="floatwhatsapplivechat">
<a href="https://api.whatsapp.com/send?phone=6281234567895&text=Halo%20Selamat%20Siang%20Apa%20Kabarnya???" target="_blank"><img border="0" data-original-height="640" data-original-width="640" height="60" src="https://1.bp.blogspot.com/-8PVbJU6e12M/XbuowYnD2MI/AAAAAAAAFXs/xtjYBhEXLxsqxSjV72HUQH_A6-niL-yVQCLcBGAsYHQ/s1600/whatsapp%2Bchat%2Blive.gif" width="60" /></a></div>
6. Terakhir Save atau Simpan dan lihat hasilnya.

Demikian cara membuat tombol whatsapp live chat di blog, semoga bisa bermanfaat untuk semua nya salam blogger... dan selamat berkunjung, tinggalkan komentarnya ya...semoga sukses.

Friday, October 18, 2019

- October 18, 2019

Cara Mudah Menyembunyikan Widget Sidebar Blog

Seperti yang telah kita ketahui bersama bahwa banyak sekali situs yang menyediakan layanan untuk membuat blog gratis diantaranya adalah ada blogger(blogspot), wordpress, webly, dan yang lain lainya pokok nya banyak entar sahabat blogger cari di google penelusuran. Namun pada kesempatan kali ini, saya akan membahas bagaimana cara menyembunyikan widget sidebar blog khususnya blog blogger(blogspot).

 
Widget Sidebar Blog

Sebelum membahas lebih jauh tentang cara tersebut ada baiknya saya juga menjelaskan sedikit mengenai widget yang ada pada sidebar blog. Blog pada dasarnya tidaklah lengkap tanpa ada widget sidebar yang merupakan salah satu bagian dari blog blogger itu sendiri yang mana bisa menampilkan widget popular posts, label posts,latest posts,dan lain-lain sebagainya.Selain dari itu juga blog menjadi lebih menarik.

Namun hal demikian masih ada juga blog yang tidak menggunakan nya, malahan menghapus nya atau menyembunyikan agar tidak tampil di halaman beranda (home) blog nya dan halaman posts pages nya, maka selanjut nya akan saya share langkah dan tutorial menghilangkan nya ke sahabat blogger semua siapa tau ada yang ingin merubah tampilan blog nya menjadi berbeda dari tampilan awal template blog blogger milik anda.

Jadi untuk menerapkan kan nya ke blog sangat gampang dan mudah sekali, tinggal anda ikuti cara nya dengan tutorial lengkap dalam artikel ini yang akan saya paparkan di bawah secara singkat dan langkah-langkah nya sebagai berikut;

Cara Menyembunyikan Widget Sidebar Blog

1. Masuk ke dasbor blogger
2. Pilih menu tema
3. Klik tombol Edit HTML
4. Lalu klik dimana saja pada area kode dan tekan tombol Control + F atau Command + F pada keyboard pc(laptop) untuk membuka kotak pencarian di sudut kanan atas jendela kode dan tuliskan <div id='sidebar-wrapper'> kemudian tekan tombol Enter untuk mencari.

5. Jika sudah ketemu kode nya cari lagi kode <b:includable id='main'>
6. Salin dan tempelkan kode <b:widget cond='!data:view.isHomepage'id=HTML2' locked='false' title=" type='HTML'/></b:section></b:if>
7. Terakhir simpan tema dan lihat hasilnya

Keterangan:

Jikakalau widget nya masih muncul berarti cara yang saya bagikan di artikel ini tidak belaku lagi atau tidak berfungsi lagi namun anda bisa ulangi lagi dengan mencari <div id widget… pada sidebar seperti cara di atas kemungkinan akan hilang juga.


Nah..itulah tadi tutorial singkat yang bisa saya sampaikan kritik dan saran tinggalkan jejak untu berkomentar di bawah postingan artikel ini terimakasih banyak salam blogger.

Tuesday, October 8, 2019

- October 08, 2019

Cara Ampuh Mempercepat Loading Blog Blogger

Mempercepat Loading Blog

Mempercepat loading blog itu sangatlah penting bagi seorang publisher blog, mengapa harus demikian? memang jelas harus seperti itu karena apabila sebuah blog memiliki kecepatan dalam pemuatan pada saat dibuka atau diklik di browser internet maka blog tersebut mempunyai keistimewaan tersendiri.

Selain itu juga ada manfaat nya apabila situs blog mempunyai loading yang cepat, salah satu di antaranya adalah memudahkan pembaca atau pengunjung mengakses informasi dari isi konten artikel yang ada pada halaman situs blog.

Jika blog anda lambat loading maka pengunjung akan merasa tidak nyaman dan meninggalkan situs blog anda, untuk mengantisipasi hal yang di maksud tersebut, maka dalam kesempatan ini saya akan memberikan solusi agar situs blog anda menjadi lebih cepat loadingnya dari biasanya dengan menggunakan kode HTML/Java script yang sangat cocok bisa anda gunakan.

Supaya lebih jelas lagi tentang kode script ini maka perhatikan cara memenerapkan nya pada template blog yang akan diuraikan dibawah langkah dan tutorianya berikut ini;

Cara Ampuh Mempercepat Loading Blog Blogger

1. Masuk ke dasbor blogger

2. Pilih menu tema

3. Klik tombol Edit HTML

4. Lalu klik dimana saja pada area kode dan tekan tombol Control + F atau Command + F pada keyboard pc(laptop) untuk membuka kotak pencarian di sudut kanan atas jendela kode dan tuliskan </body> kemudian tekan tombol Enter untuk mencari.

5. Salin dan tempelkan kode HTML/Java Script di bawah tepat diatas kode </body> berikut ini kodenya;

// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container:window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://3.bp.blogspot.com/-xtM_7x0_cU4/XIok1BisovI/AAAAAAAAPUc/QGJpBJZ3QBM_Spkd9r3-SMurEUbRI1pOQCLcBGAs/s1600/loadingku.gif",effect:"fadeIn",threshold:"0"})});

6. Langkah terakhir simpan tema dan lihat hasilnya.






Nah, itulah tipsnya. Semoga artikel ini dapat bermanfaat bagi sahabat semua. Selamat mencoba dan, Sekian dan terima kasih...kritik dan saran tinggalkan jejak lewat kolom komentar dibawah artikel nya. salam blogger...

Saturday, October 5, 2019

- October 05, 2019

Cara Membuat Persentase Scrollbar di Blog Blogger

Membuat Persentase Scrollbar

Bagi anda yang sudah mempunyai sebuah blog pastinya menginginkan tampilan blognya lebih indah lagi agar enak di pandang para pengunjung blog anda maupun anda sendiri.

Jadi dalam kesempatan kali ini saya akan menshare beberapa kode CSS dan HTML/Java Script yang bisa menjadikan scrollbar pada bilah samping kanan blog anda berbeda dengan sebelum nya.

Namun jika anda berminat menggunakan kode nya nanti setelah di uraikan atau di jelaskan langkah penerapan nya di bawah.

Nah sebelum melangkah lebih jauh lagi maka saya jelaskan sedikit tentang kode tersebut kalau kode nya sudah di pasang ke template blog dan fungsi dari kode itu adalah pada saat scroll di gulir ke atas ataupun kebawah maka akan muncul sebuah efek  yang di sebut persentase (persentase scrollbar).

Untuk lebih jelas mengenai cara membuatnya simak dan pahami langkah dan tutorial nya berikut ini;

Cara Membuat Persentase Scrollbar di Blog Blogger:

1. Masuk ke dasbor blogger
2. Pilih menu tema
3. Klik tombol Edit HTML
4. Lalu klik dimana saja pada area kode dan tekan tombol Control + F atau Command + F pada keyboard pc(laptop) untuk membuka kotak pencarian di sudut kanan atas jendela kode dan tuliskan ]]></b:skin> kemudian tekan tombol Enter untuk mencari.
5. Salin dan tempelkan kode CSS atau HTML/Java Script di bawah tepat diatas kode ]]></b:skin> berikut ini kodenya;

#scroll {
display: none;
position: fixed;
top: 0;
right: 17px;
z-index: 500;
padding: 3px 8px;
background-color: #2D2DFF;
color: #FFFFFF;
border-radius: 3px;
}
#scroll:after {
content: " ";
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2D2DFF;
}
Keterangan;
  • Angka yang diberi tanda warna merah 17px ganti dan sesuaikan jarak antara efek presentase scrollbar dengan scrollbar bilah samping blog anda.
  • Kode warna yang diberi tanda warna blue(biru) #2D2DFF ganti sesuai selera warna favorit anda untuk efek scrollbar presentase nya.
  • Pada kode warna #FFFFFF anda ganti dengan warna sesuai pilihan hati untuk angka pada efek presentase scrollbar nya.
6. Langkah selanjutnya Kembali lagi ke kotak pencarian di sudut kanan atas jendela kode dan tuliskan </head> kemudian tekan tombol Enter untuk mencari jika sudah ketemu salin dan tempelkan kode <div id='scroll'></div> dibawah kode </head> nya.
7. Dan langkah terakhir kembali cari lagi kode </body> dan salin kode html/javascript dibawah lalu tempelkan tepat di atas kode </body> nah in kodenya;

<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
//]]>
</script>
8. Kemudian langsung simpan templatenya


Nah, itulah Cara Membuatnya. Semoga artikel ini dapat bermanfaat bagi sahabat semua. Selamat mencoba dan, Sekian dan terima kasih...

Friday, October 4, 2019

- October 04, 2019

Cara Membuat Scrollbar di Blog Dengan Mudah

Membuat Scrollbar di Blog

Memperindah scrollbar di blog mempunyai daya tarik tersendiri selain berfungsi sebagai hiasan yang dapat mempercantik tampilan blog anda dengan menambahkan effect-effect ini dapat membuat ciri khas dari blog kita sehingga pengunjung blog dapat menjadi tertarik dengan blog anda.

Membuat scrollbar effect di blog ini juga tidak terlalu sulit dan terbilang sangat mudah selain itu juga anda bisa merubah warna dari effect dengan kode warna yang sudah tersedia di internet, atau kode di bawah sesuai selera masing-masing bila anda berminat memasang nya di blognya.

Jadi untuk menerapkan cara tersebut cukup dengan menggunakan kode HTML ke template blog yang saya akan uraikan lebih detail dibawah beserta dengan tutorialnya anda hanya simak dan salin kode tersebut ke blog nya nanti setelah di paparkan berikut ini.

Cara Membuat Scrollbar di Blog

1. Masuk di Dasbor Blogger 
2. Buka halaman Template lalu pilih menu Tema
3. Klik pada tombol Edit HTML
4. Klik di mana saja di area kode
5. Tekan tombol [Control + F] atau [Command + F] untuk membuka kotak pencarian di sudut kanan atas jendela kode, kemudian tuliskan kode ]]></b:skin>
6. Tekan tombol Enter untuk mencari, jika sudah anda menemukan kode ]]></b:skin> kemudian salin dan tempelkan kode HTML berikut dibawah tepat di atas kode ]]></b:skin>

/* scrollbar effect */
::-webkit-scrollbar {
width:15px; height:7px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba( 106, 53, 42 );
background:#FFE5CC;
}
::-webkit-scrollbar-thumb {
background: rgba(28,119,229,0.7);
-webkit-box-shadow: inset 0 0 6px rgba( 205, 59, 28 );
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba( 238, 180, 168 );
7. Kemudian Save Template
Keterangan:
Anda bisa ganti #FFE5CC dengan kode warna yang anda inginkan.
Untuk ukuran ganti lebar scrollbar rubah angka yang sudah di beritanda warna merah width:15px; height:7px

Demikian cara membuat scrollbar di blog dengan mudah. semoga bermanfaat dan terimakasih atas kunjungannya. dan bisa anda memberikan komentarnya dibawah postingan ini. mohon dipahami jikalau ada salah eja dari isi artikel singkat nya wasalam salam blogger.

Friday, September 6, 2019

- September 06, 2019

Belajar Membuat Widget Selamat Datang




Membuat Widget Selamat Datang Di Blog

Inovasi dan kreatif dari seorang design blog begitu banyak di internet salah satu nya widget blog blogger yang bisa kita gunakan untuk menyambut para pengunjung blog selain itu juga bisa memper indah tampilan blog dan biasanya orang menyebutnya widget tulisan selamat datang di blog. Dan seingat saya widget ini dulu sangat populer.

Namun sekarang ini sudah jarang yang menggunakan nya termasuk blog ini juga, itulah sebabnya dalam kesempatan ini saya akan publisasikan nya kembali pada artikel ini siapa tau diantara sahabat blogger semua ada yang berminat ingin memasang widget tersebut pada blog kesayangan nya.

Apakah anda berminat?. Jika iya maka selanjutnya kita akan belajar cara membuat nya dan ikuti tutorial dibawah supaya anda dengan mudah memahami langkah-langkah penerapanya di template blog milik anda sendiri, dan mengenai performa tidak akan membebankan pemuatan pada halaman situs blog anda nantinya karena kelebihan dari fitur nya responsif fast loading.

Berikut langkah dan cara membuat nya simak dan pahami lalu praktekan ke situsnya.

Cara Membuat Tulisan Selamat Datang di Blog Blogger

1. Masuk di Dasbor Blogger
2. Lalu buka halaman menu Tema
3. Kemudian Klik pada tombol Edit HTML
4. Selanjut Klik di mana saja di area kode Tekan tombol [Control + F] atau [Command + F] untuk membuka kotak pencarian di sudut kanan atas jendela kode. kemudian tuliskan kode </head>
5. Tekan tombol Enter untuk mencari, jika sudah menemukan kode </head> lalu salin dan tempel kan kode HTML Java Script di bawah tepat di atas kode </head> atau kode &lt;/head&gt;&lt;!--<head/>--&gt; karena masing-template blog berbeda kode strukturnya nah inilah kodenya;
<script type='text/javascript'>alert("Selamat Datang Di Blog Sederhana IYASEO ID")</script>

6. Jika anda sudah tempelkan kode HTML Java Script widget selamat datang di blog pada templatenya kemudian arahkan kursor mouse anda ke tombol Simpan tema di bagian diatas  dasbor blog blogger anda.

Untuk lebih jelas langkah penerapannya berikut contoh dalam bentuk gambar dibawah ini:





Keterangan;
Ganti tulisan "Selamat Datang Di Blog Sederhana IYASEO ID" dengan tulisan anda.

Nah sampai disini saja belajar membuat widget selamat datang untuk hari ni nanti di sambung lagi pada artikel selanjutnya semoga bisa bermanfaat bagi sahabat blogger semuanya salam blogger.

Wasallam...

Thursday, September 5, 2019

- September 05, 2019

Belajar Membuat Pointer Mouse Blog Blogger

Membuat Pointer Blog Blogger

Bagi sahabat blogger yang mau merubah tampilan pointer atau cursor mouse pada blog blogger nya, artikel inilah tempatnya dan lengkap. Agar tampilan pointer yang ada pada blog nya bisa anda ubah dengan tampilan yang baru maka dari itu saya akan tunjukan beberapa langkah untuk belajar membuat pointer di blog blogger menjadi menarik dan indah di pandang.

Bagaimanakah cara merubahnya? dan seperti apakah tampilan nya? cara mengubah pointer di blog blogger sangatlah mudah salah satu cara terbaik adalah menambahkan kode HTML javascript pada template blog, mengenai tampilan nya sebenarnya tidak merubah tampilan default pointer.

Jika anda masih penasaran dengan apa yang sudah saya jelaskan diatas atau tentang hal ini nanti anda buktikan sendiri setelah mengikuti tutorialnya dan di terapkan ke blognya, jangan berlama-lama menuju ke Tkp sajalah simak berikut di bawah ini;

Cara Membuat Pointer Blog Blogger Dengan Mudah

1. Masuk di Dasbor Blogger atau buka halaman Template
2. Kemudian pilih menu Tata Letak
3. Lalu pilih dan Tambahkan Gadget
4. Jika sudah muncul tab halamam baru pilih widget yang ada tulisan HTML/JavaScript
5. Setelah itu salin kode HTML/JavaScript dibawah kemudian tempelkan kode nya ke dalam kolom widget dan untuk nama judul widget biarkan saja kosong ini kodenya;
<script language="JavaScript" type="text/javascript">var xCol = "#FF0000";var yCol = "#FFFF00";var zCol = "#0000FF";var n = 6; //number of dots per trail.var t = 40; //setTimeout speed.var s = 0.2; //effect speed.var r,h,w;var d = document;var my = 10;var mx = 10;var stp = 0;var evn = 360/3;var vx = new Array();var vy = new Array();var vz = new Array();var dy = new Array();var dx = new Array();var pix = "px";var strictmod = ((document.compatMode) &&document.compatMode.indexOf("CSS") != -1);var domWw = (typeof window.innerWidth == "number");var domSy = (typeof window.pageYOffset == "number");var idx = d.getElementsByTagName('div').length;for (i = 0; i < n; i++){var dims = (i+1)/2;d.write('<div id="x'+(idx+i)+'" style="position:absolute;'+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'+'left:0px;width:'+dims+'px;height:'+dims+'px;'+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'+'left:0px;width:'+dims+'px;height:'+dims+'px;'+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');}if (domWw) r = window;else{if (d.documentElement &&typeof d.documentElement.clientWidth == "number" &&d.documentElement.clientWidth != 0)r = d.documentElement;else{if (d.body && typeof d.body.clientWidth == "number")r = d.body;}}function winsize(){var oh,sy,ow,sx,rh,rw;if (domWw){if (d.documentElement && d.defaultView &&typeof d.defaultView.scrollMaxY == "number"){oh = d.documentElement.offsetHeight;sy = d.defaultView.scrollMaxY;ow = d.documentElement.offsetWidth;sx = d.defaultView.scrollMaxX;rh = oh-sy;rw = ow-sx;}else{rh = r.innerHeight;rw = r.innerWidth;}h = rh;w = rw;}else{h = r.clientHeight;w = r.clientWidth;}}function scrl(yx){var y,x;if (domSy){y = r.pageYOffset;x = r.pageXOffset;}else{y = r.scrollTop;x = r.scrollLeft;}return (yx == 0)?y:x;}function mouse(e){var msy = (domSy)?window.pageYOffset:0;if (!e) e = window.event;if (typeof e.pageY == 'number'){my = e.pageY - msy + 16;mx = e.pageX + 6;}else{my = e.clientY - msy + 16;mx = e.clientX + 6;}if (my > h-65) my = h-65;if (mx > w-50) mx = w-50;}function assgn(){for (j = 0; j < 3; j++){dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *Math.sin((stp+j*25)/2) + scrl(0) + pix;dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;}stp+=s;for (i = 0; i < n; i++){if (i < n-1){vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;}else{vx[i].top = dy[0]; vx[i].left = dx[0];vy[i].top = dy[1]; vy[i].left = dx[1];vz[i].top = dy[2]; vz[i].left = dx[2];}}setTimeout(assgn,t);}function init(){for (i = 0; i < n; i++){vx[i] = document.getElementById("x"+(idx+i)).style;vy[i] = document.getElementById("y"+(idx+i)).style;vz[i] = document.getElementById("z"+(idx+i)).style;}winsize();assgn();}if (window.addEventListener){window.addEventListener("resize",winsize,false);window.addEventListener("load",init,false);document.addEventListener("mousemove",mouse,false);}elseif (window.attachEvent){window.attachEvent("onload",init);document.attachEvent("onmousemove",mouse);window.attachEvent("onresize",winsize);}</script>

Berikut contoh penerapan kode HTML/JavaScript pada kolom widget blog blogger nya seperti gambar screenshot di bawah;


kode html java script pointer

6. Lalu Simpan
Keterangan:
Untuk warna nya ganti sesuai selera anda, yang bisa anda rubah adalah kode yang sudah di beri tanda berwarna merah seperti ini "#FF0000" "#FFFF00" "#0000FF" atau lebih jelasnya anda cek pada sumber dari kode HTML nya ini di situs blog bloggertutorial blogblogspot com


Nah... Selesai sudah Belajar Membuat Pointer Blog Blogger baca dan pahami dan berikan kritiknya di kolom komentar semoga dengan ada kritik dari anda semua blog ini bisa bermanfaat bagi semua yang beraktifitas lewat internet salam blogger.

Monday, September 2, 2019

- September 02, 2019

Belajar Berbagi Tips Seo dan Tutorial Blogger

Situs web yang menyediakan layanan pembuatan blog di internet saat ini sudah bermunculan sangat lumayan banyak. Hal itu di picu adanya budaya teknologi kekinian yang semakin maju berkembangan nya, untuk membuat blog di internet tentukan lah pilihan diantara nya mana yang mudah di gunakan dalam kegiatan blogging nya tentunya yang terbaik untuk anda.

Berbagi Tips Seo dan Tutorial Blogger

Website pembuat blog seperti Blogger.com dulu hanya di gunakan oleh para pengguna yang mahir, handal dan mempunyai keahlian khusus di bidang IT ataupun yang ahli pada bidang penulisan sebuah artikel. Tapi sekarang buktinya saya admin blog ini bisa menggunakan atau membuat blog dari website pembuat blog Blogger, pada hal saya profesi nya hanya seorang kuli bangunan yang mengandalkan informasi pengetahuan lewat search google.

Kenapa saya memilih dan membuat blog blogger? saya membuat blog dari web blogger di karenakan fitur-fitur yang di milikinya mudah, simple saat digunakan dan cocok buat saya pribadi. Banyak web pembuat blog bermunculan aplikasi dan fitur yang di tawarkan nya lengkap dan juga bagus-bagus semua. Meski berplatform blogger yang menggunakan domain blogspot.com gratis tapi fitur-fiturnya juga tidak kalah dengan situsweb yang menawarknan layanan pembuatan blog serupa lainya bahkan lebih lengkap.

Memang tidak semua situsweb penyedia pembuat blog bagus, harus di coba jika ingin membuat blog di blogger dan lihat ulasannya bagus atau tidak. Paling tidak buat blog yang standar dulu minimal satu saja sebagai langkah percobaan. Jika penasaran silahkan cari dan baca refrensi cara membuat blog di google penelusuran, Atau simak berikut beberapa langkah belajar membuat blog di website blogger.com. Dalam artikel ini akan menjelaskan ulasannya dibawah ini;

Sebelum melangkah lebih jauh saya akan perkenalkan terlebih dahulu tampilan halaman depan website blogger.com yang sudah saya screenshot gambarnya sebagai berikut;

blogger.com
https://www.blogger.com/
Nah sekarang kita lanjutkan kepembahasan nya, Hal terpenting yang harus kita lakukan sebelum membuat blog adalah persiapkan alat untuk browsing, apa alatnya yang dimaksud? ya pastinya dengan komputer,laptop,ponsel dan paket kuota data internet, karena tanpa alat-alat tersebut belum tentu kita bisa membuat blog kecuali ada yang gratis untuk alat nya bisa saja jadi' ok siap...

Belajar Membuat Blog Dan Tutorial Blogger Terbaru:

1. Buka halaman website blogger.com.
Langkah pertama untuk membuat blog dari blogger yaitu dengan membuka halaman website bloggerpada kolom browser penelusuran google, perhatikan dalam gambar di bawah;


Jika sudah di enter maka akan di alihkan ke tab halaman baru dan di halaman web tersebut ada dua pilihan SIGN IN dan CREATE YOUR BLOG kemudian pilih salah satunya berikut cuplikan halaman nya;


2. Masuk Dengan Akun Email Gmail
Apabila anda sudah klik pada pilihan tulisan tersebut maka akan menuju masuk untuk melanjutkan ke blogger, tetapi kalau anda belum pernah masuk sama sekali menggunakan akun email gmail.com maka halaman yang muncul seperti berikut ini;



Agar anda bisa menikmati semua layanan dari google silahkan daftar akun email atau gunakan nomor ponsel yang anda miliki, apabila anda sudah memiliki email gmail maka langsung masukan email nya di kolom yang ada tulisan email atau ponsel dan kemudian klik tombol berikutnya seperti gambar dibawah ini;

Dan selanjutnya akan ada tab halaman baru lagi, maka langsung saja masukan sandi email gmail milik anda pada kolom yang sudah tersedia yang ada tulisan masukan sandi anda lalu klik tombol berikutnya
3. Klik Tulisan Buat Blog Baru
Setelah halaman utama dasbor blogger terbuka klik lah tulisan "buat blog baru". Jadi untuk membuat blog anda pilih buat blog baru nah seperti gambar dibawah ini;





Kemudian akan ada muncul kolom untuk mengisi judul nama blog dan alamat url blog. Maka isilah kolom tersebut setelah itu pilihlah templete. lalu klik tombol dibawah yang ada tulisan buat blog



4. Pilih Tema atau Template 
Pilih templete sesuai dengan yang anda inginkan. Templete blog dapat dengan mudah dirubah jika anda kurang menyukai templete yang telah anda pilih, maka anda masih bisa anda pilih template-template yang lain biasanya ada dibawah.



Dan ditahap ini blog anda sudah jadi tinggal dikembangkan lagi melalui halaman entri untuk membuat postingan-postingan artikel.

Dalam dunia internet, website pembuat blog Blogger sudah bukan hal yang asing lagi. web ini sangat berguna untuk membantu seorang penulis blog agar blognya bisa menghasilkan uang dengan program google adsense. Apalagi di zaman yang serba modern ini, blog blogger banyak sekali yang menggunakan nya. Dan anda yang belum punya blog jika berminat segera buat blog dengan Blogger.com gratis lho.

Nah sekarang lanjut ke tahapan mengoptimasi blog penjelasan dan uraiannya baca di bawah ini;

Cara Singkat Optimasi Blog di Blogger

Apakah yang harus di lakukan setelah blog sudah jadi?

Setelah kita sudah membuat blog, tugas terpenting yang harus dilakukan adalah mengisi blog dengan konten-konten, agar blog yang di buat tersebut bisa bermanfaat bagi orang lain dan diri sendiri dalam hal ini mengisi blog dengan artikel yang berfaedah sesuai dengan tujuan dari blog yang anda buat.

Mengenai panduan cara membuat konten yang berkualitas dan tips-tips lainya anda bisa cari di searching google, karena di blog ini masih kurang artikel nya masih tahap proses belajar.

Namun dalam kesempatan ini saya akan memberikan tips cara mengoptimasi blog agar artikel blog yang anda buat bisa berada di halaman pencarian google dan cara yang akan saya bagikan pada artikel ini hanyalah cara singkat dan standar nya saja simak dan pelajari tips berikut di bawah ini;

1. Menulis Artikel
Dalam penulisan artikelpun tidaklah sembarangan menaruh judul postingan, tentukan juga keyword dan isi artikel harus berkaitan dengan konten yang dibuat dan yang terutama adalah artikelnya harus mudah di pahami oleh para pembaca atau pengunjung blog, pada hal saya sendiri masih amburadu menerapkan nya pada blog ini, nanti andalah yang kembangkan setelah anda membaca artikel ini.

2. Mengupload Gambar dan Video
Media penting yang harus ada di dalam konten artikel adalah gambar, media gambar begitu penting untuk meningkatkan daya minat atau rasa penasaran para pembaca atas konten artikel anda. Ada banyak blogger yang menyematkan media gambar sebagai daya tarik tersendiri dari suatu konten agar para pembaca lebih penasaran.

Sama halnya dengan video youtube dengan tumbnail gambar yang terkadang menyeleneh atau membuat orang penasaran. Jadi gambar sangat penting untuk anda sematkan di konten artikel anda.dan yang tidak kalah penting untuk anda sematkan di artikel anda adalah sebuah video yang mana bisa memberikan nilai tambah terhadap artikel nya

Selain itu ada juga media penting yang harus ada di artikel anda adalah infografis atau grafik yang mana juga memberikan gambaran secara lengkap dan rinci seperti apa artikel anda disajikan.

3. Submit Url Blog Ke Google Search Console
Ketika anda sudah melakukan dua hal di atas pada blog yang anda buat maka langkah selanjutnya submit url artikel yang sudah di publisasikan pada halaman entri blog anda ke google search console,untuk lebih jelas baca Cara Mudah Submit URL Artikel Blog ke Google Search Console 

Dan cobalah memulai mempelajari apa itu SEO, SEO sendiri akan sangat mempengaruhi blog anda jika sudah anda terapkan, dengan adanya SEO akan membuat blog anda lebih mudah ditemukan oleh pembaca nantinya. Semakin mudah terindeks blog anda oleh mesin pencarian google.

Nah itulah sedikit tutorial blogger dan tips seo dari saya untuk anda para calon blogger yang ingin membuat blog dengan blogger.com. Semoga artikel ini dapat bermafaan bagi anda sekalian yang ingin menggeluti dunia blongger.