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

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.

Monday, September 23, 2019

- September 23, 2019

Cara Mudah Pasang Kode Iklan AdSense Terbaru

Kode Iklan AdSense Terbaru

Tampilan iklan AdSense di situs blog sekarang ini berubah ukuranya mengapa demikian? karena google AdSense menyempurnakan unit iklan responsif agar performanya lebih baik lagi di desktop.

Maka dalam kesempatan kali ini saya akan share ke sahabat blogger yang belum tau cara untuk mengembalikan tampilan unit iklan nya seperti semula, sebelum ada perubahan baru-baru ini pada blog kesayangan anda.

Mau tau caranya seperti apa? simak dan perhatikan langkah mudah memasang kode iklan AdSense terbaru di blog blogger di bawah sebagai berikut:

Langkah pertama masuk ke dasbor blogger dan login dengan akun google nya kemudian pilih menu tata letak lalu tambahkan gadget selanjutnya pilih HTML/Java Script pada widget nya dan salin kode iklan AdSense berikut.;

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Iklan_ AdSense_970x90 -->
<ins class="adsbygoogle"
style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Keterangan:
1. Iklan_ AdSense_970x90 (ganti dengan nama unit iklan anda)
2. ca-pub-1234 (ganti dengan ca-pub adsense milik anda)
3. 5678 (ganti juga dengan kode slot iklan adsense milik anda)

Saturday, September 14, 2019

- September 14, 2019

Belajar Cara Membuat Widget Popular Posts Blogger


Barangkali sahabat blogger mau memperindah tampilan widget yang ada di sidebar blog blogger nya, karena pada kesempatan kali ini kita akan belajar cara membuat widget popular posts dan widget ini sebenarnya sudah banyak yang menggunakan nya.

Tetapi saya share kembali siapa tau diantara sahabat blogger semua berminat ingin merapkan widget tersebut.untuk membuat sidebar blog yang lebih cantik atau keren maka dari itu simak dan pelajari langkah-langkah atau tutorial dibawah.

Agar anda bisa pahami cara penempatan dari kode widgetnya ke template blog milik anda nantinya, perhatikan penjelasan nya berikut ini;

Cara memasang kode widget popular posts 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 di bawah tepat diatas kode ]]></b:skin> berikut kodenya;
.popular-posts ul{padding-left:0px;counter-reset:popcount}
.popular-posts ul li:before{list-style-type:none;margin-right:15px;padding:0.2em 0.5em;counter-increment:popcount;content:counter(popcount);font-size:16px;background:#2b2b2b;color:#fff;position:relative;font-family:georgia;float:left;border:2px solid #ddd;border-radius:15px}.popular-posts ul li{border-bottom:1px dashed #ddd;height:28px}.popular-posts ul li:hover{padding-left:10px;border:2px solid #FFF;background:#FFF}.popular-posts ul li a{text-decoration:none;color:#5A5F63}.popular-posts ul li a:hover{text-decoration:none;text-decoration:none;color:#2b2b2b}.popular-posts .item-thumbnail img{border-radius:100px; border-radius:100px; border-radius:100px;list-style:none}.popular-posts .item-thumbnail img:hover{ border-radius:0px;list-style:none; border-radius:0px}
6. Simpan tema

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.

Wednesday, September 4, 2019

- September 04, 2019

Belajar Membuat Contact Form Di Blog Blogger

Membuat Contact Form Di Blog Blogger

Dalam pembuatan blog saat ini sudahlah cukup mudah dilakukan sudah banyak tutorial yang tersedia di internet, namun terkadang dalam pembuatan blog sendiri banyak pengguna blog yang mengabaikan yang namanya contact form atau formulir kontak baik itu blog pribadi maupun blog online shop.

Padahal banyak manfaat dan kegunaanya salah satunya yaitu memudahkan pembaca atau pengunjung untuk berkomunikasi jika ada keperluaan yang ingin ditanyakan tentang apa saja yang berhubungan dengan konten-konten yang ada pada halaman sebuah blog.

Selain itu juga kita sebagai pemilik blog dapat dengan mudah merespon apa yang mereka ingin di tanyakan terhadap artikel yang sudah di publisasikan di halaman blog, seyogya nya layanan dan fitur nya mempermudah berkomunikasi antara pemilik blog(admin) dan pengunjung(pembaca) blog.

Maka dalam kesempatan ini kita akan belajar cara membuat contact from tersebut anda simak langkahnya dan barangkali anda bisa terapkan ke blognya berikut ini;

Cara Membuat Contact Form diblog blogger

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>

#ContactForm1{ display: none !important; }

7. Simpan tema 
Berikut contoh penerapan kode nya kedalam template seperti gambar dibawah ini:


kode html blog blogger


8. Setelah temanya di simpan lanjutkan ketahapan untuk memunculkan halaman contact form dan langsung saja pergi ke menu Halaman static lalu pilih "Halaman baru",
9. Jika sudah masuk di halaman postingan terlebih dahulu masukan nama judul contact form pada kolom penulisan Judul halaman
10. Kemudian pilih tulisan "HTML" disamping kanan tulisan Compose, selanjutnya salin kode HTML dibawah lalu tempel kan pada areal postingan halamana static ini kodenya;
<form name='contact-form'> <p></p> Name<br /> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' /> <p></p> Email <span style='font-weight: bolder;'>*</span><br /> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' /> <p></p> Message<span style='font-weight: bolder;'>*</span><br /> <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='button' /> <p></p> <div style='text-align: center; max-width: 222px; width: 100%'> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </div> </form>

Inilah contoh penerapan dan penempatan kode HTML nya seperti gambar di bawah ini;

halaman static blog

11. Langkah terakhir klik tombol Publisasikan yang terletak pada bagian atas kanan halaman static postingan blog.Dan lihat hasilnya apakah sudah muncul halaman contact form yang anda buat, untuk melihat nya pergi ke menu halaman static kemudian arahkan pointer tepat pada postingan halaman static yang sudah anda publisasikan seperti gambar berikut dibawah ini;

semua halaman blog

Note;
Untuk demo nya nanti anda lihat pada blog anda namun jika anda tidak berhasil menerapkan tutorial dari artikel ini anda bisa cek cara yang lain nya ada pada blog ini cari lewat search box blog.

Nah itulah hasil belajar membuat contact form diblog blogger semoga bermanfaat bagi anda semua kritik dan saran tinggalkan jejak lewat kolom komentar dibawah artikel nya. salam blogger...

Tuesday, August 27, 2019

- August 27, 2019

Cara Mudah Membuat Menu Drop Down Horizontal

Membuat Menu Drop Down Horizontal

Membuat Menu pada situsblog sangatlah perlu bagi seorang blogger kenapa demikian? karena menu yang ada dalam halaman sebuah situsblog itu mempunyai manfaat dengan tujuan untuk memudahkan pembaca dan pengunjung situsblog saat berkunjung ke situsblog tersebut dan sekaligus menjadikan situsblog blogger agar terlihat lebih keren dan juga profesional.

Struktur atau bentuk dari menu situsblog mempunyai bentuk gaya yang bermacam-macam jenisnya ada yang berbentuk horizontal dan vertikal atau drop down. Menu situsblog horizontal gayanya menyamping dari sebelah kanan ke sebalh kiri. Dan menu situsblog vertikal gayanya dari atas ke bawah.

Cara untuk membuat menu untuk situsblog bisa dilakukan dengan sangat mudah dan caranya diantaranya bisa anda langsung mengedit HTML pada template situsblog atau dengan menambahkan gadget ke template melalui tata letak pada halaman dasbor situsblog blogger milik anda.

Jika diantara pengguna baru blogger belum memahami cara membuat menu horizontal drop down pada situsblog maka simak dan terapkan cara dibawah ke situsblog nya berikut ini;

Berikut adalah Cara Membuat Menu Drop Down Horizontal;


1. Masuk ke akun Blogger Pilih menu Tema

2. Lalu Klik Edit HTML

3.  Cari kode ]]></b:skin>

