Tuesday 24 May 2016

cara membuat widget rss feed scroll responsiv

cara membuat widget rss feed scroll responsiv - kemarin sudah saya posting widget tentang membuat widget RSS feeds upin dan ipin.nah sekarang saya akan widget rss feed yang ber efek scroll otomatis dan responsiv yang tentu nya keren banget dah widget ini bisa kamu pasang di side bar blog kamu.untuk membuat widget ini saya akan memberika sedikit panduan atau tutorial agar sobat yang membaca artikel ini dapat mengerti dengan mudah sekali penasaran kan apa widget nya yuk mari kita simak bersama sama.(baca juga : widget ricent coment terbaik)

cara membuat widget rss feed scroll responsiv


untuk contoh gambar widget ya berikut saya lampirkan gambar nya:

cara membuat widget rss feed scroll responsiv


cara membuat nya silahkan sobat copy code script di bawah ini



<!-- start feedwind code --><script type="text/javascript">document.write('\x3Cscript type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js">\x3C/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://feeds.feedburner.com/JohanAdsenseEvolution",rssmikle_frame_width: "300",rssmikle_frame_height: "400",frame_height_by_article: "40",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "off",scrollbar: "on",autoscroll: "on",scrolldirection: "up",scrollstep: "3",mcspeed: "20",sort: "Off",rssmikle_title: "on",rssmikle_title_sentence: "",rssmikle_title_link: "",rssmikle_title_bgcolor: "#0066FF",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "off",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M %p",item_description_style: "text+tn",item_thumbnail: "full",item_thumbnail_selection: "auto",article_num: "15",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; width:300px;"><a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS Feed Widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!--  end  feedwind code -->

untuk kode yang saya mark dengan warna merah silahkan diganti dengan link feedburner kalian dan untuk yang berwarna hijau berfungsi untuk kecepatan speed scrool pada widget terakhir untuk yang saya tandai dengan warna ungu berfungsi sebagai berapa banyak postingan yang  kita terapkan pada widget.(baca juga : cara membuat widget rss feed berlangganan keren)

untuk menerapkan widget silahkan menuju

  • dasboard
  • layout
  • tambah widget
lihat pada gambar dibawah ini

cara membuat widget rss feed scroll responsiv


jika sudah klik simpan dan lihat perubahan pada blog sobat.nah mudah kan untuk demo nya silahkan lihat di sini DEMO

0 komentar:

Post a Comment

-->Dilarang keras menyepam
-->like dan share artikel ini jika menurut anda bermanfaat sekali
-->jangan copas artikel di sini karena semua kontent di lindungi hakcipta
-->berkomentar lah yang sopan
-->terimah kasih sudah berkunjung