Mokoehbi Premium v4.5

     Theme Installation Guide

    Follow these simple steps to install and apply the theme to your Blogger website.

  • Extract Theme Files

    1. Download the theme file provided to you.

    2. Extract the contents of the downloaded file to reveal the theme files.

  • Step 2: Locate XML File

    1. Inside the extracted files, look for the XML file associated with the theme.

    After Extraction you will get this files


  • Step 3: Access Blogger Dashboard

    1. Log in to your Blogger account.

    2. Navigate to the "Themes" section in the left sidebar of your Blogger dashboard.


    Go in Your blogger Dashboard Click On "theme"


  • Step 4: Theme Upload

    Click On Down Arrow
    Click On Down Arrow


    1. Click on the "Down Arrow" icon near the "Customize" button.


    Then Click On "Restore"
    Then Click On "Restore"


    2. Select "Restore" from the dropdown menu.

  • Step 5: Upload Theme

    1. Click on the "Upload" button.

    2. Choose the XML file you obtained after extracting the theme files.

    3. Click "Upload."


  • Step 6: Wait for Upload

    1. The upload process may take a few seconds. Be patient.

    2. Once uploaded, a confirmation message will appear.


  • Step 7: Preview Changes

    1. Visit your website to see the changes applied by the new theme.

  • Congratulations! You've successfully installed and applied your new theme to your Blogger website. If you encounter any issues, Contect Us for assistance.

    Getting Started: Basic Setup and Configuration

    Follow these steps to set up your theme and import demo content for a quick start.


  • Extract Theme Files

    1. Download and extract the theme files provided.

    2. Locate the "Data File" folder within the extracted files.


  • Locate Data File

    1. Inside the "Data File" folder, find the XML file, which contains demo content for your theme.


  • Access Blogger Dashboard

    1. Log in to your Blogger account.


    Go to settings
    Go To Settings


    2. Navigate to the "Settings" section from the left sidebar.


  • Import Demo Content

    1. Scroll down to the "Manage Blog" section at the bottom of the settings page.


  • Go In Settings And Scroll Down
    Go In Settings And Scroll Down

    2. Look for "Import Content" and click on it.

    Click On Import
    Click On Import


  • Upload Data File XML

    1. Click on "Import."

    2. Choose your data file XML by selecting it.

    3. Click "Upload."


  • Wait for Upload

    1. The upload process may take approximately 60 seconds. Please be patient.

    2. Allow the system to complete the upload.


  • Refresh Your Website

    1. After the upload is complete, refresh your website.

    2. Check to ensure that all demo content has been successfully imported.

    Your theme is now set up, and demo content has been added to your Blogger website. If you face any issues during this process, contact us assistance. Enjoy your newly configured website!

Create Post

Movie Post Code

    <!-- BADGE -->
<!-- Add_Badge_Here -->
<!-- BADGE -->
<div class="rcimg-cover">
  <button id="toMiddle">
    <div class="play-video"></div>
  </button>

  <span class="bigcover"> </span>
</div>

<div class="goomsite-movie">
  <div class="goomsite-left">
    <div class="rcimg">
      <div class="rec-image">
        <div class="separator" style="clear: both;">
        
          <!--Add Your Poster Image Here-->

          <div class="separator" style="clear: both;">
            <a
              href=Movies_Poster_Url_Here
              style="display: block; text-align: center;"
              ><img
                alt="Movie_title_here"
                border="0"
                data-original-height="640"
                data-original-width="495"
                height="320"
                src=Movies_Poster_Url_Here
            /></a>
          </div>

          <!--End Add Your Poster Image Here-->
        </div>
      </div>
    </div>
  </div>

  <div class="goomsite-right">
  
    <!--Your Movie Title Here-->

    <h1>Movies_Title_Here</h1>

    <!--End Your Movie Title Here-->

    <fieldset class="rating">
      <input id="star5" name="rating" type="radio" value="5" />

      <label class="full"></label>

      <input checked="" id="star4" name="rating" type="radio" value="4" />

      <label class="half"></label>

      <input id="star3" name="rating" type="radio" value="3" />

      <label class="full"></label>

      <input id="star2" name="rating" type="radio" value="2" />

      <label class="full"></label>

      <input id="star1" name="rating" type="radio" value="1" />

      <label class="full"></label>

      <span class="likes">Rating Add_Rating_Here</span> <!-- Rating -->
      
    </fieldset>

    <!--Add Your Movies Details Here-->

    <div class="m-description">
  <span class="m-des">Type: Movies</span>

  <span class="m-des">Duration: Add_Movies_Duration_Here</span>

  <span class="m-des">Quality: Add_Movies_Quality</span>

  <span class="m-des">Release: Add_Movies_Release_Here</span>

  <span class="m-des">Genre: Add_Movies_Genre_Here</span>

  <span class="m-des">Director : Add_Movies_Director_Here</span>

  <span class="m-des">Cast: Add_Movies_Cast_Here</span>

  <!--End Your Movies Details Here-->
  
  <div class="alert info">
    <b>Notice:</b>

    Our Website do not own any copyright documents, if Our Website have violated any
    laws please let me know i will remove that movies.
  </div>

  Thank you for support

  <a href="mokoehbi.blogspot.com"> Mokoehbi</a> <!-- Change "Mokoehbi" to your Website Name -->

  <p></p>
