How To Setup Josephine Blogger Template

JosePhine is a construct clean in addition to minimalist Blogger blogging theme. JosePhine blogger template is a low-cal & brilliant weblog theme, tailored to showcase your content inwards an effortlessly timeless style. JosePhine is equipped amongst diverse of widgets which volition help you lot to pose out your weblog to a greater extent than professionally. To arrive slowly for you lot nosotros bring published this detailed documentation, hence that you lot tin forcefulness out setup your weblog correctly.
You bring made a skilful determination yesteryear choosing our template. You tin forcefulness out cheque the alive demo or download the template through the push clit below in addition to every bit good Please Read this documentation carefully inwards guild to educate your weblog in addition to delight banker’s complaint that there’s no back upwardly for gratis users.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap

          Main Menu/Dropdown/Multi Dropdown

          On Blogger Dashbord Click Template
          Click Edit HTML
          Scroll downwards in addition to Find this Code :.

              <!–Main Menu–>
          <ul class=’sf-menu gdlr-main-menu’ id=’menu-main-menu-1′>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’/’>Home</a></li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’#’>Features</a>
          <ul class=’sub-menu’>
          <li class=”><a href=’#’>Multi DropDown</a>
          <ul class=’sub-menu’>
          <li><a href=’#’>DropDown 1</a></li>
          <li><a href=’#’>DropDown 2</a></li>
          <li><a href=’#’>DropDown 3</a></li>
          </ul>
          </li>
          <li class=”><a href=’https://collective-template.blogspot.in/p/post-format-and-page-markup.html’>ShortCodes</a></li>
          <li class=”><a href=’https://www.moviegood.info//search?q=josephine-blogger-templates’>SiteMap</a></li>
          <li class=”><a href=’https://collective-template.blogspot.in/soratemplates’>Error Page</a></li>
          </ul>
          </li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’#’>Shortcodes</a></li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’#’>Pages</a></li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’#’>Contact</a></li>

          <li class=’menu-item menu-item-type-post_type gdlr-normal-menu’><a href=’https://www.moviegood.info//search?q=josephine-blogger-templates’>Download This Template</a></li>
          </ul>

          Change # amongst your desired url in addition to text amongst your carte du jour label.

          Mobile Menu

          On Blogger Dashbord Click Template
          Click Edit HTML
          Scroll downwards in addition to Find this Code :.

             <!–Mobile Menu–>
          <ul class=’dl-menu gdlr-main-mobile-menu’ id=’menu-main-menu’ itemscope=’itemscope’ itemtype=’http://schema.org/SiteNavigationElement’>

          <li class=’menu-item menu-item-type-post_type’><a href=’/’>Home</a></li>

          <li class=’menu-item menu-item-type-post_type’><a href=’#’>Features</a>
          <ul class=’sub-menu’>
          <li class=”><a href=’#’>Multi DropDown</a>
          <ul class=’sub-menu’>
          <li><a href=’#’>DropDown 1</a></li>
          <li><a href=’#’>DropDown 2</a></li>
          <li><a href=’#’>DropDown 3</a></li>
          </ul>
          </li>
          <li class=”><a href=’https://collective-template.blogspot.in/p/post-format-and-page-markup.html’>ShortCodes</a></li>
          <li class=”><a href=’https://www.moviegood.info//search?q=josephine-blogger-templates’>SiteMap</a></li>
          <li class=”><a href=’https://collective-template.blogspot.in/soratemplates’>Error Page</a></li>
          </ul>
          </li>

          <li class=’menu-item menu-item-type-post_type’><a href=’#’>Shortcodes</a></li>

          <li class=’menu-item menu-item-type-post_type’><a href=’#’>Pages</a></li>

          <li class=’menu-item menu-item-type-post_type’><a href=’#’>Contact</a></li>

          <li class=’menu-item menu-item-type-post_type’><a href=’https://www.moviegood.info//search?q=josephine-blogger-templates’>Download This Template</a></li>
           
          </ul>

          Change # amongst your desired url in addition to text amongst your carte du jour label.

          Logo Background

          Access your blog Theme > click Edit Html and hence uncovering the next coding.

          header.gdlr-header-wrapper {
            background: url(http://4.bp.blogspot.com/-pofkKYdOShE/VUzU1qOMz-I/AAAAAAAAFKk/QdVKQPWu5hU/s1600/704321_original_R_by_Thorben-Wengert_pixelio2.jpg) move yesteryear left no-repeat;
            background-size: 145%;
            height: 408px;
          }

          Change blood-red highlighted code amongst your picture url.

          Facebook Page Plugin:

          <center><div class=”fb-padding”><div id=”fb-root”></div>
          <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = “//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531”;
            fjs.parentNode.insertBefore(js, fjs);
          }(document, ‘script’, ‘facebook-jssdk’));</script>
          <div class=”fb-page” data-href=”https://www.facebook.com/soratemplates” data-width=”280″ data-height=”230″ data-hide-cover=”false” data-show-facepile=”true” data-show-posts=”false”><div class=”fb-xfbml-parse-ignore”></div></div></div></center>

          or you lot tin forcefulness out follow this tutorial if inwards a higher house method won’t work

          Flicker Image 

          You Can See sidebar Have Flicker Image Widgets.
          Follow this Steps To Add Flicker Widgets
          1. Go To Blogger >> Layout
          2. Now Click On “Add a Gadget” in addition to Add Your Own Widgets
          3. Now Add Your Java Script Here

          <div class=”flickr_plugin”>
          <script src=”http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&[email protected]″ type=”text/javascript”>
          </script>
          </div>

          Replace This [email protected] With Your Flicker Id
          You Can Use http://idgettr.com/ to generate Your Flicker Id

          Installation And Custom Services

          We render enough of templates for gratis but if you lot wish something unique for your weblog hence allow us exercise a unique blueprint for your blog, Just state us your needs in addition to nosotros volition convert your dream blueprint into reality. We every bit good Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick in addition to secure means of getting your template setup without hassle.


          Sumber https://www.sorabloggingtips.com/