4. untuk memudahkan nya tekan CTRL F Bersamaan

5. Lalu salin dan tempelkan kode HTML dibawah tepat diatas kode ]]></b:skin>

#Menu { background: #0573ce; width: 880px; height: 35px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #0573ce; font-weight: bold; margin-bottom: 30px; padding: 2px; } #box { width: 875px; float: left; margin: 0; padding: 0; } #punch { margin: 0; padding: 0; } #punch ul { float: left; list-style: none; margin: 0; padding: 0; } #punch li { list-style: none; margin: 0; padding: 0; } #punch li a, #punch li a:link, #punch li a:visited { color: #0573ce; display: block; font-size: 16px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: lowercase; margin: 0; padding: 9px 15px 8px; } #punch li a:hover, #punch li a:active { background: #0573ce; color: warna1; margin: 0; padding: 9px 15px 8px; text-decoration: none; } #punch li li a, #punch li li a:link, #punch li li a:visited { background: #0573ce; width: 150px; color: warna2; font-size: 14px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: lowercase; float: none; margin: 0; padding: 7px 10px; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; } #punch li li a:hover, #punch li li a:active { background: #0573ce; color: #0573ce; padding: 7px 10px; } #punch li { float: left; padding: 0; } #punch li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #punch li ul a { width: 140px; } #punch li ul ul { margin: -32px 0 0 171px; } #punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul { left: -999em; } #punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul { left: auto; } #punch li:hover, #punch li.sfhover { position: static; }

Contoh penerapan kode HTML nya dalam template seperti gambar berikut;

lalu edit html

tekan CTRL F Bersamaan


Note:

Silahkan anda ganti kode warna yang sudah admin beri tanda warna merah pada  kode HTML nya atau ganti dengan kode warna favorit yang anda sukai ,untuk kode warna anda bisa lakukan searching google banyak kode untuk warna-warna yang lebih keren.

6. Simpan Template dan agar keren lagi tampilan menu drop down horizontal nya pada situsblog blogger Anda, maka langkah selanjutnya adalah pergi ke "Tata Letak " halaman blog Anda lalu "tambahkan gadget " pada bagian sidebar atau yang lain di mana Anda ingin munculkan menu drop down horizontal

7. Pilih "HTML/JavaScript " pada menu widget 
8. Dan salin lalu tempelkan kode di bawah ini ke dalam "HTML/JavaScript " widgetnya dan biarkan Kolom Nama Judul nya di kosongkan

<div id="Menu">
<div id="box">
<ul id="punch">
<li><a href="#">Home</a></li>
<li>
<a href="#">Menu</a>
<ul>
<li>
<a href="#">Sub Menu</a>
<ul>
<li><a href="#">Sub Menu1</a></li>
<li><a href="#">Sub Menu2</a></li>
<li><a href="#">Sub Menu3</a></li>
</ul>
</li>
<li><a href="#">Sub Menu4</a></li>
<li><a href="#">Sub Menu5</a></li>
<li><a href="#">Sub Menu6</a></li>
<li><a href="#">Sub Menu7</a></li>
</ul>
</li>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
</ul>
</div>
</div>

Berikut Contoh penerapan kode HTML nya dalam template seperti gambar di bawah;
tambah gadget

tempel kode html nya



9. Selanjutnya ganti nama menu sesuai keperluan atau keinginan anda. dan ganti tanda # yang sudah diberi tanda warna merah dengan alamat URL menu situsblog yang anda inginkan lalu Klik SIMPAN

Jika posisi gadget menu drop down horizontal ini tersimpan pada sidebar maka geser atau pindahkan di tempat gadget halaman menu yang anda inginkan lalu langkah terakhir klik tombol SIMPAN SETELAN di bagian kanan atas dasbor blogger anda.




Nah, Jika sudah anda melakukan cara di atas dengan betul dan benar anda berhasil membuat menu drop down horizontal di situsblog milik anda dan apabila cara ini tidak berfungsi maka silahkan kritik dan saran di kolom komentar di bawah postingan artikel ini, terimakasih salam blogger.

Tuesday, August 20, 2019

- August 20, 2019

Cara Tambah Widget Komentar Terbaru Pada Sidebar

Tambah Widget Komentar Terbaru Pada Sidebar

Para pemilik blog pasti sudah tidak asing lagi dengan widget yang satu ini. Seperti apakah widget yang di maksud? yaitu widget recent comments (widget komentar terbaru), fungsi dari widget ini adalah menampilkan aktivitas komentar terbaru dari pengunjung yang mengomentari postingan artikel pada situs blog dan bisa di tampilkan pada widget sidebar.

Walaupun demikian, masih banyak yang belum tahu bagaimana caranya agar bisa menampilkanya ke sidebar blognya, bagi yang belum tau cara pasang nya maka dalam artikel ini saya akan membagikan beberapa langkah dan cara agar blog anda mempunyai widget recent comments, Caranya mudah hanya menambahkan kode HTML Java script pada template blog.

Berikut adalah Cara Memasang Kode Widget Komentar Terbaru:
1. Masuk ke akun Blogger
2. Pilih menu Tema
3. Lalu Klik Edit HTML
4. Cari kode </head> untuk memudahkan nya tekan CTRL F Bersamaan
5. Lalu salin dan tempelkan kode HTML Java script dibawah tepat diatas kode </head>

<script type='text/javascript'> //<![CDATA[ function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}} //]]> </script>

6. Lalu simpan Tema dan agar bisa tampil widget komentar terbaru ke sidebar blog blogger Anda, langkah selanjutnya adalah pergi ke "Tata Letak " halaman blog Anda lalu "tambahkan gadget " pada bagian sidebar atau yang lain di mana Anda ingin munculkan widget komentar terbaru.

7. Pilih "HTML/JavaScript " pada widget
8. Dan salin kode di bawah ini ke dalam "HTML/JavaScript " widgetnya.

<script>var a_rc = 5; var m_rc = false; var n_rc = true; var o_rc = 100;</script> <script src="https://www.iyaseo.id/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Catatan:
Ganti url blog yang diberi tanda warna merah dengan url blog milik anda dan anda juga dapat mengubah angka 5 berapa banyak komentar yang harus tampilkan dalam widget komentar terbaru atau sesuaikan setelannya sesuai yang anda inginkan.

9. Langkah terakhir simpan dan muat ulang situsblog Anda. dan lihat apakah widget Komentar terbaru ini bisa berfungsi pada situsblog anda.




Demikian sudah Cara Tambah Widget Komentar Terbaru Pada Sidebar. Jika tidak berhasil silahkan sampaikan di kolom komentar di bawah, ya. Nanti bisa di bantu sampai bisa.
- August 20, 2019

Cara Hapus Auto Read More Blog Blogger

Hapus Auto Read More Blog Blogger

Pada beberapa template blog standar maupun buatan seorang desain template blog lainya sering kita jumpai ada tulisan read more yang terdapat di sejumlah bagian deskripsi halaman postingan artikel pada sebuah blog, mungkin juga sebagian tidak dilengkapi dengan fitur read more. Padahal dengan adanya fitur tersebut cukup menunjang page view pada situs blog. Artinya bagian daripada langkah SEO.

Secara spesifik read more adalah fitur yang jika kita ingin membaca lebih lengkap tentang lanjutan isi sebuah artikel postingan pada situs blog atau bahasa kerenya yakni (baca selengkapnya), dan mengarahkan kursor lalu diklik ke fitur tersebut maka akan di alihkan kehalaman postingan yang selengkapnya.

