Cara Membuat Tombol Scroll Pada Arsip Blog

Cara Membuat Tombol Scroll Pada Arsip Blog - Saat saya baru-baru membuat blog, saya mencoba beberapa widget yang ada di blogger salah satunya adalah Arsip Blog, ternyata widget tersebut sangatlah bagus untuk memudahkan pengunjung menjelajahi semua artikel dari blog kita, namun sangat disayangkan karena widget ini sangatlah banyak memakan tempat karena wiidget ini melampirkan semua post kita berdasarkan tanggal kita membuat post, coba dibayangkan jika ada 100 post dalam blog, pasti widget ini sudah sangat memenuhi tempat untuk widget lainnya, dan ini membuat blog kita terlihat acak-acakan, setelah saya menyadari hal itu, lalu saya mencoba beberapa cara agar widget tersebut tidak memakan tempat yang banyak yaitu dengan cara memberi scroll pada widget tersebut, cara ini sudah banyak dipasang oleh blog-blog terkenal salah satunya adalah SEOCIPS, dan juga blog saya sendiri yaitu Mastah Bloging walau tidak terkenal juga sih, dengan cara ini kalian dapat membuat blog kalian lebih terlihat rapi dan enak dipandang mata, nah jika kalian ingin mencobanya bisa kalian ikuti tutorial ini dan inilah penampakan Arsip Blog Dengan Tombol Scroll :

1) Login terlebih dahulu disini
2) Lalu klik tata letak, Tambahkan Gadget lalu pilih Arsip Blog
3) Beri judul wiget yang kalian inginkan lalu save
4) Setelah itu, Silahkan masuk ke Edit HTML 
5) Dan cari kode dibawah ini

<div class='widget-content'>

6) Sisipkan kode kode dibawah ini  tepat dibawah kode diatas

 <div style='overflow:auto; width:ancho; height:300px;'>

7) Kemudian letakan kode penutup dibawah </div>  tepat dibawah

<b:include name='quickedit'/>

Jika kalian belum jelas silahkan lihat penempatan kode berikut ini !!!

<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:300px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div>

<b:include name='quickedit'/>

</div>  

</div> 

8) Jika sudah simpan template.

Mungkin itu saja untuk Cara Membuat Tombol Scroll Pada Arsip Blog, jika kalian kesulitan kalian dapat menanyakannya melalui komentar, Jika kalian inget bertanya diluar topik ini silahkan lewat Contact From, Semoga artikel ini bermanfaat, Terima Kasih.

BroSense Blogger Template Free Resposive

BroSense Blogger Template Free Resposive - Kali ini saya akan update template BroSense, Template ini buatan Mas Sugeng, dengan template ini kalian dapat meningkatkan CTR iklan kalian, template ini dapat meningkatkan CTR iklan karena BroSense merupakan template blogger yang dibuat khusus untuk dipasang di blog AdSense atau blog yang dibuat khusus untuk dimonetisasi dengan iklan Google AdSense.

Berikut adalah screenshot dari templatenya:

Fiture :

• SEO 
• Desain Responsive
• Mudah Dimodifikasi
• Auto Readmore
• Terdapat Breadcrumb
• Related Post
• Social Share Buttons
• Facebook Comments
• Loading Cepat
• Meningkatkan CTR Iklan

Untuk demo dan link download ada dibawah sini

• Demo
• Download

Catatan : Dilarang Mengganti link kredit pembuat template. Hargailah karya orang lain, jika Anda ingin dihargai. Terima kasih

Cara Memperbaiki Tombol Share Yang Error di Template Mas Sugeng

