Thursday, February 22, 2018

Cara Membuat Tombol Next Page Unlimited

Pada artikel ini saya berkesempatan membagikan Cara Membuat Tombol Next Page
dengan mudah tanpa ribet.
fungsi nya sendiri ialah untuk membuat artikel selanjut pada blog anda seperti pernomoran pada next page yang di tampilkan sesuai jumlah artikel pada blog anda.





keunggulan dari script ini sendiri ialah dapat memuat ratusan sampai ribuan artikel pada blog 
anda bisa di bilang tanpa limit atau Unlimited Next Page, untuk langkah-langkah cara membuat nya silahkan anda baca langkah-langkah di bawah ini.
1. Login Ke Blogger > Buka Template > Edit HTML > Pastekan Code Di Bawah ini tepat di atas </head> atau &lt;!--<head/>--&gt;


Warna Terang 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Page Navigation */
#blog-pager{background:#fff;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:20px 0 5px 0}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-size:13px;color:rgba(0,0,0,.8);padding:5px 8px;margin:0 4px 0 0;box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);border-radius:2px;transition:all .3s}
.showpageNum a:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);transition:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;}
.showpagePoint{background:#2980b9;color:#fff;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0;box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>


Warna Gelap
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Page Navigation */
#blog-pager{background:#2d3141;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:20px 0 5px 0}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{background:rgba(255,255,255,.1);display:inline-block;font-size:13px;color:rgba(255,255,255,.8);padding:5px 10px;margin:0 2px 0 0;border-radius:2px;transition:all .3s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.2);color:#fff;position:relative;}
.showpagePoint{background:#70c3eb;color:#fff;z-index:200;position:relative;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>

 
2.  Salin Script Di Bawah Ini Terus   Pastekan Code Di Bawah ini tepat di atas </body>


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.rawgit.com/tikusgov/sitemap.js/7d6225e7/unlipage.js' type='text/javascript'/>
</b:if>




3. Selanjut nya silahkan kalian cari script bawah ini di edit HTML


<b:includable id='main' var='top'>

Silahkan  Scroll  mouse ke bawah dan temukan kode di bawah  ini 

<!-- navigation -->
<b:include name='nextprev'/>

Silahkan Ganti kode di atas atau yang mirip tergantung template yang anda  gunakan dengan kode di bawah ini.


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.rawgit.com/tikusgov/sitemap.js/7d6225e7/unlipage.js' type='text/javascript'/>
</b:if>


4. Simpan Dan Silahkan Lihat Perbedaan Nya Pada Blog Anda.

Result Page Unlimited 

source: https://goo.gl/81v9zM

Thursday, February 8, 2018

Cara Membuat Blog Gratis


Dalam Artikel ini saya akan membuat Cara Membuat Blog Gratis dari situs yang banyak di gunakan oleh para blogger Indonesia yaitu blogger.com masih banyak juga selain itu seperti : Weebly WordPress Tumblr Dll.
Keuntungan menggunakan blogger.com gratis karena blogger.com memberikan subdomain .blogspot secara gratis tanpa perlu biaya perpanjangan Dll.
Jika Kalian sudah mempunyai akun email di Gmail , langsung saja mengikuti proses membuat blog di blogspot, silahkan simak langkah-langkah berikut :

1. Langkah pertama adalah membuka situs/website resmi Blogger.com ,  membuka Blogger berbahasa Indonesia di browser Anda Blogger.com

2. Pada halaman Blogger.com klik tombol “Buat Blog ” atau klik tombol “Masuk ”. Anda akan di arahkan ke halaman untuk masuk ke akun Google. Masukkan alamat email Gmail ke kolom yang sudah disediakan , setelah itu klik berikut nya

3. Masukkan password email Anda , ke kolom yang di sediakan. Setelah itu klik Berikutnya

4. Jika kalian  pertama kali membuat blog di Blogger.com , maka anda harus membuat atau memilih profil akun Google yang akan digunakan. Saya sarankan membuat profile Google+ maka dari itu silahkan klik tombol  Buat Profile Google+.

5. Form profile otomatis mengikuti nama, jenis kelamin, dan tanggal lahir anda saat membuat akun gmail. Jika menurut anda sudah cocok, silakan pilih
CREATE PROFILE .

6. Pada langkag ini anda bisa menambahkan foto profile anda. Anda bisa menambahkan atau mengganti foto profil nanti, jadi pilih SKIP Atau Save jika mengganti foto.

7. Profile Google+ anda berhasil di buat berikut nya pilih tombol Lanjutkan Ke Blogger.

8. Langkah membuat blog baru, klik  tombol BUAT BLOG BARU. 

9. Anda akan melihat tampilan berikut, Silakan isi sesuai petunjuk nomor  dibawah ini.

 1.Pada bagian Judul , silahkan isi                dengan  Judul Blog Anda , misalnya        “Cara Membuat Blog ”
 2.Pada bagian Alamat, silahkan isi              dengan alamat URL blog Anda ,                misalnya                                                       “CaraTibaLagi.blogspot.com ”
  3.Pada bagian Tema, Anda bisa                   memilih salah satu tema standar             yang disediakan oleh Blogger .

10. Jika semua sudah terisi silahkan klik tombol Buat Blog.

11. Selamat anda sudah memiliki blog.