</div>

<!-- Use Embedded movie here ! -->

<!--Stream Player by Twinkling Watermelon-->

<div class="box_stream">
  <iframe
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen=""
    frameborder="1"
    referrerpolicy="strict-origin-when-cross-origin"
    src=Add_Movies_Episode_Embed_Link_Here
  ></iframe>

	

Demo Post (Movie)

    <!-- BADGE -->
<b>complete/MOVIE</b> 
<b>episode/HD</b> <!-- Quality -->
<b>quality/⭐ 8.3</b> <!-- Rating -->
<b>badge/2024</b> <!-- Year -->
<!-- BADGE -->

<div class="rcimg-cover">
  <button id="toMiddle">
    <div class="play-video"></div>
  </button>

  <span class="bigcover"> </span>
</div>

<div class="goomsite-movie">
  <div class="goomsite-left">
    <div class="rcimg">
      <div class="rec-image">
        <div class="separator" style="clear: both;">

          <div class="separator" style="clear: both;">
            <a
              href="https://a.ltrbxd.com/resized/film-poster/1/2/3/3/4/8/5/1233485-fury-12-hours-0-500-0-750-crop.jpg?v=bb04ce59f0"
              style="display: block; text-align: center;"
              ><img
                alt="Movie_title_here"
                border="0"
                data-original-height="640"
                data-original-width="495"
                height="320"
                src="https://a.ltrbxd.com/resized/film-poster/1/2/3/3/4/8/5/1233485-fury-12-hours-0-500-0-750-crop.jpg?v=bb04ce59f0"
            /></a>
          </div>

        </div>
      </div>
    </div>
  </div>

  <div class="goomsite-right">
  
    <h1>Fury 12 Hours</h1>

    <fieldset class="rating">
      <input id="star5" name="rating" type="radio" value="5" />

      <label class="full"></label>

      <input checked="" id="star4" name="rating" type="radio" value="4" />

      <label class="half"></label>

      <input id="star3" name="rating" type="radio" value="3" />

      <label class="full"></label>

      <input id="star2" name="rating" type="radio" value="2" />

      <label class="full"></label>

      <input id="star1" name="rating" type="radio" value="1" />

      <label class="full"></label>

      <span class="likes">Rating 8.3</span> <!-- Rating -->
      
    </fieldset>

    <div class="m-description">
      <span class="m-des">Type: Movie</span>

      <span class="m-des">Duration: 1h 30m</span>

      <span class="m-des">Quality: HD</span>

      <span class="m-des">Genre: Action</span>

      <span class="m-des">Director : Wu Hao</span>

      <span class="m-des">Cast: Huafeng Chen, Andy On, Ni Ke Xin</span>

      <span class="m-des">Upload By Admin</span>

    </div>
  </div>
</div>

<div class="postmovie">
  <i class="fas fa-fire"></i><b> Description :</b>

  <p>A retired Chinese soldier, Lei Jun, finds himself in a race against time
    when a terrorist attack targets a Chinese community abroad. With only 12
    hours to act, he must summon all his strength and courage to protect his
    fellow citizens and survive the dire situation.<</p>

  <div class="alert info">
    <b>Notice:</b>

    Our Website do not own any copyright documents, if Our Website have violated any
    laws please let me know i will remove that movies.
  </div>

  Thank you for support

  <a href="mokoehbi.blogspot.com"> Mokoehbi</a> <!-- Change "Mokoehbi" to your Website Name -->

  <p></p>
</div>

<!--Stream Player by Twinkling Watermelon-->

<div class="box_stream">
  <iframe
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen=""
    frameborder="1"
    referrerpolicy="strict-origin-when-cross-origin"
    src="https://playerwish.com/e/zii5kylhiqvt"
  ></iframe>
</div>

	 

Series Post Code

   <!-- BADGE -->
<!-- Add_Badge_Here --> 
<!-- BADGE -->
<div class="rcimg-cover">
  <button id="toMiddle">
    <div class="play-video"></div>
  </button>

  <span class="bigcover"> </span>
</div>

