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

Thursday, December 5, 2019

- December 05, 2019

3 Pinjaman Online Jaminan Aman


Jika anda memiliki kebutuhan dana yabg mendesak namun anda merasa buntu karena sedang tidak memiliki budget yang sepadan maka tentunya anda akan merasa bingung bahkan panik tidak tahu bagaimana anda dapat mendapatkan uang dalam waktu yang sangat singkat.

Sebenarnya di era modern ini anda tidak perlu dimanakan anda dapat meminjam dana saesuai dengan yang anda butuhkan, pasalnya sekarang ini banyak sekali aplikasi yang menawarkan peminjaman dana onlinedi mana hal tersebut dapat anda manfaatkan ketika anda sedang dalam kondisi yang mendesak.

Situasi seperti ini memang sudah dialami oleh kebanyakan orang, namun sebenarnya sebelum meminjam ke berbagai aplikasi ada baiknya jika anda lebih memilih untuk bertanya kepada kerabat atau keluarga yang dapat membantu anda untuk meminjamkan dananya kepada anda.

Namun jika memang sudah terlalu mepet dan tidak ada yang bisa membantu, maka solusinya adalah dengan menginstal aplikasi yang menyuguhkan peminjaman dana online. Pasalnya meminjam dana secara online juga memiliki konsekuensi atau persyaratan tertentu yang harus anda penuhi.

Oleh sebab itu anda perlu hati-hati dalam memilih aplikasi peminjaman dana online. Adapun aplikasi peminjaman dana online yang aman dapat anda simak ulasan di bawah ini:

1. Tunaiku



Dari nama aplikasinya saja sudah dapat di tebak bahwa aplikasi ini di dalamnya pasti menwarkan sejumlah peminjaman dana yang dibutuhkan oleh beberapa orang yang sedang membutuhkan.

Aplikasi ini memberikan fasilitas yang sangat mencengangkan pasalnya dengan aplikasi ini anda dapat meminjam sejumlah uang dengan nominal yang terbilang besar. Dengan adanya aplikasi tunaiku ini anda dapat meminjam uang hingga Rp 20 juta.

Jumlah tersebut tidaklah kecil, aplikasi ini memang lebih unggul daripada aplikasi lainnya yang meminjamkan dana biasanya hanya sampai Rp 8 juta saja. Jika anda tertarik meminjan dana di aplikasi ini maka anda butuh waktu 24 jam untuk mengambil keputusan dan pencairan dananya adalah sekitar 3 hari kerja.

Ketika anda meminjam dana di tunaiku ini ada beeberapa persyaratan yang harus anda penuhi yaitu mengajukan kredit tanpa anggunan atau (KTA) anda perlu memberikan kartu identitas anda yaitu KTP sebagai jaminan, tenor peminjaman yaitu 6 bulan sampai 20 bulan.

2. Kredit Cepat



Aplikasi peminjaman dana yang selanjutnya adalah Kredit cepat, aplikasi ini dapat anda coba ketika anda sedang butuh dana yang mendesak. Ketika anda hendak meminjam dana di kredit cepat ini anda perlu melampirkan bebarapa persyaratan seperti formulir aplikasi, upload foto dokumen dan menguploadnya di website kerdit cepat.

Dengan demikian nantinya akan muncl pemberitahuan apakah peminjaman anda disetujui atukah tidak, biasanya pemberitahuan itu akan muncul setelah 24 jam berlangsung.

3. Digibank


Mirip dengan aplikasi peminjaman dana lainya, beberapa ketentuan yang ditetapkan oleh aplikasi ini juga yang anda harus penuhi agar anda dapat meminjam dana sesuai dengan yang anda butuhkan.

Dana yang ditawarkan dari aplikasi ini mulai dari Rp 3 juta hingga Rp 30 juta, bunga mulai 1,29% dan tenor 6 bulan hingga 3 tahun. Jika anda sudah terbantu dalam permasalahan keuangan anda yang sangat mendesak itu. Namun tetap perlu anda ingat bahwa keputusan yang anda ambil untuk peminjam dana online jangan anda ambil sendirian, komunikasikan terlebih dahulu kepada keluarga.


Nah... itulah tadi ulasan tentang pinjaman dana online terjamin keamanan nya semoga bisa menjadi referensi buat sahabat blogger semua dan orang-orang diluar sana yang ingin meminjam dana online lewat aplikasi, dan semoga bermanfaat bagi semuanya, salam hormat, salam blogger, salam sukses...


Saturday, November 2, 2019

- November 02, 2019

Update Terbaru Gogo Live Apk Mod Unlimited


Aplikasi gogo live merupakan sebuah aplikasi live bebas banned yang sudah menyebar luas di internet mulai dari aplikasi resminya hingga aplikasi mod (modifikasinya), agar pengguna bisa menonton secara gratis maka penggunanya mencari dan mengunduh aplikasi yang sudah di modifikasi.

Mengapa pengguna menginginkan yang di modifikasi?.  Karena ada beberapa keistimewaan dari apk mod gogo live streaming tersebut. Salah satu diantaranya adalah memudahkan pengguna menonton siaran langsung dari penyiar yang meng privat room nya tanpa membeli coin atau mengisi saldo ke akun gogo live yang ia miliki terlebih dahulu.

Berbeda dengan apk gogo live streaming yang didapat pada situs resminya, pengguna bisa dengan mudah mengakses room penyiar yang di privat kecuali pengguna memiliki coin dengan syarat harus megisi saldo ke akun pemilik akun tersebut atau membeli coin nya.

Nah.. maka dalam ksempatan kali saya akan share ke sahabat blogger dan pengguna di luar sana yang berminat ingin menggunakan dan memasang aplikasi live streaming yang sangat populer di zaman IT yang canggih seperti sekarang ini, ke handphone android nya tentunya. Simak penjelasan dan tips sederhana dibawah berikut ini;

