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.

Thursday, August 8, 2019

- August 08, 2019

Cara Membuat Iklan Adsense Blogger Terbaru

membuat iklan AdSense blogger

Cara memasang kode iklan Google AdSense di situsblog sangatlah mudah hanya tinggal menyalin kode HTML atau JavaScript yang sudah di siapkan secara otomatis oleh Google Adsense nya ketika memilih unit Iklan tertentu dalam halaman dasbor akun AdSense.

Seperti apakah unit iklan tertentu yang di maksud? bagi yang sudah lama menjadi publisher blogger dan berhasil bergabung jadi publisher Google AdSense sudah jelas mengetahui semua gaya jenis iklan dan menambahkan unit iklan baru yang ada pada subtab menu  iklan dalam halaman akun AdSense miliknya. 

Dan ada seorang pengguna baru yang sudah lolos menjadi anggota publisher Google AdSense,  ingin menerapkan iklan AdSense pada situsblog nya tetapi masih bingung tentang gaya iklan nya juga tambah unit iklan baru yang mana yang harus dipilihnya.

Jadi untuk pengguna baru yang mau membuat unit iklan baru hal pertama jangan lupa masuk terlebih dahulu ke akun AdSene milik nya dan perhatikan dengan baik keterengan unit iklan dari pilihan anda.

Unit iklan baru di "Maksudkan" di atas antaranya di bawah berikut ini;


  • Unit iklan baru display
  • Unit iklan baru dalam feed
  • Unit iklan baru dalam artikel
  • Unit iklan baru link

Cuplikan dalam bentuk gambar anda simak di bawah ini;

Membuat unit iklan baru

Keterangannya:
Di antara empat jenis unit iklan yang sudah dipaparkan dalam gambar di atas mempunyai peranan dan fungsi masing-masing untuk dipilih atau di tayangkan ke halaman situsblog dan menghasilkan uang atau pendapatan pada situsblog.

1. Unit iklan display
Memilih unit iklan yang paling tepat dan disarankan oleh Google AdSense bagi situsblog adalah iklan display responsif, Mengapa harus iklan display responsif? karena iklan display responsif merupakan jenis iklan dengan gaya yang berbentuk gambar dan text, sehinnga dapat menyesuaikan tampilannya secara otomatis dari iklan tersebut dengan struktur halaman situsblog milik anda.

Berikut cara membuat Unit iklan baru Display;

"Langkah pertama" masuk ke >> "Akun AdSense" lalu pilih tab menu >> "Iklan" kemudian pilih lagi sub tab menu >> "Unit iklan" jika sudah maka selanjutnya buatlah Unit iklan baru display, berikut cuplikan dalam gambar dibawah ini;

Unit iklan baru Display

"Langkah kedua" jika anda sudah memilih dan klik tulisan "iklan display" yang terdapat pada sebuah kolom bundar yang admin sudah diberikan tanda warna merah dengan arah panah hijau seperti contoh gambar diatas, maka selanjutnya akan diarahkan lagi ke halaman baru demikian cuplikan nya pada gambar dibawah anda simak baik-baik berikut ini;

nama unit iklan
"Langkah terakhir" pada saat anda sudah menyesuaikan gaya iklan jangan lupa klik BUAT seperti pada contoh gambar diatas yang sudah diberi tanda arah panah hijau yang nomor empat 4 karena setelah di klik tombol menu BUAT maka di arahkan kehalaman baru dan simak penampakan dalam bentuk gambar contoh berikut ini;
kode unit iklan adsense
Kesimpulannya;
Menampilkan iklan display responsif pada halaman situsblog, sangatlah menarik dan meningkatkan penghasilan pada akun AdSense.