Showing posts with label Tips Blogging. Show all posts
Showing posts with label Tips Blogging. Show all posts

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...

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...

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.

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.

Sunday, August 18, 2019

- August 18, 2019

Manfaat Menggunakan Internet dan Google

Menggunakan Internet dan Google

Dengan Menggunakan Mesin Penelusuran Google anda akan mendapat sesuatu hal yang baru dengan informasi yang di dapatkan pada hasil penelusuran, kita bisa mengembangkan informasi dari data sumber tersebut dengan kemampuan pemikiran dan juga pemahaman yang ada dalam diri kita.

Di dalam mengembangkan data-data dari sumber informasi yang di dapat dari hasil search browser tentunya digunakan dengan bijak dan juga berfaedah bagi semua orang. Maka dari itu internet dan Google Penelusuran itu sangatlah bermanfaat dan gunakanlah sebaik-baik nya dari sumber data itu.

Apakah Anda sudah tau tentang internet dan google penelusuran? jika belum maka baca artikel postingan situsblog ini sampai selesai atau berikan perhatian untuk berkomentar di kolom komentar yang sudah di sediakan dibawah akhir postingan artikel ini  ok...


  • Internet


Internet


"Menurut sumber yang admin baca di halaman pencarian google. Internet merupakan sebuah alat canggih dengan menggunakan jaringan komputer yang satu dengan yang lain saling terhubung untuk keperluan komunikasi dan informasi. Sebuah komputer dalam satu jaringan internet dapat berada di mana saja".

"Dan juga Internet diartikan sebagai jaringan komputer di seluruh dunia yang berisikan informasi dan sebagai sarana komunikasi data yang berupa suara, gambar, video dan juga teks. Informasi ini dibuat oleh penyelenggara atau pemilik jaringan komputer atau dibuat pemilik informasi yang menitipkan informasinya kepada penyedia layanan internet".


  • Google Penelusuran


Google Penelusuran

Google Penelusaran adalah fitur canggih terpopuler dan merupakan mesin penelusur yang ada di internet dan digunakan sejak lama dan sangat mudah untuk mengakses informasi apapun yang ada di internet dari berbagai sumber artikel yang di muat atau di publisasikan pada sebuah situsblog maupun situsweb dan merupakan layanan tercepat dari alat telusur yang di milik oleh Google LLC.

Ketika kita menggunakan atau mengakses internet melalui mesin telusur Google banyak sekali manfaat yang dapat kita peroleh dari pencarian seperti gambar(foto) berita video produk dan lain-lain sebagainya, maka dari itu jadikanlah Google sebagai mesin telusur (default) yang ada dalam aplikasi browser pada perangkat seluler maupun laptop atau komputer yang anda miliki.

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...

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.

Thursday, July 4, 2019

- July 04, 2019

Cara Mengganti Link Older Posts dan Newer Posts

Cara Mengganti Link Older Posts dan Newer Posts
Older Posts dan Newer Posts
Sahabat Blogger Semenjak anda pertama kali membuat blog di platform Blogger sudah pasti anda melihat tulisan berupa link Older Posts dan Newer Posts yang terletak di bawah postingan artikel blog atau di halaman beranda blog anda, karena Tulisan link Older Posts dan Newer Posts ini adalah tampilan default(bawaan) Blogger dan bisa juga diartikan sebagai posting lama dan posting baru pada halaman blog, Namun kalau anda sudah mengganti template blog nya dengan template hasil dowload alias gratis maupun dengan template SEO Friendly premium maka tulisan Older Posts dan Newer Posts tersebut akan otomatis tersembunyi atau tidak akan kelihatan lagi.

Jadi pada kesempan kali saya akan membahas cara belajar mengganti link Older Posts dan Newer Posts, padahal sudah banyak artikel tentang Older Posts dan Newer Posts ini di halaman searching google. Dalam hal ini saya juga ingin berbagi ke sahabat blogger semuanya sekaligus agar artikel blog ini bisa berada atau tampil di halaman penelusuran google seperti artikel blog blogger lainnya Ok.

Bagaimanakah cara? untuk mengganti Tulisan link Older Posts dan Newer Posts di Blog? dari pertanyaan tadi mungkin sebagian pengguna blogger sudah tau caranya seperti apa? dan apalagi yang sudah lama membuat blog dan aktif khususnya para desain template blog blogger, namun jika ada seorang pengguna baru blogger (pemula) yang ingin tau dan mau belajar untuk menerapkan ke blog milik mereka di blogger tentunya, Mungkin diantara mereka masih bingung mengenai cara mengganti tulisan tersebut di Blognya khususnya di blog blogger.

Dari sebagian para pengguna blogger yang mahir dalam mendesain template Blog untuk mengerjakan cara tersebut pasti sangatlah mudah karena mereka sudah mengetahui sepenuhnya tentang pengodean template situsblog yang berkaitan dengan kode CSS/HTML Java Script, tetapi lain pula dengan yang belum tau bagaima caranya, apalagi yang sama sekali belum pernah mengetahui Cara Menggantinya pada Blog di Blogger, jadi dalam hal ini maka dibawah saya akan berbagi tentang bagaimana cara mengganti dan memasang kode CSS/HTML Java Script yang mengganti link Older Posts dan Newer Posts atau postingan lama dan posting baru menjadi Angka pada halaman Home atau Beranda Blog khususnya pengguna blogger, adapun caranya adalah sebagai berikut :

Baiklah langsung saja bagaimana cara menerapkan cara tersebut :


1. Masuk ke dashboard Blogger
2. Pilih Tema
3. Pilih Edit html
4. Cari Kode ]]></b:skin> dan jika sudah menemukannya talu letakan kode CSS/HTML Java Script dibawah sebelum kode ]]></b:skin> atau tepat diatas kode ]]></b:skin>

.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #FF6A00; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #FF6A00; background-color:#FF6A00; } .showpagePoint { color:#84d; text-decoration:none; border: 1px solid #FF6A00; background: #FF6A00; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #FF6A00; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#0094FF; }

5. Selanjutnya cari kode </body>Lalu letakan kode CSS/HTML Java Script dibawah sebelum kode </body> atau tepat diatas kode </body>

<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='https://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends -->



6. Terakhir selesaikan dan Simpan Template nya!



Na...Mudah-mudahan tutorial tips trik blogger tersebut tentang Bagaimana Cara Mengganti Link Older Posts dan Newer Posts di Blogger Blogspot bisa mudah dipahami , dan untuk mempermudah mendesain blog nya saya sarankan jangan utak atik Kode Script HTML di Template Blog karena sangatlah berdampak sangat fatal tidak terindex mesin pencarian google dalam artian membutuhkan waktu yang cukup lama, Semoga postingan ini bermanfaat , terutama untuk sahabat blogger pengguna baru yang sedang belajar cara membuat blog dan mendesain template blognya.





Sekian Salam Blogger...