<div class="container">
  [tkt_scs_spinner url="https://tukutoi.mamp/wp-content/themes/TukuToi/img/tkt-soc-logo-lg.gif" container="span" value="" customid="" customclasses="tkt_ajax_loader"]
  [tkt_scs_searchtemplate type="ajax" customid="" customclasses="" instance="blog_posts" pag_arg="step"]
      <div class="row justify-content-center">
          <div class="col-md-3">
              <div class="form-group [tkt_scs_postinfo item='' show='ID' filter='raw' sanitize='intval']">
                [tkt_scs_selectsearch placeholder="Search by Category" urlparam="cater" searchby="cat" type="single" customid="an_id" customclasses="form-control"]
              </div>
          </div>
          <div class="col-md-3">
              <div class="form-group">
                [tkt_scs_selectsearch placeholder="Search in tags" urlparam="tags" searchby="tag__in" type="multipleS2" customid="tags_search" customclasses="form-control"]
              </div>
          </div>
          <div class="col-md-3">
              <div class="form-group">
                [tkt_scs_selectsearch placeholder="Search by Author" urlparam="writer" searchby="author__in" type="multipleS2" customid="author_search" customclasses="form-control"]
              </div>
          </div>
          <div class="col-md-3">
              <div class="form-group">
                [tkt_scs_textsearch placeholder="this" urlparam="search" searchby="s" customid="" customclasses="form-control"]
              </div>
          </div>
          <div class="col-md-4">
            [tkt_scs_buttons label="Reset" urlparam="" value="" type="reset" autofocus="" form="" formtarget="_self" customid="" customclasses="btn"]
          </div>
      </div>
      [tkt_scs_buttons label="Submit" urlparam="" value="" searchby="" type="submit" autofocus="" form="" formtarget="_self" customid="submit-search" customclasses="btn btn-success"]
  [/tkt_scs_searchtemplate]

  [tkt_scs_loop instance="blog_posts" type="ajax" error="No Posts Found" pag_arg="step" posts_per_page="3" container="div" customclasses="card-group" ]
      <div class="card m-1 rounded" style="min-width: 18rem;">
          <div class="img-hover-zoom">
            <img class="card-img-top" src="[tkt_scs_attachmentimage item='' url='' show='featured_image' size='grid-card-img' icon='' filter='raw' sanitize='url_raw']" alt="post-image" />
          </div>
          <div class="card-body">
              <a href="[tkt_scs_postinfo item='' show='guid' filter='raw' sanitize='url_raw']">[tkt_scs_postinfo item="" show="post_title" filter="raw" sanitize="text_field"]</a>
              <p class="mt-2">[tkt_scs_postinfo item="" show="post_excerpt" filter="raw" sanitize="text_field"]</p>
          </div>
          <div class="card-footer mt-auto rounded-bottom">
              <div class="row">
                  <div class="col-12 text-center">
                      <a class="btn btn-sm btn-tkt" href="[tkt_scs_postinfo item='' show='guid' filter='raw' sanitize='url_raw']">Read More</a>
                  </div>
              </div>
          </div>
      </div>
  [/tkt_scs_loop]
  [tkt_scs_pagination instance="blog_posts" pag_arg="step" show_all="true" end_size="1" mid_size="2" prev_next="true" prev_text="Pre" next_text="Next" type="list" before_page_number="" after_page_number="" aria_current="page" ul_classes="pagination" li_classes="test" a_classes="page-link" current_classes="active page-link" container="div" containerclasses="d-flex pagination-container justify-content-center " add_args="" add_fragment=""]
</div>