Simple Recent Posts Wordpress Widget Untuk Blogger
Postingan hari ini masih berlanjut wacana simple recent posts, namun kali ini kita akan menciptakan recent posts Wordpress untuk kita tampilkan di Blogspot. Hal ini dapat berkhasiat bila Anda mempunyai blog Wordpress dan feed-nya ingin ditampilkan di blog Blogspot Anda.Baca juga:
Secara default, Wordpress mempunyai feed menyerupai berikut: http://domainAnda.com/feed/
Nah untuk menciptakan recent posts Wordpress untuk ditampilkan di Blogspot, silahkan ikuti langkah-langkahnya di bawah ini.
1. Silahkan simpan arahan di bawah ini di gadget HTML/Javascript sidebar blog Anda.
<script>
//<![CDATA[
function feedWordp(){document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://feed2js.org//feed2js.php?src=http%3A%2F%2FdomainAnda.com%2Ffeed%2F&num=6&utf=y\"></scr" + "ipt>");}
feedWordp()
//]]>
</script>
Perhatikan arahan
domainAnda.com silahkan dengan domain blog Wordpress Anda. arahan angka 6 untuk memilih banyaknya feed yang ditampilkan.2. Simpan arahan CSS di bawah ini di atas arahan
</head> <style type='text/css'>
.rss-box{
width:auto;
padding:0 10px;
margin:0 auto;
border:1px solid #ddd;
}
.rss-box ul,.rss-box li {
list-style:none;
margin:0;
padding:0;
}
.rss-box a{
text-decoration:none;
}
.rss-box li{
border-top:1px solid #ddd;
padding:6px 0
}
.rss-box li:first-child{
border-top:none;
}
</style>
Result: JsFiddle
Namun bila ternyata blog Anda mempunyai url feed yang berbeda dengan di atas atau feed blog Wordpress Anda memakai FeedBurner, silahkan ikuti langkahnya di bawah ini.
1. Silahkan masuk ke Feed2JS
2. Silahkan ikuti sesuai petunjuk gambar di bawah ini, yang lainnya biarkan default.
3. Setelah klik Generate Javascript maka akan muncul arahan menyerupai di bawah ini sebagai contoh:
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fayointer.net%2Ffeed%2F&num=6&utf=y" charset="UTF-8" type="text/javascript"></script>
<noscript>
<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fayointer.net%2Ffeed%2F&chan=title&num=6&utf=y&html=y">View RSS feed</a>
</noscript>
4. Silahkan ganti arahan
& menjadi & (ada 2 buah) pada url javascript semoga tidak eror HTML5. Kemudian silahkan gunakan cara pertama di atas dengan mengganti url javascriptnya semoga tidak terjadi render blocking js, sehingga menjadi menyerupai di bawah ini <script>
//<![CDATA[
function feedWordp(){document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://feed2js.org//feed2js.php?src=http%3A%2F%2Fayointer.net%2Ffeed%2F&num=6&utf=y\"></scr" + "ipt>");}
feedWordp()
//]]>
</script>
5. Untuk CSS silahkan gunakan juga CSS pada cara pertama di atas.
Selamat mencoba... Sumber https://www.kompiajaib.com/
0 Response to "Simple Recent Posts Wordpress Widget Untuk Blogger"
Posting Komentar