Namun yang saya ingin share ke sahabat blogger semua disini adalah tentang cara bagaima menghapus fitur read more pada template situs blog, jikalau anda berniat ingin menghapus fitur yang yang sudah saya jelaskan di awal postingan atau yang saya maksud diatas, maka anda bisa langsung mengikuti langkah-langkah berikut;


Langkah-Langkah Menghapus Auto Read More Blog:

1. Masuk ke akun Blogger

2. Pilih menu Tema

3. Lalu Klik Edit HTML

4. Cari kode berikut :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>
</b:if>

5. Jika sudah anda menemukan kode nya hapus dan ganti dengan kode berikut di bawah ini;

<data:post.body/>

6. Selanjutnya langkah terakhir anda harus menghapus tulisan read more dan cari kode seperti dibawah atau yang lebih mirip dengan kode berikut ini;

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style='float:right;padding-right:10px;margin-top:10px;'>
<a class='morer' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>
Hapus lalu simpan tema selesai dan lihat hasilnya.


Demikian sudah Cara Hapus Auto Read More Blog Blogger. Jika tidak berhasil silahkan sampaikan di kolom komentar di bawah, ya. Nanti bisa di bantu sampai bisa. Cara ini sudah dicoba dan sukses seperti yang saya terapkan pula di blog ini.

Tuesday, August 6, 2019

- August 06, 2019

Cara Pasang Iklan Google Adsense Di Blog Blogger

Cara Pasang Iklan Google Adsense

Dengan adanya Teknologi yang semakin canggih Seperti Sekarang ini mendapatkan informasi dan segala sesuatu menjadi sangatlah mudah seperti halnya mencari produk atau jasa dan informasi dari berbagai sumber lain nya dengan menggunakan platform Google, dalam hal demikian internet itu sangatlah penting khususnya Google yang mempunyai produk dengan tekhnologi serba canggih.

Seperti fitur dari produk milik Google yang sudah dikenal oleh seluruh dunia yaitu Google Search (Search Engine) cukup hanya dengan memasukkan kata kunci atau keywoard pada kolom browser pencarian lalu di klik atau enter dan otomatis menemukan konten-konten yang dipublisasikan oleh situsblog maupun situsweb, dengan mudah diakses dan mendapatkan informasi hanya dalam waktu singkat dengan adanya jaringan Internet.

Produk dari google Selain dari Google Search, itu lumayan banyak diantaranya, Google Chrome, Google Bookmark, Google AdWords, Google Apps, Google Bisnisku, Google Adsense, Google Books, Google Berita, Google Maps, Google Earth, Google Scholar, Google Trends, Gmail(Email Google), Google Drive, Google Dokumen, Google Spreadsheet, Google Slide, Google Formulir, Google Drawing, Google Sites, Google Kalender, Google Terjemahan, Google Cloud Print, Google Keep, Blogger(blogspot.com), Google Groups, Hangouts, Google Code, dan masih banyak lagi produk yang lainnya.

Masing-masing produk google ini mempunyai fungsi dan kegunaanya juga manfaat bagi penggunanya dari salah satu diantara semua produk google yang dipaparkan diatas, Google sangatlah baik mengapa demikian? karena menurut saya Google telah menyediakan layanan terbaik dan bermanfaat bagi semua pengguna yang menggunakan produk-produk nya, seperti produk miliknya yang sudah tidak asing lagi bagi para publisher yakni Blogger(blogspot.com) yang sudah memberikan kesempatan untuk berkarya dengan imaginasi tersendiri dari penulis atau pemilik blog yang membuat konten artikel blognya dan dipublisasikan lewat halaman entri blog dengan layanan Blogger.

Selain membuat konten pengelola situsblog Blogger tidak lah lengkap jika situsblognya hanya diisi dengan artikel saja, agar sebuah situsblog bisa berguna dan bermanfaat bagi diri sipengelola situsblog maka dengan adanya program iklan yang dimiliki Google yaitu produk Google AdSensenya yang menyediakan program iklan AdSense.

Bagi pemilik situsblog atau situsweb untuk mendapatkan uang dari konten situsblognya dengan bergabung program dari Google AdSense dimana sipengelola situsblog yang memasang iklan dan menempelkan kode iklan di situsblognya akan mendapatkan penghasilan dari penayangan iklan tersebut.

Apakah anda sudah bergabung dengan google adsense? jika belum baca di artikel ini cara cepat di terima Google AdSense

Blogger merupakan Salah satu produk Google yang mempunyai manfaat yang cukup besar bagi seorang penulis(publisher) pada saat ini adalah dengan adanya produk layanan iklan Google AdSense selain bisa menghasilkan dan berbagi pengetahuan untuk orang lain Blogger juga bisa membantu seorang pembisnis dalam mempromosikan situsblog atau suatu produk dan barang jualan lewat program iklan AdWords agar banyak dikenal orang.

Diantara banyaknya situs yang menyediakan jasa iklan yang sudah ada saat ini, Blogger dan Google yang bisa menjadi pilihan yang tepat untuk di gunakan sebagai alat promosi karena fitur dan tekhnologi terdapat di dalam Blogger dan Google yang cukup lengkap di tambah lagi pengguna Blogger dan Google yang cukup banyak dan luas jaringannya seantero dunia.

Google AdSense menyediakan layanan gratis bagi pengelola situsblog untuk mendapatkan penghasilan berupa uang dari konten situsblog miliknnya. Namun terlebih dahulu harus menyediakan atau menempelkan kode iklan di situsblog dan memilih tempat dan lokasi penayangan iklan, Google AdSense akan bekerja secara otomatis dengan mencocokkan iklan text, gambar, link, search pada situs blog, berdasarkan konten dan pengunjung berbentuk sponsor pada situsblog.

Maka dalam Pembahasan artikel ini saya akan berbagi mengenai Cara Pasang Iklan di situsblog Blogger dan bisa di tampilkan dalam halaman depan blog dengan ukuran 300x250 px. sebagai contoh saya akan share dibawah dan Berikut langkah-langkahnya yang bisa anda ikuti;

Masuk di dasbor blogger lalu pilih ''Tata Letak'' lalu ''Tambahkan Gadget''. Kemudian akan muncul jendela baru yang berisi menu tab widget, selanjutnya pilih tab menu widget ''AdSense'' yang berada di bagian paling atas, dan selanjutnya pilih dan langsung klik tombol (+) yang berwarna biru Atau tulisan AdSensenya, berikut contoh dalam gambar di bawah ini;

tambahkan kode iklan adsense

megofigurasi kode iklan adsense


Setelah itu klik “Save” dan iklan Google Adsense akan segera muncul pada blog Anda.




Nah, itulah pembahasan tentang Cara Pasang iklan Google Adsense di blog memang sangat mudah dan Semoga saja akan menjadi lebih berguna bagi anda Okelah kalau begitu sampaikan salam Blogger.

Friday, August 2, 2019

- August 02, 2019

Cara Mudah Membuat Widget Label Posts Keren

label posts blog blogger


Sahabat blogger artikel kali ini saya akan berbagi tentang bagaimana cara membuat widget label post yang keren di sidebar blog blogger. Sebenarnya widget label ini sudah banyak pengguna blogger yang menggunakanya dan juga sudah banyak postingan artikel blog tentang widget label posts, namun saya juga ingin memposting artikel terkait dengan widget label tersebut agar blog ini bisa seperti mereka dan khususnya bisa berada di pencariaan google.

Karena hari ini admin baru sempat memposting artikel disebabkan oleh keterbatasan waktu sebab kebelakangan ini hanya menghabiskan waktu dan aktivitas mengotak-atik template blog ini agar bisa tampilan nya seperti sekarang ini itupun masih ada yang kurang entar kapan-kapan di refisi lagi, dan barulah hari ini saya admin bisa berbagi tentang hal ini kepada sahabat blogger semuanya.