<div class="goomsite-movie">
  <div class="goomsite-left">
    <div class="rcimg">
      <div class="rec-image">
        <div class="separator" style="clear: both;">
        
          <!--Add Your Poster Image Here-->

          <div class="separator" style="clear: both;">
            <a
              href="Series_Poster_Url_Here"
              style="display: block; text-align: center;"
              ><img
                alt="Movie_title_here"
                border="0"
                data-original-height="640"
                data-original-width="495"
                height="320"
                src="Series_Poster_Url_Here"
            /></a>
          </div>

          <!--End Add Your Poster Image Here-->
        </div>
      </div>
    </div>
  </div>

  <div class="goomsite-right">
  
    <!--Your Series Title Here-->

    <h1>Series_Title_Here</h1>

    <!--End Your Series Title Here-->

    <fieldset class="rating">
      <input id="star5" name="rating" type="radio" value="5" />

      <label class="full"></label>

      <input checked="" id="star4" name="rating" type="radio" value="4" />

      <label class="half"></label>

      <input id="star3" name="rating" type="radio" value="3" />

      <label class="full"></label>

      <input id="star2" name="rating" type="radio" value="2" />

      <label class="full"></label>

      <input id="star1" name="rating" type="radio" value="1" />

      <label class="full"></label>

      <span class="likes">Rating Add_Rating_Here</span> <!-- Rating -->
      
    </fieldset>

    <!--Add Your Series Details Here-->

    <div class="m-description">
      <span class="m-des">Type: Series</span>

      <span class="m-des">Duration: Add_Series_Duration_Here</span>

      <span class="m-des">Quality: Add_Series_Quality</span>
      
       <span class="m-des">Release: Add_Series_Release_Here</span>

      <span class="m-des">Genre: Add_Series_Genre_Here</span>

      <span class="m-des">Director : Add_Series_Director_Here</span>

      <span class="m-des">Starring: Add_Series_Cast_Here</span>

      <!--End Your Series Details Here-->
    </div>
  </div>
</div>

<div class="postmovie">
  <i class="fas fa-fire"></i><b> Description :</b>

  <!--Series Description Here-->

  <p>Add_Series_Description_Here</p>

    <!--End Series Description Here-->
  
  <div class="alert info">
    <b>Notice:</b>

    Our Website do not own any copyright documents, if Our Website have violated any
    laws please let me know i will remove that movies.
  </div>

  Thank you for support

  <a href="mokoehbi.blogspot.com"> Mokoehbi</a> <!-- Change "Mokoehbi" to your Website Name -->

  <p></p>
</div>

<div class="border-video">

  <div class="show-video respon-vdo">

    <a class="button-eps" data-eps="You are watching the episode 1" data-id="0"><div class="play-video"></div></a>

    <img class="mybackgroundx" />

  </div>

  <span class="video-title">Click Your Episode</span>
  <div class="tab-eps video-epsx">
    <script>
    
      var video_listx = [

      "Add_Series_Episode_Embed_Link_Here", <!-- Series Handler -->
      
      <!-- copy series handler and paste in this line to add more series episode -->

      ]

    </script>
  </div>
</div>

Demo Post (Series)

    <!-- BADGE -->
<b>complete/Completed</b> <!-- Completed, Ongoing -->
<b>episode/12-END</b> <!-- Episode -->
<b>quality/K-DRAMA</b> <!-- Drama -->
<b>badge/2022</b> <!-- Year -->
<!-- BADGE -->

<div class="rcimg-cover">
  <button id="toMiddle">
    <div class="play-video"></div>
  </button>

  <span class="bigcover"> </span>
</div>

