,
A+ A-
ZM Urdu Blogger Template
Template Name: ZMUrdu
Platform: Blogger / Blogspot
Author : www.zmtemplates.com
Designer : ZM Templates
ZM
[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

TEMPLATE FEATURES

  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="http://time.is/Lahore" id="time_is_link" style="font-size:18px;color:000000"></a>
<span id="Lahore_z421" style="font-size:18px;color:000000"></span>
<script src="http://widget.time.is/en_gb.js"></script>
<script>
time_is_widget.init({Lahore_z421:{template:"DATE", date_format:"dayname daynum/monthnum/yy"}});
</script>

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="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FZMTemplates&amp;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="http://project.dimpost.com/image-slider/js-image-slider-1.js" type="text/javascript"></script>
<script src="http://project.dimpost.com/image-slider/js-image-slider-2.js" type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBpHKRm4_WjEMErIGO-idzF4VS0Wtxy8Nvq724DlO0hz2mTK6cGZsvb_W8qLZiIawQBB9XlDK7OE6pMqu9PfcJpLNnyNaxSwKNqm9utaPodzk6HaLlTz3NrZvq8IPnMlkteYG5Gv8v1al5/s1600/indian-village-scene-QA44_l.jpg" alt="سرائے عالمگیر (حمید چوہدری سے )ویڈن DSPو SHOسٹی سرائے عالمگیر" width="540" height="306" /></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiISx6YrQbyJ9eUVg5P7NlMliDgYkG2KrV4GLk2_U1iCdWaJTYI_dtPaUp47q20s2b6CMjcG5epCY-TZtAIrDzd81SW0nBvgSAM4prILz5OflF4nKOKXH8IJ8Ymn9HyC5Zj2xk6EzACSdyt/s1600/1-old-english-village-morgan-fitzsimons.jpg" alt="سرائے عالمگیر (حمید چوہدری سے )ویڈن DSPو SHOسٹی سرائے عالمگیر" width="540" height="306" /></a>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd0qZ_gFdKA0iKBoHx1JLezxGsbKfR_WUeH3zKn0QWsOFUh24B4N-9CkcdgaXWkwrt3dy5-4gAC-VY5bs9InqSjm_PHxIdZmJi_uUE8nW3QRebULeMIDARy5RlKwnNiK_hOobXsyrBCZgw/s1600/557946_10150664163294495_659589494_9635856_2137543693_n.jpg" alt="ZMTemplates" width="540" height="306" /></a>

</div>
<div id="htmlcaption1" style="display: none;">
Image Slider by <a href="http://www.zmtemplates.com" target="_blank">ZMTemplates</a>
</div>
<div id="htmlcaption2" style="display: none;">
<a href="http://www.w3schools.com/css/" target="_blank">CSS</a> <a href="http://www.w3schools.com/js/default.asp" target="_blank">JavaScript</a> Rocks.
</div>
</div>

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">
<ul>
<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>
<li class="has-sub"><a href="#"><span>پرانی خبریں</span></a>
</li>
<li class="has-sub"><a href="#"><span>سیاست</span></a>
</li>
<li class="has-sub"><a href="#"><span>تعلیم و تربیت</span></a>
</li>
<li class="has-sub"><a href="#"><span>دین و مذهب</span></a>
</li>
</ul>
</li>
<li><a href="#"><span>ہماری ٹیم</span></a></li>
<li class="last"><a href="#"><span>رابطہ</span></a></li>
</ul>
</div></div>
</div>

How To Make New Post ? (Exclusive Instruction)

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