Sebenarnya cara membuat widget label posts keren disidebar blog sangatlah mudah, semudah pada saat membuat popular post di blog yang sempat kemarin saya bahas dalam artikel blog ini. Pada dasarnya widgets label posts ini sudah ada semenjak kita mulai membuat blog blogger(default).

Widgets label posts bisa dibuat dengan menggunakan berbagai macam kode-kode, diantara nya CSS HTML Javascript. Namun untuk pengguna blogger yang belum mengerti cara menerapkan CSS HTML Javascript dan masih tetap memakai atau menggunakan widget label standar blogger.

Dan jika ingin membuat tampilan widget label posts nya lebih keren lagi di blognya, maka sahabat blogger yang masih baru tidak perlu khawatir karena masih banyak jalan untuk belajar dan solusinya di bawah ini adalah salah satu cara membuat widgets label posts yang keren yang nantinya bisa anda terapkan di blog bloggernya.

Berikut Cara Memasang Widget Label Posts di Blog Blogger;


1. Masuk ke Dasbor Blogger dengan akun Google Blogger Anda

2. Pilih dan Klik Tema > Lalu > Edit HTML

3. Selanjutnya Cari kode ]]></b:skin> untuk memudahkan nya tekan CTRL F Bersamaan

4. Lalu salin dan tempelkan kode dibawah tepat di atas kode ]]></b:skin>

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.label-size {background:#fff;display:block;float:left;margin:0 4px 4px 0;color:#999;font-size:11px;line-height:1.2;}
.label-size a,.label-size span{display:inline-block;color:#666;padding:6px 10px}
.label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;color:#999;}
.label-count:hover {color:#5e94ef;}
.label-size{position:relative;border:0;display:block;float:left;color:#fff;font-size:12px;margin:0 4px 4px 0;}
.label-size a{background:#fff;display:inline-block;color:#fff;border-radius:3px;border-bottom: 1px dotted #ddd;}
.label-size a:hover {background:#4267b2;color:#fff}
.label-size a:hover,.label-size span::hover{background:#4aa3df}


Langkah selanjutnya, klik Simpan dan lihat hasilnya.


OK..Nah..bagaimana tertarik bukan? Sebenarnya masih banyak lagi yang keren-keren sahabat blogger bisa nambah ilmunya di searching google disana nantinya bisa anda temukan widget yang lebih keren dari artikel ini,memasang banyak widget di blog juga akan membuat loading blog pun terasa lama dan berat. Oleh karena itu bagi sahabat blogger yang masih baru jika ingin menambah widget di blog blogger saya sarankan agar jangan terlalu berlebihan sama halnya seperti yang sudah admin sampaikan pada pembahasan artikel sebelumnya.

Selamat mencoba dan Semoga tutorial dan Cara Mudah Membuat Widget Label Posts Keren Di Sidebar ini bermanfaat. Salam Bloggers...
- August 02, 2019

Membuat Widget Popular Posts Di Sidebar

Cara Membuat Widget Popular Posts Di Sidebar

Setiap pengguna blogger sudah pasti sering menambah atau mengedit template blognya agar melihat tampilannya lebih keren dan juga lebih profesional dan pada saat untuk menambahkan kode kodenya masih bingung dalam menerapkan nya ke template blognya tersebut.

Misalnya widget yang berada di sidebar yang kurang menarik dengan tampilan yang diinginkan atau widget dari sidebar template tersebut masih belum cukup dan masih perlu atau ada yang ingin di tambahkan.

Artikel kali ini saya akan berbagi tips blog tentang bagaimana cara menambah atau menerapkan widget pada sidebar template blog yaitu widget popular posts yang keren dan profesional. Untuk menambah atau menerapkan widget popular posts ini pada sidebar template blog terbilang sangatlah mudah.

Tips ini juga bisa anda gunakan sebagai referensi untuk menambah tampilan template blognya menjadi lebih enak dipandang ketika ada pembaca dan pengunjung situsblog milik anda yang terdapat pada widget di sidebar.

Di dalam menerapkan widget popular posts ini adalah pada penempatan dari kode CSS yang harus tepat perhatikan langkah dan caranya berikut ini;

Berikut Cara Memasang Widget Popular Posts di Blog Blogger;


1. Masuk ke Dasbor Blogger dengan akun Google Blogger Anda

2. Pilih dan Klik Tema > Lalu > Edit HTML

3. Selanjutnya Cari kode ]]></b:skin> untuk memudahkan nya tekan CTRL F Bersamaan

4. Lalu salin dan tempelkan kode dibawah tepat di atas kode ]]></b:skin>
/* CSS Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{list-style:none;border:none;background:none;outline:none;margin:0;padding:0}
.PopularPosts ul{list-style:none;font-family:&#39;Oswald&#39;,Sans-Serif;font-size:13px;color:#919392;margin:.5em 0}
.PopularPosts ul li img{display:block;width:70px;height:70px;float:left;margin:0 15px 0 0;     border: 1px solid silver;padding: 2px;}
.PopularPosts ul li{background-color:#eee;counter-increment:num;position:relative;margin:0 10% 0 0;padding:10px}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a{font-weight:700;font-size:13px;color:#919392;text-decoration:none;transition:.5s linear;    font-family: Open Sans;}
.PopularPosts ul li:before{content:counter(num);display:block;position:absolute;background-color:rgb(247, 73, 73);color:#fff;width:30px;height:28px;line-height:25px;text-align:center;bottom:0;right:0;margin-top:15px;transition:.5s linear;    border-radius: 10%;font-size: 18px;    padding: 5px;}
.PopularPosts ul li:nth-child(1),.PopularPosts ul li:nth-child(2),.PopularPosts ul li:nth-child(3),.PopularPosts ul li:nth-child(4),.PopularPosts ul li:nth-child(5),.PopularPosts ul li:nth-child(6),.PopularPosts ul li:nth-child(7),.PopularPosts ul li:nth-child(8),.PopularPosts ul li:nth-child(9),.PopularPosts ul li:nth-child(10){background:#fff;color:#aaacab;    border-bottom:1px solid #EFEFEF;transition:all .5s linear;}
PopularPosts ul li:last-child{border-bottom:none;}
.PopularPosts ul li:hover:nth-child(1),.PopularPosts ul li:hover:nth-child(2),.PopularPosts ul li:hover:nth-child(3),.PopularPosts ul li:hover:nth-child(4),.PopularPosts ul li:hover:nth-child(5),.PopularPosts ul li:hover:nth-child(6),.PopularPosts ul li:hover:nth-child(7),.PopularPosts ul li:hover:nth-child(8),.PopularPosts ul li:hover:nth-child(9),.PopularPosts ul li:hover:nth-child(10){background-color:#fafafa;transition:all .5s linear;}
.PopularPosts ul li:hover .item-title a{color:#37B576;transition:all .5s linear;}
.PopularPosts ul li:hover:before{background-color:#37B576;color:#fff;transition:all .5s linear;}
.PopularPosts .item-thumbnail{float:left;margin:0 0 0 10px;}
.PopularPosts ul li .item-snippet {display:none;visibility:hidden;opacity:0;font-size:11px;color:#383838;transition:all .5s linear;    font-family: Open Sans;}
.PopularPosts ul li:hover .item-snippet {display:block;visibility:visible;opacity:1;transition:all .5s linear;}



Berikut ilustrasi dalam gambar contoh penerapan di dalam template Blog di bawah ini;

Membuat Widget Popular Posts Di Sidebar

Membuat Widget Popular Posts Di Sidebar



Langkah selanjutnya, klik Simpan dan lihat hasilnya.

Selamat mencoba dan Semoga tutorial dan Cara Membuat Widget Popular Posts Di Sidebar ini bermanfaat. Salam Bloggers...

Wednesday, July 24, 2019

- July 24, 2019

How to quickly receive Google Adsense

How to quickly receive Google Adsense

Hallo Friends Blogger, you have long been website website but have not joined with Google AdSense? You want to join Google AdSense but fear of being rejected when signing up for Google AdSense? Okay, just relax in this article we will share a quick way to be accepted by Google AdSense. These are:


What is Google Adsense and how does it work?


Google AdSense is one of the means that can be used to make money by the owners of the website because the potential to get profit through Google AdSense is fairly large. The bloggers are also many who use Google AdSense to earn profit. Surely Google AdSense is no stranger to the complainers of a website. However, there are probably still many who do not yet know what is Google AdSense. So in this article we will discuss about Google AdSense.


Google AdSense is a program owned by Google which is a cooperative program about advertising through internet media. Through this program, the owner of the website or blogger who has registered and has been approved membership by Google can install the ad unit on its webpage, where for the form and the advertising is determined by Google itself. After that the website owner or blog will benefit and there will be a share of profit with Google. These benefits are obtained based on the ad click of a Web visitor or blog, which is called a pay per click (PPC) or pay click System. In addition to providing Google AdSense ads also provides adsense for search, and ad referrals.


How does Google AdSense work? The way Google AdSense works in magnitude is that you first sign up for Google AdSense, if you have been accepted and are already a member of Google AdSense then you should provide a website ad space by pasting the ad code in the Site and set up a location to show that ad, then the ad appears on your webpage, where the Advertiser will bid to appear in the ad space you provide. Well, the most high paying ads will appear on the pages of your website or blog. You will then be paid if anyone sees and clicks on the ads on your webpage.

How to quickly receive Google Adsense:


1. Read the Google AdSense program policy first


The main thing you should know before signing up for Google AdSense is to know the Google AdSense program policies first. It is very important not only to sign up Google AdSense but it is important you know also when you are already a member of Google AdSense.


2. Check the web completeness


Before signing up for Google AdSense, first check your web's completeness, so that your web is not regarded as a web outwardly – outwardly. Such web features include a support page, a good navigation menu, a widget that is already good, as well as the presence of outbound links in order for your web to impress like a natural web, but you should note that the Web-link web that you install Related to the Web topic you're discussing.


3. Produce quality content


To be accepted by Google AdSense then the content in your web should be quality, then produce content-quality content. This is because a content is one that plays an important role in determining the quality of the web.


4. Web Access Speed


The speed of Web access is very important for you to note when you will sign up for Google AdSense because if your web has a great access speed then the opportunity to be accepted by Google AdSense is getting bigger.


5. Note the web Templete


Templete Web is also one of the important things that you should keep in mind that your web can be quickly accepted by Google AdSense. In using Templete try the templete that you use is simple but bright and tidy, so that your Web impressed very interesting.

Well, that's some way you can use your website to get Google AdSense quickly. Alright, that's the discussion of our article this time, hopefully this article can provide benefits and information to you. Thank.
- July 24, 2019

How to create articles for easy Trending

How to create articles for easy Trending





Friend bloggers are certainly in writing articles we always hope that the articles we write will be trending on the internet, right? However, sometimes what we expect does not match in reality. The article we write instead of trending is instead, of course we will feel sad if like that. Well, so that you are not sad after writing articles and articles that you write can be a trending topic, then see the description below about how to create articles for easy to trending.



1. Search for Popular topics


The first step before you should write an article should you think about a hot popular topic – the heat to discuss. After that make your article topic based on that popular topic, this can certainly make it easier for articles that you write to be trending topics. This can be done by reading information from Google Trends.



2. Define interesting and cool titles


Once you've determined the topic, you'll also have to specify a compelling and cool headline so many fans are reading your article. That is because in general a reader of articles before reading the content of the article will read the title first. If the title is not interesting usually the potential reader is not so read the content of the article you created.



3. Create a good URL


If the URL for the article you're creating is good, it will make it easier for people to share your articles on their social media. Of course if your articles are interesting and many of them are the most likely your article to be trending is huge.



4. Share the article on the right Canel


To make your articles a trending one of them is to share your articles, both through online and ofline media. But not necessarily will be a lot of interest because they are not interested in the topic you discussed. Well, if you share a followed article on a place that is interested in a topic that you are discussing you will have a big enough chance to make your articles become trending.




Well, that's a couple of ways to make your article so trending. Hopefully this information is useful. Thank.
- July 24, 2019

How to Avoid Bored Writing Blog Articles

How to Avoid Bored Writing Blog Articles


Hallo friends Blogger, usually in the first months is very diligent Ngeblok ya to write articles, it feels a passion once to write articles and always want updates post articles-new articles every day even you will be inclined Spend time blogging. However, as the months increase, sometimes it makes you more lazy to update posts with new articles. You start to be hit by lazy, bored and saturated to write articles on the blog. It is natural because it does any thing when it will surely experience a bored point too. So, how do I get tired of writing articles on the blog? Okay don't worry, because we'll give you some ways so you don't get bored of writing blog articles. The way is among others.


1. Always remember the start goal of the Blogging.


Everyone who makes a blog must have an initial goal that he wants to achieve, so if in the middle of you are Ngeblok you feel lazy remember the original purpose you ngeblok it for what. Surely it can give you the motivation not to get tired of writing articles.


2. Convince yourself that writing is a necessity.


If you can convince yourself that writing an article is a necessity then you can certainly feel that writing can be a very exciting thing you can do consistently.


3. Write to share and give motivation


By writing that accompanied by good intentions can be an opportunity to share with others, especially if the writing that we share to motivate others. Of course it can be your motivation to continue writing articles, so you will not feel bored in writing articles.



4. refresing


If you start to think about writing an article, then you can do refreshing so that your mind can be refreshed again. After refreshing believe me that the passion for writing articles will re-blazing.




Hopefully the above way can be useful for you to not get bored anymore in writing articles for blogs.
- July 24, 2019

Easy Tips to Become a Reliable Blogger

Easy Tips to Become a Reliable Blogger

Being a reliable bloger is an obligation for every blogger, many advantages that we can get when already become a hadal bloger, what a lot of advertising bids so that makes higher earnings, get a lot of blog visitors, And a wider insight, but to become a reliably bloger is not easy, it requires a high process and aplity/Sklil to achieve it. But that doesn't mean it's hard, and here we provide information on tips to become a reliable bloger:




1. Keep Learning


When you are Sudanese so bloger for a long time and you feel your excitement in the world Bloger has been many do not be complacent but keep learning to keep looking for information and learn what the blogging world is, do not need prestige to try Learn from other blog articles. By continuing to learn the Tentujnya will add new insight in the blog world, because the blog itself is something that continues to evolve with the change of this modern era. With you continue to learn new things from Bloger then you will not altitude with other professional bloger, because by learning you quite update with the development of the world Bloger.




2. Always have a target.


When you want to become a reliable bloger should you do not easily feel satisfied with the achievement that has been dadapat, continue to improve your skills in managing the blog and Continue to set a new target, when we mimili the target intended so we have Selahkah more advanced that make you more reliable in the Dinula blog.




3. Constantly train writing skills.


As Seotrang Bloger is of course identical to writing a content that will later be loaded in his blog, it is a practice to write a look at the spelling grammar and the EYD in writing you are doing repair, make the best possible if necessary Make writing content that is based on SEO, when you are proficient in the creation of new SEO content you can say as a reliable bloger.




And that's the easy tips to become a reliable bloger hopefully useful information and thanks

Tuesday, July 16, 2019

- July 16, 2019

Tips Membuat Blog dan Menulis Konten Berkualitas

Tips Membuat Blog dan Menulis Konten Berkualitas


Ketika Menulis sebuah artikel pada blog blogger yang kita miliki tentu harus mempunyai daya pola pikir tersendiri dan mempunyai imaginasi yang sangat luas, mengapa harus seperti itu? Karena hal seperti yang di maksudkan kadang dalam menulis isi konten pada halaman entri sebuah blog yang kita kelola hampir sama dan tujuan nya sama dengan penulisan artikel pada blog milik orang lain.




Maka jika menulis isi konten di usahakan perkuat lagi Pemahaman dan Imaginasi nya, mengapa demikian karena admin blog ini hanya mengandalkan dua perkataan tersebut, sedangkan isi konten blog ini masih dibawah standar di bandingkan dengan blog blogger pengguna lain nya yang isi konten blognya keren dan profesional, karena mereka mempunyai Pemahaman dalam berbahasa yang baik dan Imaginasi yang luas juga berpendidikan.




Menyinggung sedikit perkataan Pendidikan, yang admin maksud di sini adalah penulis atau author(admin) situs blog maupun situs web itu kebanyakan atau rata-rata mereka mempunyai kelebihan yang sangat luar biasa dan daya ingatan pemikiran nya luas juga imaginasi nya dalam penulisan artikel pada konten di situs blog maupun situs web nya.




Karena menurut pengalaman admin blog IYASEO.ID bahwa situs blog itu di kendalikan oleh admin atau pemiliknya yang sudah mendapatkan ilmu dari hasil belajar nya di bangku sekolah dan berkuliah dan mendapatkan gelar sarjana di bidang Teknologi Informatika, lebih-lebih lagi kalau ada pengalaman dan hobi nya mengenai Teknologi dan internet, bahkan sudah menjadi master, maka jangan heran jikalau konten blog nya sangat profesional dan berkualitas.




Tidak sama dengan admin blog ini hanya mengandalkan pengetahuan dari hasil pencarian informasi melalui Google Searching agar ada bahan untuk membuat sebuah artikel pada situs blog ini, “jujur ya sahabat Blogger”. kenapa harus seperti itu? Ada penyebab nya sehingga harus mencari informasi sedemikian, penyebab nya adalah pengetahuan dan pemahaman mengenai dunia internet masih kurang.




Keterbatasan ilmu Inilah yang membuat blog ini menjadi kurang pengunjung nya tetapi tidak mengapa saya akan berusaha kedepan nya agar bisa lebih baik lagi untuk menyajikan konten-konten pada setiap artikel nya dengan yang lebih fresh di banding dengan artikel yang sudah di posting sebelum nya, bukan hanya itu saja banyak sebenarnya, ada beberapa faktor penyebab blog ini kurang konten nya dan kurang pengunjungnya, jadi dalam kesempatan kali ini saya akan buka-bukaan bongkar rahasia sendiri situs blog ini. Berikut faktor penyebab kurang nya konten dan kurang pengunjung blog ini diantara nya adalah sebagai berikut:




1. Keterbatasan nya ilmu(Pendidikan)

2. Pemahaman berbahasa masih kurang(fasih)

3. Kurang bergaul(promosi blog)

4. Tidak mempunyai ide-ide terbaru(konten)

5. Fasilitas Internet(sinyal lemah)

6. Alat untuk browsing(pinjam laptop)

7. Pemula(proses belajar blogging)




Nah Cuma tujuh faktor di atas yang bisa saya bongkar rahasia dari blog ini untuk sahahabat blogger semuanya agar anda mengetahui kelemahan adminya jarang guys ada yang buka rahasia sendiri tentang situs blognya seperti yang di maksud, tapi saya akan mengambil satu poin penting diatas yaitu faktor keterbatasan ilmu,mengambil kesimpulan nya bahwa melakukan kegiatan dan beraktifitas didalam menulis artikel untuk konten blog yang lebih baik, profesional dan berkualitas itu tentunya mempunyai ilmu.




Karena tanpa ada ilmu pada diri seorang penulis blog tidaklah mungkin bisa mempersembahkan atau menyajikan sebilah topik atau artikel kepada pembaca dan pengunjung melalui postingan pada situs blognya. Tentang hal tersebut sahabat blogger semua sudah mengetahuinya kan.




Ilmu yang di peroleh dari bangku pendidikan sangat berharga nilai nya, biarpun berharga nilainya tapi masih ada juga anak-anak jaman sekarang masih malas untuk pergi menimba ilmu di sekolah, “wahai anak jaman sekarang” janganlah seperti admin blog ini. Gara gara tidak sekolah akhirnya jadi pengangguran dan sulit mendapat kan pekerjaan kepingin mau jadi seorang blogger juga membuat konten yang lebih professional dan berkualitas pun tidaklah sehebat para blog blogger lainya.




Memang membuat blog sangatlah mudah tetapi untuk mengisi konten di dalam blog itu sendiri tidak lah semudah yang kita bayangkan. Karena membuat konten yang lebih professional dan berkualitas akan mempengaruhi artikel postingan yang akan kita buat dan mempublisasikannya.




sebuah blog yang mempunyai konten menarik yang lebih professional dan berkualitas tentunya akan banyak diminati dan menarik banyak perhatian para pembaca dan pengunjung blog.




Namun dalam keterbatasan admin,dalam pembuatan konten menarik yang lebih professional dan berkualitas ini tentu akan berharap ke depanya belajar lebih giat lagi melalui guru besar saya yaitu search engine google.




Karena Menjadi seorang Blogger saat ini merupakan menjadi salah satu profesi yang cukup menjanjikan, penghasilan dari sebuah program google yaitu adsense yang membuat banyak orang tertarik menjadi seorang bloger. Namun untuk mendapakan penghasilan yang tinggi dari sebuah blog tidaklah mudah untuk sebuah blog dapat berhasil di intetnet, tentu untuk menjadi blogger yang yang sukses memerlukan standar profesionalitas yang tinggi, dalam pengerjaanya pun memerlukan kreatifitas dan ketekunan yang tinggi.Untuk itu disini akan saya memberikan tips bagaimna menjadi penggiat blog blogger yang lebih professional dan berikut tips nya:

1. Buat konten yang menarik banyak pembaca.

Yang terpenting dalam dunia bloger adalah tingkat kepuasan pembaca terhadap konten apa yang kita sajikan, jadi buatlah konten yang sekian ya menarik cobalah bahas sesuatu hal yang sedang menjadi tranding, gunakan moment moment tertentu sebagai materi pembahsan konten anda.

2. Sering update artikel terbaru

Usahakan ada terus update artikel setiap harinya agar blog anda terlihat aktif dan tidak terbengkalai, selain itu dengan anda terus update artikel pada tulisan pada blog anda hal tersebut membuat pembaca setia blog anda tidak pergi mencari informasi pada blog lain.

3. Pelajari bagaimana caranya optimasi SEO

Ketika anda sudah aktif bermain blog cobalah me mulai 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 maka akan berkesan bahwa blog anda sudah sangat professional.

4. Daftarkan blog anda pada google adsese

Tentu hal terpenting dari pembuatan sebuah blog adalah pendapatan yang akan kita dapat, maka dari itu daftrakan blog anda pada google adsese, dengan blog anda bisa mendapatkan penghasilan dari blog anda berdasarkan jumlah pengunjung yang datang, dengan mengkaitkan blog anda dengan google adsense dan kemudian memiliki bnyak pengunjung maka akan mendapat tawaran pemasangan iklan sehingga membuat blog anda seperti blog yang telah profesional




Ok cukup sekian itu adalah Tips Membuat Blog dan Menulis Konten Berkualitas. Semoga bermanfaat untuk anda tanpa anda saya bukan siapa siapa karena anda saya akan terus semangat membuat artikel dan terus bermanfaat untuk orang banyak sekian dan terima kasih wassallam...

Sunday, July 14, 2019

- July 14, 2019

Mesin Telusur Google Terpopuler Nomor 1 di Internet


Mesin Penelusuran Google Terpopuler Nomor 1 di Internet


Internet dari dulu sampai sekarang sudah menjadi kebutuhan bagi setiap orang untuk mendapatkan segala informasi baik itu berupa informasi tentang cara membuat blog, tips blogging, trik & tips SEO dan masih banyak lagi informasi yang bermanfaat lain nya. Seperti yang kita ketahui bahwa internet merupakan media tempat dimana kita mendapatkan informasi baik di dalam dunia maya maupun dunia nyata bahkan dunia lain heehehe...seram bangat, internet juga merupakan jembatan untuk berkomunikasi secara online dengan mennggunakan salah satu Jejaring sosial yang sudah sangat trend dikalangan masyarakat pada masa kini seperti Instagram,Facebook,Twitter,Whatsapp,BBM(Black Berry Massenger) dan lain sebagainya.


Postingan artikel kali ini, saya akan share tentang Search engine dalam hal point di atas bahwa mencari informasi di internet itu sangat lah mudah dengan menggunakan Mesin pencari atau search engine seperti Google. Alat Mesin pencari tersebut telah dibuat oleh perancang nya untuk di gunakan agar mempermudah pengguna internet menemukan informasi atau data yang diinginkan.


Mesin telusur (search engine Google ) berfungsi secara otomatis memaparkan hasil pencarian sesuatu informasi yang kita butuhkan. Cara kerja mesin telusur Google adalah dengan memasukkan kata kunci atau keywoard pada kolom browser pencarian kemudian enter atau klik menggunakan perangkat komputer atau seluler milik kita ke mesin telusur Google dan akan otomatis melakukan pencarian pada data artikel yang sudah di index oleh mesin telusur Google serta menampilkan hasil akurat dan relevan yang memuat kata kunci atau keywoard tersebut dari data mesin telusur otomatis Google yang sudah terindex atau tersimpan dalam list mesin telusur Google.


Google sangat istimewa khususnya media internet terbesar mesin pencari terkenal dan terpopuler di Dunia yang mempunyai jaringan terluas di Internet dan tekhnologi terdepan. Google mempunyai mesin penelusuran yang populer dengan Search Google. Mesin telusur google yang sangat istimewa ini mempunyai banyak manfaat bagi semua lapisan masyarakat di belahan dunia untuk mencari segala sesuatu informasi. dan merupakan salah satu Mesin Penelusuran Google terbesar dan terpopuler dan paling banyak digunakan oleh setiap orang yang ada di seluruh dunia ini untuk mencari informasi. Sudah di nobatkan menjadi Mesin Penelusuran Google Terpopuler Nomor 1 Dunia di Internet.

google searching jempol


Mesin Pencarian Google Sangat berguna bagi para blogger dalam membuat konten agar dapat meningkatkan pengunjung situsblog yang mereka kelola, Mesin Penelusuran Google memiliki banyak manfaat dalam kehidupan kita sehari-hari dengan mencari informasi di Google. Saya sendiri admin situsblog ini aktifitas saya hanya mencari informasi untuk membuat artikel sederhana untuk di publisasikan melalui entri blog ini agar dapat bermanfaat bagi semua pengguna internet dengan menemukan konten artikel blog blogger saya ini di mesin penelusuran Google(search engine google). Saya mencari informasi di Google seperti misalnya foto,video,musik,dan banyak informasi artikel lainya saya melakukan penelusuran di pencarian Google.

Berikut adalah cara mencari informasi pada situs Penelusuran Google:

Langkah Persiapan penting sebelum memulai pencarian informasi pada situs pencarian google adalah siapkan terlebih dahulu paket data kuota internet kartu atau sim card ponsel milik anda jika anda memakai wifi gunakan paket wifi yang lebih kuat jaringan sinyal nya lebih-lebih lagi ponsel anda saya sendiri memakai paket data kuota internet Telekomsel 37 GB karena telkomsel sedang lagi promo dengan memuaskan Kebutuhan Internet anda Dengan kartu simPATI, Kuota Hingga 37 GB. Cek Paketnya! Koneksi Terstabil. 4G LTE Tercepat. Jangkauan Terluas. Terbaik Untuk Smarphone. Brands: simPATI, kartuHalo, Kartu As, Loop. Sumber iklan promo Terbaru dan terkini dari Telekomsel.


Karena kartu data kuota internet tersebut akan di pakai dan gunakan untuk menjelajahi atau melakukan pencarian informasi pada situs pencarian Google, namun kalau paket data ponsel atau smartphone milik anda sudah terisi paket data kuota internet maka langsung saja melakukan pencarian informasi di google dan kalau belum mempunyai paket kuota segera isi paketnya di Telekomsel saja Ok.


Langkah selanjutnya melakukan pencarian informasi atau data pada situs penelusur Google nyalakan dan hidupkan smartphone/laptop pc anda lalu BUKA APLIKASI BROWSER GOOGLE CHROME ketikan URL situs resmi Google WWW.GOOGLE.COM atau WWW.GOOGLE.CO.ID pada kolom browser yang tersedia seperti dalam gambar contoh di bawah berikut ini:




Jika sudah tampil beranda home Google seperti gambar diatas ini maka langsung masukkan kata kunci atau keywoard pada kolom browser pencarian kemudian enter atau klik, contoh yang saya mau paparkan disini saya akan ambil kata kuci Google News sebagai data untuk menemukan informasi berita terkini yang sudah tayang pada situs Google Berikut gambar nya;


Google News

Nah kalau jndela layar sudah memaparkan hasil pencarian tentang google news pada browser chrome maka anda tinggal memilih kabar berita yang anda ingin mencari informasi tentang berita terbaru dan terkini, jika anda memilih menu judul  artikel google berita maka langsung saja anda klik maka selanjutnya akan memuat tampilan halaman baru dengan isi artikelnya berupa halaman yang menampilkan list berita terbaru pada headlines google berikut gambar headlines nya;

google news headline


Selanjut nya anda tinggal memilih dan klik pada judul artikel yang tertera di bawah headlines news google.com, semua informasi berita nya sangat bermanfaat untuk di baca, jangan sampai anda tidak ketinggalan berita terbaru dari gogle news.




Setelah menjelaskan langkah singkat dasar di atas nah sudah selesai cara mencari informasi pada situs Penelusuran Google. di browser anda. Bagaimana langkah menyingkapi berita itu, Mudah bukan. Nah, langkah selanjutnya yang harus anda lakukan yaitu mengelola blog anda sehingga anda dapat menjadi blogger yang sukses. Terimakasih...

Thursday, July 11, 2019

- July 11, 2019

Template Blog Cantik Responsif dan SEO Friendly

Template Blog Cantik Responsif dan SEO Friendly


Sekarang ini memang sedang trend. Jika anda bosan dengan tampilan template blog standar (default Blogger) bawaanya, anda bisa mencoba template responsif atau SEO Friendly. Untuk anda yang ingin melihat tampilan blognya lebih cantik dan keren lagi, sebaiknya anda melihat beberapa contoh template blog blogger serta ulasan tentang template responsif atau SEO Friendly yang akan saya berikan untuk anda berikut ini:




Untuk membuat tampilan blognya lebih cantik dan keren tentunya anda harus mempunyai template blog blogger Responsif atau SEO Friendly. Template blog blogger Responsif maksudnya adalah Template Blog Responsif selain membantu meningkaykan SEO Blog template ini bisa menyesuaikan perangkat yang digunakan misalnya Hp, Tablet, Pc dan lain-lain nya.




Sedangkan template blog blogger SEO Friendly maksudnya adalah template blog yang mempunyai struktur kode-kode CSS/HTML atau Javascript nya berbeda dengan yang masih standar, SEO friendly juga loadingnya cepat dan ringan pada saat pemuatan sehingga para master Blogger mendesain Template Responsive & SEO Friendly karena sangatlah penting , Template yang SEO Friendly biasanya akan menempati Halaman pertama di Search Google.




Dengan memilih template blog Blogger yang lebih Cantik,Keren, Responsif & SEO Friendly tentunya akan berpengaruh pada SEO Blog di mesin pencari, Khususnya Google, karena hal tersebut sudah terbukti pada template blog admin ini, template blogger tersebut mempunyai struktur kode Khusus CSS/HTML dan Javascript nya, contoh kodenya seperti yang saya akan jabarkan di bawah dan anda bisa menggunakan kode CSS/HTML dan Javascript dibawah, dan kode ini di tempatkan dibawah kode <head>




<b:if cond=’data:blog.url == data:blog.homepageUrl’><title><data:blog.title/></title></b:if> <b:if cond=’data:blog.pageType == &quot;item&quot;’><title><data:blog.pageName/> | <data:blog.title/></title></b:if> <b:if cond=’data:blog.pageType == &quot;archive&quot;’><title>Archive for <data:blog.pageName/></title></b:if> <b:if cond=’data:blog.pageType == &quot;static_page&quot;’><title><data:blog.pageName/></title></b:if> <b:if cond=’data:blog.pageType == &quot;index&quot;’><b:if cond=’data:blog.searchLabel’><title><data:blog.title/> – <data:blog.pageName/></title></b:if></b:if> <b:if cond=’data:blog.pageType == &quot;error_page&quot;’><title>Page Not Found</title></b:if> <b:if cond=’data:blog.pageType == &quot;index&quot;’><b:if cond=’data:blog.url != data:blog.homepageUrl’><title><data:blog.pageTitle/> – All Post</title></b:if></b:if>




Sahabat Blogger ingin mencoba template blog Blogger yang lebih Cantik,Keren, Responsif & SEO Friendly nantinya Blog anda akan terkenal dan sukses. Malahan menempati Halaman ranking pertama di Search Google.




Untuk membantu anda dalam menentukan template blog Blogger yang sesuai dengan anda, saya akan memberikan beberapa gambar tentang template blog Blogger yang bisa dijadikan inspirasi untuk mengubah tampilan situs blog anda menjadi lebih Cantik,Keren, Responsif & SEO Friendly




Template Blog Blogger Responsif & SEO Friendly


CONTOH BLOG COM

ARLINADZGN COM

VIOMAGZ COM

KOMPIAJAIB COM

BUNGFRANGKI COM



Nah, itulah ulasan serta contoh gambar tentang tampilan template blog Blogger yang bisa saya berikan untuk anda. Semoga artikel tentang template blog Blogger Cantik,Keren, Responsif & SEO Friendly bisa membantu anda dalam menentukan tampilan template blog Blogger nya yang sesuai dengan anda.

Wednesday, July 10, 2019

- July 10, 2019

Cara Mudah Memasang Tool Parse HTML Javascript

Cara Mudah Memasang Tool Parse HTML Javascript


Sahabat Blogger kali ini admin ingin berbagi sebuah tool yang bisa anda pasang pada halaman situs blognya tool ini sering di gunakan oleh para master Blogger, Seperti apakah tool yang di maksud itu? Tool yang di maksud adalah "Tool Parse kode Html dan Javascript". Apa pentingnya tool tersebut di pasang pada situs blog? Penting nya adalah dengan memasang tool ini pengunjung blog akan dengan sangat mudah memparse Kode Html dan Javascript yang apabila ada sebuah tutorial di blog milik kita yang membahas tentang pengodean yang harus di parse atau di convert, Jadi pengunjung tersebut tinggal mengcopy kode Html yang hendak iya parse dan kemudian di paste ke dalam input text dan tekan convert, Maka dengan otomatis kode Html nya akan di parse atau terconvert.




Jika anda ingin menerapkan tool Parse kode Html yang sudah di jelaskan di atas maka simaklah terlebih dahulu langkah dan cara memasang kode CSS/HTML Javascript nya di bawah, dan pada umum nya tool ini sering di gunakan untuk memparse kode Adsense atau kode Javascript lainya sebelum di pasang pada template situsblog. Dengan memparse kode HTML Adsense, maka akan mencegah terjadinya error pada tampilan Iklan Adsense situsblog. Selain itu juga kode html yang di parse dapat membuat kode tersebut menjadi Responsif dan SEO friendly terhadap template situsblog namun kalau dibandingkan dengan kode sebelumnya di parse, Maka dalam hal ini gunakan Tool Parse Html atau converter tool untuk memparse atau mengkonversi script atau kode iklan Google Adsense.

Berikut Cara Singkat Yang Bisa Anda Terapkan Pada Situs Blog Blogger Anda;

Langkah 1.
Masuk ke Akun Google dan Lanjutkan ke Dasbor Blogger
Langkah 2.
Dan Tempatkan Tool Parse HTML nya pada halaman Static klik tab menu Halaman lalu pilih Halaman Baru
Langkah 3. Jika anda sudah masuk pada halaman postingan(static Page) maka seting input HTML disebelah kiri Compose lalu copy kode di bawah ini dan tempelkan pada halaman input Html Nya;


<textarea id="codes" placeholder="Input/Letakan kode di sini lalu klik 'Konversi'" spellcheck="false"></textarea> <br /> <div class="button-group"> <br /> <button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div> <ul id="wrapin"> <li><input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code></li> <li><input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code></li> <li><input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code></li> <li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code></li> <li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#0000D9;</code></li> </ul> <style type="text/css"> code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2AD5AD;font-size:13px;padding:2px 4px;color:#d14;} #codes{font:13px 'Courier New',Monospace;border:1px solid #B7B7B7;width:550px;height:250px;margin:0 auto;display:block;background-color:#F2BFBF;color:#000DC4;padding:15px;} .button-group{margin:0 auto 0;text-align:center} button,button[disabled]:active{border: none;padding: 5px 12px;color: #fffff;background-color: #0ea6d8;cursor: pointer;font-size: 13px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;} button:active{background:#FFD800;} button[disabled],button[disabled]:active{background:#FFD800;} #opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;margin-right:10px;} </style> <script type="text/javascript"> function cdClear() { var wtarea = document.getElementById('codes'); wtarea.value = ''; wtarea.focus(); document.getElementById('convert').disabled = false; } function cdConvert() { var ctarea = document.getElementById('codes'), cv = ctarea.value, opt1 = document.getElementById('opt1'), opt2 = document.getElementById('opt2'), opt3 = document.getElementById('opt3'), opt4 = document.getElementById('opt4'), opt5 = document.getElementById('opt5'); cv = cv.replace(/\t/g, " "); if (opt1.checked) cv = cv.replace(/&/g, "&amp;"); if (opt2.checked) cv = cv.replace(/</g, "&lt;"); if (opt3.checked) cv = cv.replace(/>/g, "&gt;"); if (opt4.checked) cv = cv.replace(/"/g, "&quot;"); if (opt5.checked) cv = cv.replace(/'/g, "&#039;"); ctarea.value = cv; ctarea.focus(); ctarea.select(); }; </script>




Berikut Contoh Gambar Penerapan nya Di Halaman Static Blog;

Cara Mudah Memasang Tool Parse HTML Javascript



Langkah 4. Jika Sudah, Anda bisa langsung klik tombol Publikasikan.


Nah...Itulah cara singkat dan penjelasan tentang Tool Parse HTML dan cara memasangnya untuk bisa terapkan di blognya masing-masing Semoga artikel ini bermanfaat bagi sahabat semua dan Salam Blogger

Sangat mudah kan Cara Mudah Memasang Tool Parse HTML Javascript dalam sebuah blog khusus untuk blogger. Saya mengucapkan terima kasih atas kunjungannya.