Dua Cara Mendowload Aplikasi Terbaru Gogo Live

1. Mengunduh aplikasi resminya nya lewat  ponsel versi android dan buka APPS GOOGLE PLAY STORE.



2. Mengunduh aplikasi gogo live apk mod unlimited dengan mengunjungi situs tempat dowload aplikasi yakni JALANTIKUS COM.


Ok... sampai disini dulu pembahasan nya semoga bisa bermanfaat lebih dan kurangnya harap di mingerti bila sahabat blogger mau berparsitipasi demi kemajuan situs blog sederhana ini harap tinggalkan sepatah kata di kolom komentar yang sudah tersedia di bawah artikel blog ini.

wasalam...

Thursday, October 31, 2019

- October 31, 2019

Cara Membuat Tombol WhatsApp Live Chat di Blog

Membuat Tombol WhatsApp

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

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

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

Langkah Memasang Tombol WhatsApp Mesengger Live Chat:

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

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

Wednesday, October 30, 2019

- October 30, 2019

Cara Mudah Menambahkan Widget Followers Blog

Widget Followers Blog Blogger

Widget Followers blog merupakan sebuah widget blog blogger yang di sediakan oleh google (blogger), dimana widget tersebut menampilkan profil atau identitas dari pemilik akun google. Pada widget ini mempunyai fitur yang anda bisa sesuaikan letak penempatanya pada situs blog anda sendiri, seperti halnya menambahkan widget pada sidebar blog maupun di footer blog dan lain sebagainya.

Dengan menambahkan widget atau plugin bawaan blogger tersebut tentu akan membuat situs blog anda menjadi mudah berinteraksi dengan pengikut blog atau penggemar blog yang anda kelola, Selain itu juga situs blog anda akan mendapatkan berbagai manfaat.

Apa saja yang dapat di peroleh dengan menambahkan widget followers?.

Manfaat memasang widget followers pada blog blogger

  • Menggunakan fitur ini dapat memberikan kemudahan yaitu dapat memungkinkan pengunjung pada situs blog anda terhubung langsung dengan anda sebagai admin situs blog tersebut.
  • Anda juga akan mendapatkan keuntungan untuk meningkatkan trafik dari hasil penayangan atau kunjungan pada situs blog anda.
  • Jika pengunjung blog anda menyukai konten maka mereka dapat mengikuti atau memfollow blog anda.
  • Dan memperindah tampilan situs blog

Jadi Penggunaan widget followers ini dapat memberikan kontribusi yang lebih bagi situs blog anda, maka pada kesempatan ini saya admin blog ini akan memberikan tips cara mudah menambahkan widget followers di blog blogger dan perhatikan tutorial singkatnya di bawah berikut ini;

Cara Membuat Widget Followers

1. Masuk ke dashboard blogger


2. Lalu pilih menu tata letak


3. Kemudian pilih dan tambahkan gadget


4. Selanjutnya akan muncul pop-up halaman jendela baru
5. Gulir ke bawah dan pilih gadget yang bertuliskan Pengikut


6. Bila anda sudah klik gadget widget nya maka akan muncul lagi pop-up halaman widget followersnya dan langsung saja klik menu tombol "simpan", Untuk lebih jelas penerapan nya perhatikan contoh gambar di bawah seperti berikut ini;


Nah, bagaimana,mudah bukan?? jika anda sudah lakukan seperti yang sudah di jelaskan diatas maka buka atau lihat blog dan lihat hasilnya.

Itulah penjelasan singkat dari tutorial cara mudah membuat ata menambahkan widget followers di blog blogger bila ada kekukarangan dalam penyajian tutorial artikel nya harap dimaklumi, kritik dan saranya silahkan sampaikan pada kolom komentar yang sudah tersedia dibawah artikel ini.

Semoga bisa bermanfaat selamat berkunjung salam blogger...

Monday, October 21, 2019

- October 21, 2019

Tampilan Dasbor Blogger Terbaru Lebih Profesional

Dashboard Blogger Terbaru


Kini blogger bukan lagi seperti blogger yang dulu,mengapa demikian? karena sekarang sudah semakin maju dan halaman dasbor berubah tampilan nya dengan gaya yang berbeda dari sebelumnya.

Jika Anda ingin mencoba tampilan barunya perhatikan tutorial singkat yang akan saya share di bawah sebagai berikut ini;

Cara Menampilkan Tampilan Terbaru Dashboard Blogger

1. Masuk ke dasbor blogger seperti biasanya
2. Kemudian Gulir kebawah dan temukan menu tombol yang bertuliskan Coba Blogger baru! seperti pada gambar screenshoot di bawah ini;


3. Jika sudah ketemu langsung diklik saja dan akan tampil sebuah jendela halaman baru seperti gambar berikut ini


4. Setelah anda mengklik tombol Lanjutkan maka akan munculah tampilan terbaru dari dashboard template blogger nya dan berikut penampakanya pada gambar di bawah sebagai berikut;


  • Tampilan terbaru halaman stastistik dashboard blogger



  • Tampilan terbaru halaman komentar di dashboard template blog blogger



  • Tampilan terbaru pada halaman tema di dashboard blog blogger





Nah itulah penjelasan singkat nya dan semoga artikel ini bisa bermanfaat bagi kita semua salam blogger

Friday, October 18, 2019

- October 18, 2019

Cara Mudah Menyembunyikan Widget Sidebar Blog

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

 
Widget Sidebar Blog

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

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

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

Cara Menyembunyikan Widget Sidebar Blog

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

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

Keterangan:

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


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

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.