Menampilkan postingan yang diurutkan menurut relevansi untuk kueri cara-menempatkan-random-post-responsive-di. Urutkan menurut tanggal Tampilkan semua postingan
Menampilkan postingan yang diurutkan menurut relevansi untuk kueri cara-menempatkan-random-post-responsive-di. Urutkan menurut tanggal Tampilkan semua postingan

Tutorial Memasang Random Post Responsive Di Blog

Cara Pasang Widget Random Post Responsive di Blog,- Bagi para pemilik Blog khususnya yg berplatform Blogger, asertaya widget sangat membantu pemilik Blog untuk menambahkan Java Script atau isyarat CSS pihak ketiga dengan mudah, penggunaanya pun tidak terlalu sulit tanggal pilih Tata letak, Tambahkan Gadget kemudian pilih HTML/Java Scipt. cara ini sangat gampang kalau ketimbang dengan Edit HTML ditemplate yg sangat rumit.

Bagi Pemilik Blog yg sudah memiliki Banyak Postingan, Namun memiliki permasalahan page View sedikit. Hal ini dikarenakan pengunjung hanya mengunjungi artikel yg di ingin dilihat saja, tanpa melihat artikel lainnya. permasalahan ini sering dikeluhkan oleh para pemilik Blogger alasannya yaitu kurangnya page view di Blog. Namun sesungguhnya ada cara untuk meningkatkan Page View Blog ibarat menempatkan widget Popular Post, Recent Post serta Random Post, dengan menempatkan widget tersebut pengunjung akan dengan gampang melihat artikel lain yg sekiranya menarik dari blog anda yg tentunya akan meningkatkan PageViews Blog.

Namun dari ketiga Widget yg aku sebutkan diatas yaitu Popular Post, Recent Post serta Random Post, yg mungkin akan paling banyak meningkatkan page View yaitu Random Post atau Artikel Acak. Karena Random Post akan menampilkan Postingan anda secara acak, yg memungkinkan menarik perhatian dari pengunjung untuk melihat salah satu artikel usang atau gres di Blog anda.


Oleh alasannya yaitu itu silahkan pasang Random Post atau Artikel Acak untuk meningkatkan Page View dari Blog anda, Namun kebanyakan Random post tidak Responsive atau hanya muncul beberapa saja padahal yg ditampilkan cukup banyak, Hal ini sangat merugikan alasannya yaitu bukan hanya artikel yg ditampilkan di random post tidak muncul, melainkan sanggup saja script random post akan memberatkan loading Blog.

Oleh Karena Itu Disini aku akan membagikan Cara Memasang Random Post di Blog melalui Widget yg dijamin Responsive serta semua Judul postingan akan muncul. Untuk Caranya Bisa dilihat dibawah ini.

Cara Memasang Widget Random Post Responsive di Blog


1. Pertama silahkan masuk ke Dasboard Blogger - Tata Letak - Tambahkan Gadget serta Pilih Menu HTML/Java Script

2. Kemudian Silahkan Kasih Judul, sanggup Random Post, Artikel Acak atau Terserah anda. Dan Pada bab Kolom Bawah Silahkan Isi dengan Kode CSS dibawah ini.

<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://blogespada.blogspot.com/",
numPosts = 7;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="Tutorial Memasang Random Post Responsive di Blog" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>

Pengaturan :

  • Ganti var homePage: Dengan URL blog anda
  • Ganti numPosts: Dengan Jumlah Artikel yg ingin ditampilkan

3. Terakhir Tinggal Simpan serta Lihat Hasilnya. Untuk Demonya silahkan lihat di Blog ini pada bab Footer.

Demikian Artikel Mengenai Cara Memasang Widget Artikel Random di Blog Responsive. Sekian Tutorial Blog yg sanggup aku bagikan serta Semoga Bermanfaat.

Tutorial Memasang Widget Artikel Terbaru Responsive Di Blog

Cara Pasang Recent Post/Artikel Terbaru di Blog Responsive,- Widget Recent Post atau Artikel Terbaru yaitu Sebuah Widget yg sanggup dipasang oleh pemilik Blog yg bermanfaat untuk memberitahukan kepada pengunjung mengenai artikel terbaru atau artikel yg gres di Update. Ada berbagai Blog diluar sana yg membagikan Cara Memasang Artikel Terbaru ini. serta Kali ini aku pun akan membagikannya.

Widget Recent Post atau Artikel Terbaru terdapat dua Jenis. yaitu yg pertama dengan memakai gambar atau Thumbnail serta yg kedua hanya judul saja. Kedua jenis Recent post ini sama saja, namun kalau anda menginginkan yg responsive atau fast Loading sanggup memakai yg judul saja. sebab tidak memakai gambar widget ini sangat responsive.


Dan Kali ini aku akan membagikan Cara menempatkan widget artikel terbaru memakai Judul saja. yg akan menciptakan Loading Blog tidak terlalu berat serta sangat responsive. untuk tutorialnya sanggup anda ikuti dibawah ini.

Cara Memasang Artikel Terbaru Responsive di Blog


1. Pertama Silahkan Masuk Dasboard - Tata Letak - Tambahkan Gadget serta Pilih Menu HTML/Java Script

2. Kemudian Silahkan Judul Widget Bisa Recent Post, Artikel Terbaru atau Terserah anda. Selanjutnya pada kolom bawah silahkan Isi dengan Kode CSS dibawah ini.

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://blogespada.blogspot.com/",
numPosts = 7;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="Tutorial Memasang Widget Artikel Terbaru Responsive di Blog" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

Pengaturan

  • Ganti var homePage: Dengan URL Blog anda
  • Ganti numPosts: Dengan Jumlah Artikel yg ingin ditampilkan

3. Terakhir Tinggal Simpan serta Lihat Hasilnya.

Baca: Cara Memasang Random Post Responsive di Blog

Demikian Artikel Mengenai Cara Pasang Artikel Terbaru Responsive di Blog, Sekian Tutorial Blog yg sanggup aku bagikan serta Semoga Bermanfaat.