All About Blogging

NTC (Nepal Telecom) is biggest Internet Service Provider of Nepal. It provides several networking services in Nepal. And of course ADSL internet service is one of them. It provides many internet packages such as Limited ADSL and Unlimited ADSL package. Most people use unlimited service because though it is slower than limited package, it is also cheaper than limited package. Now we learn about configuration of ADSL modem router.

Step wise solution of installation of ADSL Modem:-

Step 01: In the first, open Internet Explorer or Google Chrome and type default IP address (192.168.1.1) of your modem (router) and either click on Go or Press 'Enter' button of Keyboard.

Step 02:  Now you see a pop up authentication box where you should enter username and password. If you are using new router, there you can see default username and password back of router or modem.
Default Username and Password are usually admin in TP-Link Router (modem) and in delta and others, it may be admin as username and password as password. Just look back side of modem, you will get it.

Step 03:  Now you will log in into the Modem Configuration System. Go to Quick Start to set up modem easily. Click on Run Wizard as shown in figure.

Step 04: Click Next to install the router (modem) and choose appropriate location, then again click Next and choose ISP connection type as PPPoE/PPPoA.

Step: 05: Now type username and password provided by ISP. In ADSL system of NTC, the username and password both are adslLandLine Number. Such as adsl4389844. Then type 8 in VPI and 81 in VCI as shown in figure. After that choose connection type PPPoE LLC. Click on Next.

Step 06: Now you can write SSID, Preshared Key what you want, and you can choose authentication type and encryption type as your wish.

Step 07: Finally click Next and Next to configure your ADSL Modem.

Step 08: You successfully configured your ADSL router.

Recently, one of my visitor friend asked me how to add drop down menu in blogger. So this tutorial specially dedicated to him. Friends here I am going to show you that the adding technique of drop down menu in blogger only using css. There is no need to add javascript and jquery for this tutorial. Actually using javascript and jquery make the site little bit slower than the using css. Therefore, there is no need to run after the javascript and jquery.

It is too easy to add this code into your blogger blogs. You also should not keep back up of your templates because actually this does not affect the template code of blog. So now lets go into our step by step process of drop down tutorial:-

This is not extra things for you but some of my visitors asked me for dropdown menus, so I put this simple codes for simple drop down menu.

Step 1: In the beginning just copy the following code.

<div id='absnavbar'>
<ul id='absnav'><li> <a href='#'>Company</a> </li>
<li> <a href='#'>Portfolio</a></li>      
<li> <a href='#'>About</a> </li>
<li> <a href='#'>Contact</a>
<ul> <li><a href='#'>sub_contact 1</a></li>
<li><a href='#'>sub_contact 2</a></li>
<li><a href='#'>sub_contact 3</a></li>
</ul>
</li>
</ul>  
</div> 

Step 2: Then Login into your Blogger and find the layout then click it and just search the HTML/JAVASCRIPT.
\
Step 3: Now just paste the above code into HTML/JAVASCRIPT box.

Step 4: After that save it.

Now you have to add the css code for formatting or giving the style for that HTML code.

Step 5: Just go to the layout and at the top of layout you can see the template designer link, just click it.

Step 6: Then click on advance and choose the add css link among these list. And then paste the given code in this box.

/*-----Drop Down Menu for Blogger by allblogsolution ----*/
#absnavbar {     background: #333333;     width: 960px;     color: #ffffff;         margin: 0px;         padding: 0px;         position: relative;         border-top:0px solid #323232;         height:38px;}
#absnav {     margin: 0px;     padding: 0px; } #absnav ul {     float: left;     list-style: none;     margin: 0px;     padding: 0px; } #absnav li {     list-style: none;     margin: 0px;     padding: 0px;         border-left:1px solid #333;         border-right:1px solid #333;         height:38px; } #absnav li a, #absnav li a:link, #absnav li a:visited {     color: #eeeeee;     display: block;    font:normal 14px Helvetica, sans-serif;    margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none;         } #absnav li a:hover, #absnav li a:active {     background: #ff0100;     color: #ffffff;     display: block;     text-decoration: none;         margin: 0px;     padding: 10px 13px 11px 13px;                     }#absnav li {     float: left;     padding: 0px; } #absnav li ul {     z-index: 9999;     position: absolute;     left: -998em;     height: auto;     width: 160px;     margin: 0px;     padding: 0px; } #absnav li ul a {     width: 142px; } #absnav li ul ul {     margin: -25px 0 0 161px; } #absnav li:hover ul ul, #absnav li:hover ul ul ul, #absnav li.sfhover ul ul, #absnav li.sfhover ul ul ul {     left: -998em; } #absnav li:hover ul, #absnav li li:hover ul, #absnav li li li:hover ul, #absnav li.sfhover ul, #absnav li li.sfhover ul, #absnav li li li.sfhover ul {     left: auto; } #absnav li:hover, #absnav li.sfhover {     position: static; }#absnav li li a, #absnav li li a:link, #absnav li li a:visited {     background: #ff0100;     width: 120px;     color: #ffffff;     display: block;     font:normal 14px Helvetica, sans-serif;     margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none; z-index:9999; border-bottom:1px dotted #444444;    } #absnav li li a:hover, #absnavli li a:active {     background: #151414;     color: #ffffff;     display: block;     margin: 0px;     padding: 10px 13px 11px 13px;         text-decoration: none; }

Step 7: At last click on apply now button.

Now we are successfully done this tutorial. Thanks for visiting us.

Using Smileys and Emoticons in chatting, commenting and in messaging have become a very popualar. This can be the great way to make the discussions and debate very interesting and fun. Emoticons and smileys can be angry, happy, teasing, laughing, crying, smiling etc. So using it in the blog comment can be more enjoyable.

I always recommend you all not to change any code without keeping back up your template.

Here is very easy steps to add smileys and emoticons.

Step 1: As usual Login to your dashboard of blogger.
Step 2: Then go to template and click on edit html

Blogger dashboard

Step 3: Find </head> Section
Step 4: After that paste the following code above </head> Section

Blogger HTML Parts

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Step 5: Then here we go to add the images of smileys on the comment box.
find the give codes

Note: click ctrl and f to find out the code.

</body>

Step 6: Paste these code just above </body>

<b:if cond='data:blog.pageType == "item"'><style  type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#efefef;background-image:-ms-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2  100%);background-image:-webkit-gradient(linear,right top,left  top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2  100%);border:1px solid  #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0  4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 4px  6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px  6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px  rgba(0,0,0,0.1),0 1px 1px  rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px  solid #ccc;border-right:20px solid  transparent;width:0;height:0;line-height:0}</style> 
<script  type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]></script><script src='http://googledrive.com/host/0B-GuAkK2nj5gbVg2dXladnUzbVU' type='text/javascript'/></b:if>

Now you have done successfully.