Cara Memperbaiki Tombol Share Yang Error di Template Mas Sugeng - Beberapa hari ini, banyak sekali blog-blog yang menggunakan template Mas Sugeng mengalami error pada bagian Tombol Share, begitupun dengan blog Mastah Bloging, Tombol Share blog Mastah Bloging berada di bagian Header, lalu saya coba cek di grup-grup blogger ternyata banyak juga yang mengalami hal yang sama seperti saya, oleh karena itu saya akan berbagi cara memperbaikinya. Saya pernah mencoba cara ini ditemplate Premium teman (bukan milik Mas Sugeng) dan hasilnya tidak work, jadi cara ini mungkin cuma bisa diterapkan ditemplate buatan Mas Sugeng saja, untuk template yang lain mungkin akan saya bahas diartikel selanjutnya. Lanjut ke persoalan, Sebenarnya banyak sekali bentuk error dari Tombol share seperti Tombol share berposisi tegak lurus , berpindah posisi yang seharusnya dibagian bawah setelah artikel bisa diibagian Header ataupun disamping Blog dan ada juga yang bahkan hilang Tombol sharenya tetapi saya hanya memberi beberapa Review Tombol Share yang error saja.

Inilah beberapa review Tombol Share Yang Error

Baiklah langsung saja ketutorialnya.

Untuk memperbaiki error Tombol Share pada template Mas Sugeng ada dua langkah yang perlu dilakukan.

1. Cari kode ini dibawah ini

.share-buttons {

 margin:0 0;

 height:67px;

 float:left;

}

.share-buttons .share {

 float:left;

 margin-right:10px;

 display:inline-block;

}

.share-buttons .tweet {

 margin-top: 41px;

}

Lalu ganti kode diatas dengan kode dibawah ini

.share-buttonsx {

 margin:0 0;

 height:67px;

 float:left;

}

.share-buttonsx .share {

 float:left;

 margin-right:10px;

 display:inline-block;

}

.share-buttonsx .tweet {

 margin-top: 41px;

}

2. Cari kode dibawah ini

<div class='share-buttons'>

Lalu ganti kode diatas dengan kode dibawah ini

<div class='share-buttonsx'>

Itulah Cara Memperbaiki Tombol Share Yang Error di Template Mas Sugeng. Nah bagaimana ? apakah ada kesulitan ? jika kalian masih ada yang ditanyakan silahkan komentar. Semoga Artikel Ini Bermanfaat. Terima Kasih.

Cara Mengatasi Kesalahan Perayapan 404 Pada Webmaster

Cara Mengatasi Kesalahan Perayapan 404 Pada Webmaster - Kalian pasti pernah melihat suatu blog atau bahkan blog kalian terdapat 404 Not Found.   Penyebab terjadinya hal tersebut  salah satunya adalah ketika kita membuat link menuju ke sebuah halaman lain, tetapi kurang memberikan / . .htm dan sebagainya dan akibatnya membuat URL tersebut menjadi Error. Ketika orang mengkliknya maka akan tampil error not found atau halaman kosong, kenapa hal tersebut juga terjadi di Webmaster ? hal itu terjadi karena google selalu melalukan perayapan otomatis oleh karena itu Kesalahan Perayapan sering terjadi, jika kalian ingin mengetahui apakah blog kalian terdapat kesalahan perayapan kalian dapet mengetahuinya dengan cara masuk ke webmaster tools > perayapan > kesalahan perayapan.

Jika kalian sudah mengerti cara mengetahuinya, sekarang bagaimana cara mengatasinya?Nah saya akan berbagi caranya, langsung saja 

1) Login ke webmaster, klik url kalian, perayapan, kesalahan perayapan.

Jika link yang error ada banyak, silahkan kalian unduh, jika link not found sedikit, maka perbaiki secara langsung saja dengan cara mengklik satu persatu link tersebut

Keterangan

Jika kalian mengklik url tersebut, maka kalian akan dibawa ke sebuah halaman kosong di situs kalian . Contoh http://mastahbloging.blogspot.co.id/2016/03/cheat-castle-clash-heroes-skills-hack.html

2) Copy yang dari warna merah tersebut, login ke blogger, setelan, preferensi penelusuran, pengalihan khusus, klik edit

3) Klik pengalihan baru, dari "url 404 tersebut", kepada url baru, ceklis permanent, simpan, dan simpan perubahan.

Keterangan

Maksudnya adalah masukan url 404 tersebut Dari: URL ERROR.html Kepada: URL yang dituju.

4) Jika kalian sudah melakukan tahap diatas, maka kembali lagi ke webmaster tools, klik tandai sebagai telah diperbaiki, dan klik OK. selesai

