ZM Urdu Blogger Template

ZM Urdu Blogger Template


Template Name: ZMUrdu

Platform: Blogger / Blogspot

Author :

Designer : ZM Templates


[Bloggger Templates]

ZM Urdu is a Amazing Blogger Template. Template for Urdu blog or a high quality Urdu News website. Template is really clean, with a design that looks nice and simple. The color combination of Red, white, Theme is compatible with all browsers. professional and SEO Friendly ZMUrdu template, Enjoy


  1. Sidebar Menu: Just like our other themes, we have also added a high functioning Sidebar menu to this template, providing a lot of flexibility to those who want to add a lot of categories and sub categories to their website.
  2. JQuery Image Slider: In this Template, we have incorporated a modest and light weight jQuery image slider that works pretty well.
  3. Custom Urdu fonts: Urdu template uses Urdu Web fonts like Professional Fonts.
  4. More Features: Ads Friendly, SEO Optimized, Urdu Fonts, Urdu News Layout and much more

How To Add Time Gadget?

Go to Layout  >> click Edit on the Time HTML/Javascript Widget >>Paste the following code to show the Time.

<a href="" id="time_is_link" style="font-size:18px;color:000000"></a>
<span id="Lahore_z421" style="font-size:18px;color:000000"></span>
<script src=""></script>
time_is_widget.init({Lahore_z421:{template:"DATE", date_format:"dayname daynum/monthnum/yy"}});

How to Add Facebook Page?

Go to Layout and click >> Edit on the Facebook Page HTML/Javascript Widget >> Paste the following code to show the Facebook Page.

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//;width=200&amp;height=62&amp;colorscheme=dark&amp;show_faces=false&amp;header=true&amp;stream=false&amp;show_border=true" style="background-color: #A52232; border: none; height: 62px; overflow: hidden; width: 239px; border-radius: 3px;"></iframe>

How to Setup Slider?

Go to Layout and click >> Edit on the Slider HTML/Javascript Widget >> Paste the following code to show the Slider.

<script src="" type="text/javascript"></script>
<script src="" type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">

<a href="#"><img src="" alt="سرائے عالمگیر (حمید چوہدری سے )ویڈن DSPو SHOسٹی سرائے عالمگیر" width="540" height="306" /></a>

<a href="#"><img src="" alt="سرائے عالمگیر (حمید چوہدری سے )ویڈن DSPو SHOسٹی سرائے عالمگیر" width="540" height="306" /></a>
<a href="#"><img src="" alt="ZMTemplates" width="540" height="306" /></a>

<div id="htmlcaption1" style="display: none;">
Image Slider by <a href="" target="_blank">ZMTemplates</a>
<div id="htmlcaption2" style="display: none;">
<a href="" target="_blank">CSS</a> <a href="" target="_blank">JavaScript</a> Rocks.

How to Add Sidebar Menu?

Go to Layout and click >> Edit on the Sidebar Menu HTML/Javascript Widget >> Paste the following code to show the Sidebar Menu.

<div class="container">
<div class="content"><div id="cssmenu">
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>قرآن پاک</span></a></li>
<li class="active has-sub open"><a href="#"><span>آج کا اخبار</span></a>
<ul style="display: block;">
<li class="has-sub"><a href="#"><span>کالم</span></a>
<li class="has-sub"><a href="#"><span>پرانی خبریں</span></a>
<li class="has-sub"><a href="#"><span>سیاست</span></a>
<li class="has-sub"><a href="#"><span>تعلیم و تربیت</span></a>
<li class="has-sub"><a href="#"><span>دین و مذهب</span></a>
<li><a href="#"><span>ہماری ٹیم</span></a></li>
<li class="last"><a href="#"><span>رابطہ</span></a></li>

How To Make New Post ? (Exclusive Instruction)

Go To >> New Posts >> Compose >> First of all, Insert Jump Break Button in Starting Post.



Hey EveryOne! The Guy behind this web is called "Zain Masood". I am 22 years old now. Currently, I can speak 2 Languages, Urdu, English. By Profession I'm a Web Designer, Computer Expert,Blogger and SEO Optimizer.

You may also like...