Cara Menambahkan Tombol Posting Acak di Blogger

    Pos Acak
    Ingin pembaca mengarahkan ulang ke pos yang berubah di setiap klik? 

    Sebuah posting acak memungkinkan pengunjung Anda untuk menjelajahi dan membaca konten lama Anda yang tersembunyi di arsip blog Anda.

    Ini adalah cara yang baik untuk membuat pembaca Anda sibuk di blog atau situs Anda dan mengurangi rasio pentalan blog Anda .

    Tombol posting acak ini dapat digunakan di mana saja di blog Anda. Anda dapat menggunakannya di akhir posting blog Anda, di bilah sisi, di atas atau di mana saja. Begitu,


    Cara Menambahkan Tombol Posting Acak di Blogger


    Menambahkan tombol posting acak di blogger sebenarnya sangat mudah dicapai.Anda hanya harus mengikuti langkah-langkah sederhana dan mudah di bawah ini dan Anda akan selesai dalam waktu singkat:

    Langkah 1. Masuk ke blog Blogger Anda dan pilih di Template / Tema dan klikEdit HTML .

    Tombol Posting Acak



    Langkah 2. Cari dalam  tag dan paste kode di bawah ini tepat di atasyang </ body> tag.
      <script type="text/javascript">   
      /*<![CDATA[*/   
      function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('wk_random_post_button').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">   
      /*]]>*/   
      </script>   
    

    Langkah 3. Sekarang lagi mencari dari  ]]> </ b: skin> tag paste di bawah kode CSS hanya di atas yang  ]]> </ b: skin> tag.

     #wk_random_post_button a {  
     background-color:#3bb3e0;  
     padding:20px;  
     position:relative;  
     font-family: 'Open Sans', sans-serif;  
     font-size:14px;  
     text-decoration:none;  
     color:#fff;  
     border: solid 1px #186f8f;  
     background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);  
     background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);  
     background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);  
     background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);  
     background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);  
     background-image: -webkit-gradient(  
     linear,  
     left bottom,  
     left top,  
     color-stop(0, rgb(44,160,202)),  
     color-stop(1, rgb(62,184,229))  
     );  
     -webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;  
     -moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;  
     box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;  
     -webkit-border-radius: 5px;  
     -moz-border-radius: 5px;  
     -o-border-radius: 5px;  
     border-radius: 5px;  
     }  
     #wk_random_post_button a::before {  
     background-color:#ccd0d5;  
     content:"";  
     display:block;  
     position:absolute;  
     width:100%;  
     height:100%;  
     padding:8px;  
     left:-8px;  
     top:-8px;  
     z-index:-1;  
     -webkit-border-radius: 5px;  
     -moz-border-radius: 5px;  
     -o-border-radius: 5px;  
     border-radius: 5px;  
     -webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;  
     -moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;  
     -o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;  
     box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;  
     }  
     #wk_random_post_button a:active {  
     padding-bottom:9px;  
     padding-left:10px;  
     padding-right:10px;  
     padding-top:11px;  
     top:1px;  
     background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);  
     background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);  
     background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);  
     background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);  
     background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);  
     background-image: -webkit-gradient(  
     linear,  
     left bottom,  
     left top,  
     color-stop(0, rgb(62,184,229)),  
     color-stop(1, rgb(44,160,202))  
     );  
     }  
    

    Langkah 4. Klik  Simpan  untuk menyimpan pengaturan Anda.

    Sekarang, tempel kode yang diberikan di bawah ini pada posting blog Anda, pada bilah sisi atau di mana pun Anda suka. Ketika pembaca Anda akan mengklik tombol itu akan membuka posting blog Anda secara acak dari label atau kategori apa pun.

     <div id="wk_random_post_button">  
    

    Kesimpulan tentang Cara Menambahkan Tombol Posting Acak di Blogger



    Lebih lanjut: Cara membuat pengunci konten sosial di posting Blogger Saya harap Anda berhasil menambahkan tombol Random posting di blog Blogger Anda, atau jika Anda menemukan kesulitan menambahkan kode jangan tinggalkan komentar di bawah ini dan saya akan menghubungi Anda.


    Jika tutorial ini bermanfaat bagi Anda, pertimbangkan untuk membagikannya untuk mendorong kami.

    No comments