MONOTATA PX

Friday, July 3, 2015

How to add whatsapp smileys?

TUTORIALS MONOTATA PX 1:31 PM

Summary : This is an article about how to add whatsapp flat smileys/emotions to Blogger Posts. There are so many articles in the Internet about adding smileys to blogger comments but this is the first time on Internet, adding whatsapp flat smileys to Blogger Comments.

This whatsapp smileys/emotions are very powerful emotions to express our feelings. We know even Google uses the same pattern, they are using flat smileys in their chats. Flat design trend rules this Internet era, then why should you lay down in old design trend. Let's see how to add whatsapp smileys/emotions.

How to add whatsapp smileys?

Sign In to Blogger DashBoard
Select Template from the left menu
Select Edit HTML
Find </body> and copy the below script just above it.

<script src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/js/netoops-whatapp-smileys-blogger-posts-comments.min.js'/><a style='display:none;' href='www.netoopsblog.com' >bloggerwidgets</a><script type='text/javascript'>//bloggersmileys.init();</script>

Here you are almost ready. Your blog will show smileys now and do one more step to display the corresponding smiley codes to the users to help them to add smileys to comment.
Find <div class='post-footer-line post-footer-line-3'> or <div class='post-footer-line post-footer-line-3'/>
Find the next </b:includable> and copy the code above it

<b:if cond='data:blog.pageType == "item"'>
<div class='noopsmile' id='noopsmile' style='background-color:#E0F7FF;background:#eee; border-radius: 7px;width:634px; padding:10px; border:1px solid #ddd'>
<img src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/imgs/comment-section1.png'/><a style='display:none;' href='www.netoopsblog.com' >bloggerwidgets</a><div align='right' id='close' style='font: bold 13px arial;margin-top: -14px; cursor: pointer;'> Close [x] </div></div><div id='open' style='background-color:#eee; border-radius: 7px; padding:10px;width: 87px;cursor: pointer;display:none;left: 582px;position: fixed;top: 1%;z-index:999;font-weight:bold;'> Open Smileys </div>
</b:if>

Example

</div>
.
Place code here
.

</b:includable>

Next step is to add css codes for smileys
Find ]]></b:skin> and copy the code before it

.post-body img.noops-smly {
padding: 0 !important;
margin-top: -2px !important;
}

Save Template and Enjoy ! you are done !

This is the first article about how to add whatsapp smileys to blogger posts and comments in the Internet. So if you are going to write an article about this please remember to give a link to this article.

Wednesday, November 12, 2014

Macros commands Code for putting image / favicon and html chatbox system in nabble forums

forums MONOTATA PX 12:59 AM

Hi,
The little things that concern is making manupulation of codes / macros on the forums
for example nabble forums you can easily put the chat box if you know html codes
model

Go on your forum I will try to divert as much as I can ...
Go to edit this part and then click on search arrow as shown below

as you can see on the picture and then search the html on the part of the search ...
there will come many other macros if you select Macro source contains a link >> to html especially ones we need see the arrow in the picture then ...

then click on the html then select as shown in the picture above

Now if it's your first time doing editing can also change the favicon to put it on place url favicon relevant part that rests iliyoekewa brackets that keep the chat box you should join a network that provides the service www.yourshoutbox.com as ready now you will find codes that will put this part written put your codes put your name also part of YOUR NAME

<div class="div-shoutbox" style="bottom: 0; right: 0; position: fixed; border: 1px solid white; border-bottom: 0px; background-color: black; border-radius: 10px; border-bottom-right-radius: 0;border-bottom-left-radius: 0;">
<div class="top-shoutbox" style="text-align: left; color: white; font-weight: bold;padding-left: 10px;font-size: 20px; border-bottom: 1px solid white;">
<a href="#" class="minimize" style="color: white">-</a>
<a href="#" style="color: white;margin-left: 110px;">YOUR NAME</a> </div>
<div class="div-shoutbox-box">
put your codes here
</div>
</div>
$(".top-shoutbox").click(function() {
event.preventDefault();
min_max();
});
$(".minimize").click(function() {
event.preventDefault();
event.stopPropagation();
min_max();
});
$(".manual").click(function() {
event.preventDefault();
event.stopPropagation();
});
function min_max() {
var min = Nabble.getCookie("min");
if (!min) {
$(".div-shoutbox").animate({
height: 0
}, 16);
Nabble.setCookie("min", true);
}
else if (min) {
$(".div-shoutbox").animate({
height: 45
}, 16);
Nabble.deleteCookie("min");
}
}
$( document ).ready(function() {
var min = Nabble.getCookie("min");
if (min) {
$(".div-shoutbox").css("height", "50px")
Nabble.setCookie("min", true);
}
});

If there is a place I have not put the same details CLEAR lets discuss with by commenting down

Tuesday, September 9, 2014

TUTORIAL TO CALL USING MOZILLA FIREFOX

TUTORIALS MONOTATA PX 1:30 PM

Saturday, September 15, 2012

Speedup ur pc

Pc MONOTATA PX 9:48 AM

Speedup ur pc

Clean Ur RAM
U may recognize that ur system gets slower and slower when playing and working a lot with ur pc. That's cause ur RAM is full of remaining progress pieces u do not need any more.