Okelah demikian Cara Mengatasi Kesalahan Perayapan 404 Pada Webmaster, maaf jika tutorialnya kurang jelas, jika ada yang ditanyakan silahkan komen dibawah post ini atau lewat contact form, Semoga Artikel Ini Bermanfaat dan Terima Kasih

Fastest Magz V.4.7 Blogger Template Free Resposive

Fastest Magz V.4.7 Blogger Template Free Resposive - Kali ini saya akan membagikan template blogger buatan Mas Sugeng yang bernama Fastest Magz V.4.7.

Berikut adalah screenshot dari templatenya:

Fiture :

• SEO Ready 
• Featured post slider 
• Responsive 
• Auto Readmore 
• Breadcrumbs 
• Related Post 
• Pagination 
• Social Widget

Untuk demo dan link download ada dibawah sini

• Demo
• Download

Catatan : Dilarang Mengganti link kredit pembuat template. Hargailah karya orang lain, jika Anda ingin dihargai. Terima kasih

Evo Magz V.2.1 Blogger Template Free Responsive

Evo Magz V.2.1 Blogger Template Free Responsive - Kali ini saya akan membagikan template blogger buatan Mas Sugeng.

Berikut adalah screenshot dari templatenya:

Fiture :

• 100% Responsive
• Custom Mobile Template
• SEO Optimized
• Ad and AdSense Optimized
• Fully Customizable
• Font Awesome
• Breadcrumb
• Auto Readmore
• Related Posts
• Share Buttons
• Tab View Widget
• Recent Post Widget
• Numbered Page Navigation
• Back to Top button
• Custom Error page
• Facebook Comments

Untuk demo dan link download ada dibawah sini

• Demo
• Download

Catatan : Dilarang Mengganti link kredit pembuat template. Hargailah karya orang lain, jika Anda ingin dihargai. Terima kasih

Cara Membuat Tombol Demo & Download

Cara Membuat Tombol Demo dan Download Keren - Selamat Pagi dimanapun kalian berada setelah sebelumnya membahas tentang Trik Mendapatkan Penghasilan Menggila dari Pop Cash / Pop Ads, biasanya tombol demo download sering muncul di artikel atau blog tentang Template atau membahas tentang seputar Blogging, oleh karena itu saya saya akan berbagi Cara Membuat Tombol Demo & Download tombol inipun juga saya gunakan untuk blog ini.

Tombol ini sudah saya pasangkan Icon, jika kalian tidak suka dengan iconnya, kalian dapat menggantinya sendiri, baiklah untuk yang berminat membuat tombol demo download ini, silahkan simak baik-baik.

Cara Membuat Tombol Demo & Download Keren.

1. Buka akun blogger anda.

2. Pilih menu template dan klik edit html.

3. Lalu letakan kode di bawah ini tepat di atas kode </head> 

<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>

4. Selanjutnya letakan kode di bawah ini tepat di atas kode </b:skin>  atau </style> 

/* Button demo download By www.mastahbloging.com */
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px; padding:2px;font-size:14px;clear:both;} .button ul {margin:0;padding:0} .button li{display:inline;margin:5px;padding:0;list-style:none;} .demo,.download {padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;} .demo {background-color:#5a6269;} .download {background-color:#ff9e47;} .demo:hover {background-color:#ff9e47;color:#fff;opacity:1;} .download:hover {background-color:#5a6269;color:#fff;opacity:1;} .demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}

5. Klik save / simpan template.
Cara penggunaan.
-Letakan kode dibawah ini pada mode "HTML"

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://mastahbloging.blogspot.co.id/" target="_blank" title='Demo'>Demo</a></li>
<li><a class="download" href="http://mastahbloging.blogspot.co.id/" target="_blank" title='Download'>Download</a></li>
</ul>
</div>
<div class="clear"></div>

Ganti link http://mastahbloging.blogspot.co.id/ dengan link yang anda inginkan.

Sekian tutorial cara membuat tombol demo download, semoga bermanfaat dan terima kasih.