Tutorial

  • Android
  • Blogger
  • Pendidikan
  • Printer
  • Komputer
  • MedSos
  • Widget related post if interpreted means that the related post Widget is one of a kind of widget that features several post blog titles that have been published with the goal of attracting visitors   to Visit the title of one of the titles to be assigned.

    For the related post widget itself is usually already existing or default from the template, as almost all templates are currently implemented. And for a related post widget View, there are generally two types of static and Grid views.

    For those of you who have not understood the appearance of static Post Related widgets and Related Post Grid widgets The following admins include an example of the two Widget's views:

    This is an example of a Grid view type where post titles are stacked in squares parallel to the number of 2 rows and 8 columns of post titles.

    And this is an example of static view where the post title appears vertical down by a total of 3 lines and can be more dependent on the number of posts to be displayed.

    For those of you who want to change the look of the Widget Related Post either from static to Grid view or vice versa from Grid to static view. Here's the tutorial.

    Open the page dashboard Blogger then select the menu Edit HTML, use the search feature by activating it first using the key combination CTRL + F then in the search field use keywords based on the title widget related post on Your blog that wants to change its appearance.

    Once the related post widget code is found, note that there must be a compound code similar to the URL of a page, the URL is actually the core of the related post view.

    Screenshot The above code is a widget code related post with Grid view, to set the number of posts that is displayed is to change the width and height of the widget itself then automatically the title of the widget shown will follow the space Available keywords to resize the widget is the code   height

    Screenshot above code is a sample widget with a static display, it looks slimmer code when compared to grid widget code and there is only one height to set the number of posts based on high size of widget view.

    Here Admin change display Widget Related Post Blog share tutorials online default amp le grid template discuss tutorials from Grid view to static. Then the code that must be changed is the admin block code as shown in the picture above the discuss Tutorial is replaced with the code of the Widget Related Post by Arlina Design. For widget titles can be changed at will, e.g. many reads are turned into other posts, or maybe you're in the mood.

    Result looks like the following image of the previous Grid becomes a static display with the number of 3 post titles and a slight snippet of text from the post.

    For those of you who want to try to change the appearance of the widget related post-default template to Grid or static please follow the above tutorial with only a link source display widget related post generally the code as follows:

     
      https://rawcdn.githack.com/bahastutorial/ampbahastutorial/ce792bce89e292cf9c07cc35f5984af5b8ced7ae/realetedpostamp.html?
    

    Or can also be a way of using some core code related post widgets that begin with code < AMP-iframe and closed with code </amp-iframe>

     
      <amp-iframe frameborder='0' height='330' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' src='https://rawcdn.githack.com/bahastutorial/ampbahastutorial/ce792bce89e292cf9c07cc35f5984af5b8ced7ae/realetedpostamp.html?url=https://bahastutorial.com/' width='600'>
      <div aria-label='Random Post' overflow='' role='button' tabindex='0'>Banyak Dibaca</div>
      </amp-iframe>
    

    Or if it turns out the code related post default template Agan is much different from the source code to be used, or when substituted link source displays widget related post looks into nowhere and the solution is to replace the whole The related post widget code generally starts with a code <b:if cond= and closed with the code </b:if>

     
      <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
      <!-- Seccion Random post Entry -->
      <amp-iframe frameborder='0' height='330' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' src='https://rawcdn.githack.com/bahastutorial/ampbahastutorial/ce792bce89e292cf9c07cc35f5984af5b8ced7ae/realetedpostamp.html?url=https://bahastutorial.com/' width='600'>
      <div aria-label='Random Post' overflow='' role='button' tabindex='0'>Banyak Dibaca</div>
      </amp-iframe>
      <!-- Fin Seccion -->
      </b:if>
    

    For the style related post option please visit the following post Collection Code Related Post cool Suport templates AMP and Non AMP Friendly SEO.

    Artikel Terkait:
    Bagi Anda yang ingin mendapatkan notifikasi update setiap harinya silahkan bergabung WhatsApp Group Gabung Sekarang
    Comment Sekarang