ZM Urdu Blogger Template

ZM Urdu Blogger Template

Preview
Download

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="http://1.bp.blogspot.com/-52pQkKLxs4k/VFDx-dcUc7I/AAAAAAAAATg/H5i0OS_Ae4w/s1600/indian-village-scene-QA44_l.jpg" alt="سرائے عالمگیر (حمید چوہدری سے )ویڈن DSPو SHOسٹی سرائے عالمگیر" width="540" height="306" /></a>

<a href="#"><img src="http://4.bp.blogspot.com/-g7Qp4qoPk5w/VFDx-X5OeeI/AAAAAAAAATc/eFQBM79oiio/s1600/1-old-english-village-morgan-fitzsimons.jpg" alt="سرائے عالمگیر (حمید چوہدری سے )ویڈن DSPو SHOسٹی سرائے عالمگیر" width="540" height="306" /></a>
<a href="#"><img src="http://4.bp.blogspot.com/-CjrqQ1j5S7M/VFDx-U13_UI/AAAAAAAAATk/no28QTxsp7A/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

ZMTemplates

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...