<div class="goomsite-movie">
  <div class="goomsite-left">
    <div class="rcimg">
      <div class="rec-image">
        <div class="separator" style="clear: both;">
        
          <!--Add Your Poster Image Here-->

          <div class="separator" style="clear: both;">
            <a
              href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_RSndbYhXkZsifUaQLZTiPE8-ZwkxtwS4cuJPH7LbWakDRzF2rqUhmGLUfzcaN7Ngfn1uj_0veLroFTsr12e-g7862rW34sSlqbQiwOREHuW2PXp9mc7ilIcjrJLhsi8UAojvUWDAWh0LQThEun-FDcXLfIRqAhIsjkIS3xhLoO35AoIbAC7908033YTz/s830/All_of_Us_Are_Dead.jpeg"
              style="display: block; text-align: center;"
              ><img
                alt="Movie_title_here"
                border="0"
                data-original-height="640"
                data-original-width="495"
                height="320"
                src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_RSndbYhXkZsifUaQLZTiPE8-ZwkxtwS4cuJPH7LbWakDRzF2rqUhmGLUfzcaN7Ngfn1uj_0veLroFTsr12e-g7862rW34sSlqbQiwOREHuW2PXp9mc7ilIcjrJLhsi8UAojvUWDAWh0LQThEun-FDcXLfIRqAhIsjkIS3xhLoO35AoIbAC7908033YTz/s830/All_of_Us_Are_Dead.jpeg"
            /></a>
          </div>

          <!--End Add Your Poster Image Here-->
        </div>
      </div>
    </div>
  </div>

  <div class="goomsite-right">
  
    <!--Your Series Title Here-->

    <h1>All of Us Are Dead  S1</h1>

    <!--End Your Series Title Here-->

    <fieldset class="rating">
      <input id="star5" name="rating" type="radio" value="5" />

      <label class="full"></label>

      <input checked="" id="star4" name="rating" type="radio" value="4" />

      <label class="half"></label>

      <input id="star3" name="rating" type="radio" value="3" />

      <label class="full"></label>

      <input id="star2" name="rating" type="radio" value="2" />

      <label class="full"></label>

      <input id="star1" name="rating" type="radio" value="1" />

      <label class="full"></label>

      <span class="likes">Rating 7.9</span> <!-- Rating -->
      
    </fieldset>

    <!--Add Your Series Details Here-->

    <div class="m-description">
      <span class="m-des">Type: Zombie Horror Series</span>

      <span class="m-des">Duration: 53-72 minutes</span>

      <span class="m-des">Quality: 480P</span>
      
       <span class="m-des">Release: January 28, 2022</span>

      <span class="m-des">Genre: Coming-of-age,Horror,Zombie apocalypse</span>

      <span class="m-des">Director : Lee Jae-kyoo,Kim Nam-su</span>

      <span class="m-des">Starring: Park Ji-hu,Yoon Chan-young,Cho Yi-hyun,Lomon</span>

      <!--End Your Series Details Here-->
    </div>
  </div>
</div>

<div class="postmovie">
  <i class="fas fa-fire"></i><b> Description :</b>

  <!--Series Description Here-->

  <p> In the South Korean city of Hyosan, a science teacher enacts a horrific
        experiment, causing a local high school to be overrun with zombies. As
        the outbreak spreads to the city, and the beleaguered authorities
        struggle to contain it, a group of trapped students must band together
        and use their wits in order to survive and reach safety.</p>

    <!--End Series Description Here-->
  
  <div class="alert info">
    <b>Notice:</b>

    Our Website do not own any copyright documents, if Our Website have violated any
    laws please let me know i will remove that movies.
  </div>

  Thank you for support

  <a href="mokoehbi.blogspot.com"> Mokoehbi</a> <!-- Change "Mokoehbi" to your Website Name -->

  <p></p>
</div>

<div class="border-video">

  <div class="show-video respon-vdo">

    <a class="button-eps" data-eps="You are watching the episode 1" data-id="0"><div class="play-video"></div></a>

    <img class="mybackgroundx" />

  </div>

  <span class="video-title">Click Your Episode</span>
  <div class="tab-eps video-epsx">
    <script>
    
      var video_listx = [

      "https://streamtape.com/e/P7mbX9ezA1u01P9/",

      "https://streamtape.com/e/7PkgGj2a9xIAdGp/",

      "https://streamtape.com/e/V6qYA9jYl6tKVlg/",

      "https://streamtape.com/e/DokW6awW8OUk7mQ/",

      "https://streamtape.com/e/JeXqQGRmWdujzO1/",

     "https://streamtape.com/e/YZvprbBRyOivXAw/",

      "https://streamtape.com/e/6adQ0d9l76T9YlL/",

      "https://streamtape.com/e/QJQgpw9QlYf0Ooy/",

      "https://streamtape.com/e/LdyVaDwX4YHRrX4/",

      "https://streamtape.com/e/GkjJdj1mMVU1KGw/",

       "https://streamtape.com/e/LV6MV0RlMXc7wY/",

      "https://streamtape.com/e/DZv7Q4ovA8TkZDO/",

      ]

    </script>
  </div>
</div>

Layout Customization

1. Logo Customization


In Layout 

Upload Your Logo By Url Or By Using Upload Button


---------------------------------------------------------------------------------------------

2. Menu Section


In Layout 




---------------------------------------------------------------------------------------------

3. Feature Post


In Layout


You Can Add Your Label Here "5/KDrama/Featured" 

5 :- Number of post want to show 
Kdrama :- is label which you want to show
Featured :- type

------------------------------------------------------------------------------------------------

4. Sidebar


In Layout


---------------------------------------------------------------------------------------------

5. Footer Section


In Layout


---------------------------------------------------------------------------------------------

6. How To Edit Slider


In Layout


---------------------------------------------------------------------------------------------

7. Hide Post Header Title And Labels


Copy the given css code

          
css
css
<style> .item-post .blog-entry-header{ display: none; } </style>

For that go theme > click on down arrow > then click on edit html


And then Press CTRL + F And Type this "Remove Post Header"


And Then Click On Save Icon To Save Changes


Done Your Post Header And Title is Hidden Now

Comments