Advertisement

Friday, 15 January 2016

How To Set Marquee Effect (Running Text) In Title Bar

AOA,
I was searching for Title Bar Marquee effect to add in to my blog Tittle & finely i found this script in tipsandtricksfor  and now i want share this script with my friends

HOW TO ADD TI

1. Log in to your blogger account
2. Go to Design>>>Edit HTML
3. Find this code : </head>
4. Copy the code below
<script type='text/javascript'>
//<![CDATA[
function tb9_makeArray(n){
this.length = n;
return this.length;
}
tb9_messages = new tb9_makeArray(1);
tb9_messages[0] = "Welcome To My Blog";
tb9_rptType = 'infinite';
tb9_rptNbr = 5;
tb9_speed = 100;
tb9_delay = 2000;
var tb9_counter=1;
var tb9_currMsg=0;
var tb9_timerID = null
var tb9_bannerRunning = false
var tb9_state = ""
tb9_clearState()
function tb9_stopBanner() {
if (tb9_bannerRunning)
clearTimeout(tb9_timerID)
tb9_timerRunning = false
}
function tb9_startBanner() {
tb9_stopBanner()
tb9_showBanner()
}
function tb9_clearState() {
tb9_state = ""
for (var i = 0; i < tb9_messages[tb9_currMsg].length; ++i) {
tb9_state += "0"
}
}
function tb9_showBanner() {
if (tb9_getString()) {
tb9_currMsg++
if (tb9_messages.length <= tb9_currMsg) {
if ((tb9_rptType == 'finite') && (tb9_counter==tb9_rptNbr)){
tb9_stopBanner();
return;
}
tb9_counter++;
tb9_currMsg=0;
}
tb9_clearState()
tb9_timerID = setTimeout("tb9_showBanner()", tb9_delay)
}
else {
var tb9_str = ""
for (var j = 0; j < tb9_state.length; ++j) {
tb9_str += (tb9_state.charAt(j) == "1") ? tb9_messages[tb9_currMsg].charAt(j) : "____"
}
document.title = tb9_str
tb9_timerID = setTimeout("tb9_showBanner()", tb9_speed)
}
}
function tb9_getString() {
var full = true
for (var j = 0; j < tb9_state.length; ++j) {
if (tb9_state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = tb9_getRandom(tb9_messages[tb9_currMsg].length)
if (tb9_state.charAt(num) == "0")
break
}
tb9_state = tb9_state.substring(0, num) + "1" + tb9_state.substring(num + 1, tb9_state.length)
return false
}
function tb9_getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
tb9_startBanner()

//]]>
</script>

5. Paste above </head>
6. Save it

NOTE : Change the red words with your message (Welcome To My Blog)

Adding Meta Tag Description and Keyword To Blogger Template

Blogger is one of the most used platform in 21st century but on the other hand it have some problems most of the blogger template are not well optimized for Search Engine Optimization,you have to work hard to improve your title tags in blogger.Usually Blogger template is not well optimized with keywords and meta tags which does not play important role any more but to make a website look good you have to optimized it well.so today i will show you how you can add Meta tag Description and Meta tag keywords in your blogger template follow the steps as shown bellow.




1.Go to Blogger.com  >> Template >> Then Edit The Template >> Make Sure you (TICK) Expend the Widget option

2.No Search For (PRESS Ctrl+F) and find <head> and replace it with the following code    
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>

<meta content='MetaTag Description' name='description'/>
<meta content='Keywords.' name='keywords'/>

3.Now its time to Optimize your template according to your website,

  • Replace MetaTag Description with your website's Description
  • Replace Keywords With the your website's keywords

And now hit Save button now your work is done soon Search Engine Bots will crawl your website and they will add your meta tag description and keywords to the search engine.

Source:My Blogger Lab

Wednesday, 20 May 2015

How To Add Social Counter Widget To Your Blog

Counter Widget is very important in today's blogging world be'coz it gives a very unique kind of look and feel to any blog. This widget is made purely by CSS so there will not come any kind of problem in the installing. Widget is made for three social network FB, Twitter, Google Plus, and this widget doesn't include any kind of JavaScript be'coz it should be compatible and well install.

Add Counter Widget in Blogger


  • Login to Blogger > Dashborad
  • Click on Drop Down Menu and select Layout
  • Add a HTML/JavaScript Gadget
  • Paste below code in it.

 <style type="text/css">
.container {
  margin: 0px auto;
  width: 300px;
  text-align: center;
}
.btn-sbm {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 5px;
  padding-top: 40px;
  width: 75px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-sbm:active {
  margin-top: 3px;
}
.btn-sbm:active .btn-sbm-action {
  padding-bottom: 3px;
  -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.btn-sbm:active .btn-sbm-action:after {
  bottom: 3px;
}
.btn-sbm-count {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 40px;
  font-size: 19px;
  letter-spacing: -1px;
  color: #555;
  text-shadow: 0 1px white;
  background: #e6eff5;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #c5c5c5 #bbb;
  border-radius: 8px 8px 0 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, transparent 40%);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
}
.btn-sbm-count:before, .btn-sbm-count:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #e6eff5;
}
.btn-sbm-count:before {
  margin-left: -7px;
  margin-top: 1px;
  border-width: 7px;
  border-top-color: rgba(0, 0, 0, 0.07);
}
.btn-sbm-action {
  display: block;
  position: relative;
  line-height: 32px;
  padding: 2px 0 6px;
  font-size: 14px;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border: solid rgba(0, 0, 0, 0.18);
  border-width: 0 1px;
  border-radius: 0 0 8px 8px;
}
.btn-sbm-action:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 6px;
  left: 0;
  right: 0;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
}
.btn-sbm-tweet {
  background: #83cfe8;
  background-image: -webkit-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: -moz-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: -o-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: linear-gradient(to bottom, #83cfe8, #6ebbd4);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.btn-sbm-tweet:after {
  -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
}
.btn-sbm-tweet + .btn-sbm-count {
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
}
.btn-sbm-like {
  background: #6480bd;
  background-image: -webkit-linear-gradient(top, #6480bd, #3c5894);
  background-image: -moz-linear-gradient(top, #6480bd, #3c5894);
  background-image: -o-linear-gradient(top, #6480bd, #3c5894);
  background-image: linear-gradient(to bottom, #6480bd, #3c5894);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
}
.btn-sbm-plus {
  background: #626262;
  background-image: -webkit-linear-gradient(top, #626262, #404040);
  background-image: -moz-linear-gradient(top, #626262, #404040);
  background-image: -o-linear-gradient(top, #626262, #404040);
  background-image: linear-gradient(to bottom, #626262, #404040);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
}
</style>
<br/>
<div class="container">
     <a href="https://twitter.com/eblogup" rel="nofollow" target="_blank"rel="author"  title="Find us on twitter" class="btn-sbm">
      <span class="btn-sbm-action btn-sbm-tweet">Twitter</span>
      <span class="btn-sbm-count">150+</span>
    </a>
    <a href="http://www.facebook.com/eblogup" rel="nofollow" target="_blank" title="Find us on facebook" class="btn-sbm">
      <span class="btn-sbm-action btn-sbm-like">Facebook</span>
      <span class="btn-sbm-count">650+</span>
    </a>
    <a href="https://plus.google.com/110245128838344013738" class="btn-sbm" target="_blank" rel="author" title="Find us on Google+">
      <span class="btn-sbm-action btn-sbm-plus">Google+</span>
      <span class="btn-sbm-count">140+</span>
    </a><br/>
</div><a style="float:right; color: #ffffff"href="http://www.eblogup.blogspot.com">Get This</a>

 Save your Widget and You are Done.


Make  Changes....!
Replace it eblogup with your Twitter username.
Replace it eblogup with your Facebook username
Replace it 110245128838344013738 with your Google Plus id.

Saturday, 31 January 2015

Blogspot Urdu Templates 2015

Free Urdu Blogger Templates for your  Blog. Urdu Blogger Templates for free and direct Download in Zip file.
Hey guys you don't need to search more for Urdu Blogger Templates because i am going to collect all the Urdu Blogger Templates and will put in to eBlogup so you guys can easly find and Downlaod from here.







VintagePaper-Urdu 1


VintagePaper-Urdu

Mosaico


Mosaico

Outono


Outono


ٖFor More New Urdu 2020 Templates Click Here

Tuesday, 25 November 2014

How to add a simple scrolling news ticker to blogger blog.

How to add a simple scrolling news ticker to blogger blog. News Ticker is the most used widget in website specially News Portal websites. Here I am to show you and give one of the idea how to put Scrolling News Ticker in you blog. It is easy and simple.

1. log in to your blogger
2. go to the blogger dashboard
3. go to layout
4 Choose add widget
5. Choose HTML/JavaScript
6. Paste the code below on it

Live Demo

See the Pen News Ticker For Blogger by humayun khan (@humayun) on CodePen.


7. Change the blog url in red to yours.
8. Save and preview you blog to see if its working.
Place it anywhere you want in your blog and you are good to go.

Hope you enjoyed it, Don't forget to check into the Blogger tips and tricks for latest updates.

Saturday, 8 November 2014

Seo Mag Blogger Template


Features of SEO Mag Template:

  • 1 Right Sidebar
  • 3 Columns footer
  • 2 columns layout
  • Subscription widget
  • Popular Posts widget
  • Social Buttons
  • Works with all type of Browsers
  • Ads Ready
  • SEO Ready
  • Gray Background
  • white
  • Pro Look
  • Top Navigation menu

Descriptions:

Seo Mag Blogger Template  Is A Another Beautiful Seo and Web Design Related Blogger Template. Its`2 Columns With 1 Right Sidebars,3 Columns Footer, Gray Background, Top Navigation Menu, Fast Loading, Seo Optimization,Bookmark Ready,White, Gray Colors With More Futures Available Blogger Template. Seo Mag Blogger Template Best For Seo and Web Design Info Blogs.




Sunday, 2 November 2014

How To Add Sliding Recent Post Widget for Bloggers Easily


Method to add this in your blog is very simple. Just follow the few steps below.

Sliding Recent Post Widget for Bloggers


Add Animated Recent Posts Widget

Procedure:
  • Go to blogger and login to your account.Select your blog.
  • Select Layout and then click add a Gadget. Select HTML/Javascript.
  • Just copy below code and paste it in that empty field. 
  • <style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript"></script>
    <script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;
    </script>  <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script></ul>
    
    See the Pen Sliding Recent Post Widget for Bloggers by humayun khan (@humayun) on CodePen.
  •  Now click on save. Select save arrangement and view your blog.
This is very short and simple tool. You dont need to go anywhere editing your template HTML. I hope you have liked my this tutorial. Don't miss any tutorial. Get subscribed by entering your e-mail address below and confrming it from your inbox. Have a nice day. Thanks   

Saturday, 1 November 2014

How to Use Blogger, Disqus and Facebook Comment tab Together on Blogger blog?


Integrate Facebook, Disqus and Blogger Comment Together on Blogspot Blog. 


Before proceeding you must have to have disqus and Facebook App Id. See Below Tutorial to get your on Facebook App id and Disqus Account.

Now i had assumed that you had your own disqus account username and Facebook App Id, So Now lets start the tutorial.

Step 1: Login in blogger Account. And select Your Blog.

Step 2: Backup Your Blogger Blog. (Learn how to backup Blogger Blog)

Step 3: Navigate Blogger Dashboard > Go to Template > Edit HTML.

Step 4: Find Following Code by pressing CTRL + F.
</head>


Step 5: Just Above </head> tag paste below code.

<script src="http://code.jquery.com/jquery-latest.pack.js">
<script src='http://tipsviablogging.github.io/tvbcommentstyle.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Note:
Replace eblog with with your own personal facebook username.
replce 1212xxxxx123 with your own facebook App Id.

Step 6: Now search for below code.
<div class='comments' id='comments'>

Note:If you find multiple code than paste below code under each
<div class='comments' id='comments'>

code

Step 7:Use Below Integrated Facbook, disqus and blogger tab generator, Copy and Paste Generated Code Just After
<div class='comments' id='comments'>

code.


Step 8: Now we need to add disqus script to show no. of comment on button for it, find below code.
</body>

Step 9: Paste Following code just above </body> tag.
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = &#39;Disqus-Site-Name&#39;; // required: replace example with your forum shortname
/* * * DON&#39;T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement(&#39;script&#39;); s.async = true;
s.type = &#39;text/javascript&#39;;
s.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;;
(document.getElementsByTagName(&#39;HEAD&#39;)[0] || document.getElementsByTagName(&#39;BODY&#39;)[0]).appendChild(s);
}());
</script>>


Replace Disqus-Site-Name with your own disqus site username.

Step 10: Save Your Template, that set.

Thursday, 30 October 2014

How To Make a Blog - Step by Step for Beginners!


How To Make a Blog - Step by Step for Beginners!

Learn how to create a blog step by step for beginners! In this video I show you how to make a blog website using the same technology as fortune 500 companies. This will show you how to make a wordpress blog from scratch!

This will show you how to learn to blog and how to make money with the blog.


Wednesday, 15 October 2014

How to Pretty-Print Code Snippets in Blogger

How to Pretty-Print Code Snippets in Blogger


Here's how I added it to my Blogger blog:


1. Click the Design tab and "Edit HTML".
2. Ctrl+F and find the </head> tag & past the below code right before the </head> tag.  JS:

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>


3. Now, whenever you're posting, add the prettyprint class to your pre or code tags:

<pre class="prettyprint">Welcome to eBlog Up
</pre>

4. If you want use numeric style use this prettyprint class tag.
<pre class="prettyprint linenums">
</pre>




For more details on using the prettify library, see the readme

Thursday, 2 October 2014

DoodlePro Blogger Template

DoodlePro Responsive



Doodpro is a fully responsive template, with clean and attractive color scheme. Responsive and 3D style thumbnails added with auto read more button on homepage! Doodlepro is ultra-fast blogger template that can function as gallery and magazine style blogs. We've added spectacular couple of menu-bar, 2 search bar area, related article and admin widget. We always use 'page navigation' in all our templates at bt9. It’s just the way to give your blog a complete professional look.

For More Details Click here 



ٖFor More New Urdu 2020 Templates Click Here

Geeks Gadget Template 2014

Geeks Gadget is an efficient and magnificent template for blogger.



Geeks Gadget is an efficient and magnificent template for blogger users. This theme is designed with such practices that your users would think twice whether it is a Blogger Template, or not because it has all the elements just like WordPress Themes. This template is ideal for those websites which running a Gadget niche blog including multimedia, technology and etc. The color combination of White, Lime blue, and gray makes this theme adorable. It is a crystal clear theme with some robust features few of them are listed below.

Features of Geeks Gadget Blogger Template:


Professional Email Subscription Widget 2014

Professional Email Subscription Widget Features

There are uncountable features comes with professional like subscription box. There are following important factors of this gadget which could clearly give a signal how this widget is important for blogger blog. View some of the major features by using popular subscriber widget inside the blog.
1.Easy to use & easy Interface:
2.Awesome designing & smooth layout:
3.Created by little piece of java script codes:
4.Never increasing Loading Time: Faster Gadget:
5.Stylish & Attracted the visitors also bring dramatic change in blog followers:

Adding Email Subscription Widget To Blogger Blog.

Here we will give you some tips and tricks how to add this widget easily in blogger blog without any hard movements: So below are the all beginner steps to add this widget in blogger. Let See how to add email subscriber gadget in blogger.

Go to blogger dashboard:
Go to layout >> Add Html/javascript gadget:
Now past the below given code:


<div align="center" id="probloggertricks"><div id="ig-subscription-optin" filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#55AAEE', endcolorstr='#003366',gradienttype=0 ); width: 265px;"><h4 id="probloggertricks-title-text" style="color: 000; font-size: 20px;">SUBSCRIBE OUR NEWSLETTER</h4><div id="probloggertricks-sub-title-txt" style="color: 000; font-size: 14px;">Join us for free and get valuable content delivered right through your inbox.</div><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=probloggertricks/fGet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input class="name" id="probloggertricks_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter Your Name" /><br /><input class="email" id="probloggertricks_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br /><div class="separator" style="clear: both; text-align: center;"></div><input name="uri" type="hidden" value="probloggertricks/fGet" /><input name="loc" type="hidden" value="en_US" /> <input id="probloggertricks_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form></div></div><style>#ig-subscription-optin {margin: 0px;padding: 10px;height: auto!important;padding: 0px 10px 15px 15px !important;text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin input.name {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjauHPXCjO-Ffw0GbO1-gD8jQCH7eAA08ZoPZ_F1G4d9H7oRoIEjKFVqkaHXeYM5YDH1thZvUfo0c2x7VKKpewtA6TQJUEDPqU42iJFpMx4cPoQg9svfpuG4TyjqKhbXqql3GjoUEwyuY26/s1600/subscribe-name.png) no-repeat center right;}#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPlKH9yudyR0pTHKHOfI8d6MJFFuljx9OogFR3eX4MMnR-bTwVCh7OMGtE5KhFM-UmdyyRoAfxLVe82aS6a8xKGz6Y29gEqwgc_4aHoTo_5_x9e8vbq4xSNh7D9CMcIELs9Qb4-lYLdSCz/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h4 {margin-bottom: 8px !important;font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;text-transform: none;text-decoration: none;text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {background-color: #0094D2;border: 1px solid #0094D2;color: red;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #f6640e; border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}#ig-subscription-optin input[type="submit"]:hover {color: #FFFC00;}</style>
Now Click On Save button and you done almost:

Make These Customization.

1.Replace probloggertricks/fGet with the url of your own blog feed-burner name:
2.If you wan to change the Heading news to your desire news then change SUBSCRIBE OUR NEWSLETTER
3.Replace Enter Email Address with your own desire if you wish to change input box message:
Finally you done almost:

Tuesday, 23 September 2014

How To Create Gmail Account Urdu & English










How To Create Gmail Account Urdu & English


'Google mail' or ‘Gmail‘ is a web-based email account in which emails are stored on the internet rather than on your computer. Internet email can be a flexible option as you can access emails from any computer that has internet access – for example, at internet cafés – anywhere in the world.

In this guide, we’re going to show you how to get started with email by creating an account in Gmail.

NB. We are using Chrome as our browser, however other browsers such as Internet Explorer and Firefox will look similar.
 Download Urdu Book For Gmail
You’ll need:

a computer with internet access.
Follow these step-by-step instructions to create a Gmail account

Step 1: Open up your internet browser and go to the Google home page: https://accounts.google.com/SignUp


Step 2:To set up your new account, Google needs some information about you – first, your first and last names. The ‘choose your username’ is the unique email address that you wish to use, which will be placed before ‘@gmail.com’. Because it needs to be unique, Google may have to check the availability of any name that you decide on to make sure that no one already has it. Type an email name into the ‘choose your username’ box and then fill out the rest of your information. You will need to ensure that the ‘I agree to the Google terms of service and Privacy Policy’ is ticked. Then click next step.

Step 3: If the email name that you requested in is not available, you’ll get a message saying that somebody already has that username and offering you some alternatives. You can decide to accept one of the alternatives or type in another name and check its availability once more. You will have to complete some of the other boxes again. You may have to do this a few times. Once you finalize your email address, it’s a good idea to make a note of it so that you can refer to it until you remember it.


Step 4:You’ll need to come up with a password so that you can log in securely to your account. Google may explain that you should try one with at least 8 characters long to be secure. Use letters and numbers to make the password more secure and difficult to guess. You’ll need to re-enter your password to ensure that it’s you choosing it and not a hacker’s (ro)bot. This is why it also asks you to insert two random words at the bottom of the page – this is a CAPTCHA code. You can skip this step if you don’t want to type in the CAPTCHA code but you will need to verify via a mobile phone if you don’t.


Step 5: Once you have completed this page fully, clicking Next Step will take you to the Create Profile Page. If you don’t wish to have a picture on the web, click Next Step to complete setting up your email. If you do, Click on Add Profile Photo and find a photo to add. Then click Next Step

Step 6: You will now have set up your account. You can go straight to your inbox and get started, or you can set up a photo to show as your profile picture. Click on Add a photo to upload a photo and select a photo.




Or click on Next Step to go to your inbox and get started.

The Original Content Copied From digitalunite & Translated to Urdu By eBlogup Admin

 Download Urdu Book For Gmail

Thursday, 18 September 2014

How To Upload/Install a Blogger Template Urdu & English




How To Upload/Install a Blogger Template Urdu & English

First download your new blogger template to your computer. If the template is contained in a zip file, ensure you have extracted the XML template.


1. Login to your Blogger Account.

2. Click on your blog name.
You can see overview of your blog.

3. Click on "Template".

 Download Urdu Book For Changing Blogger Template


Click on Template

4. Click on "Backup / Restore" button.

Click on Backup Restore button

"Backup / Restore" window will appear.

Backup Restore Template


5. Browse your template file (XML file) and click open.















Select XML template file

6. Finally click on "Upload" button.

Click on Upload Button

You are done.


Uploaded Successfully Message

Go to "Layout" to rearrange your widgets positions correctly.

 Download Urdu Book For Changing Blogger Template

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

© 2014 e Blogup. WP themonic converted by Bloggertheme9. Powered by Blogger.
TOP