Sunday, April 24, 2016

����� ���� ��������� ������ ������ �� ��� ���������!


������ ����� ������ ������
����� ���� ��� ������ ����� ����� ���� ���� ���� �������� ����� ����� �� ����

������� �� ����� ���� ��������� ������ ������ �� ��� ���������:
  • ���� ���� ��� ������ ������ ��� ������
  • ����� �������
  • �� ����� ��� �� ����� �� ������

���� ��� : 
  1. ���� ������ �����
  2. ����� ������
  3.  ����� ���� > HTML/JavaScript
  4. �� ����� ������ ���


<style>
/* ######### Most Commented Widget by http://www.ara1tech.blogspot.com ##########*/
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;
}
.commentbubble:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 34px;
right: 6px;
}
</style>
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = '<li style="clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.ara1tech.blogspot.com/
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>


������� ������� ������� �� ��� ������� :

��� ��� ������ ����� ������ : /http://ara1tech.blogspot.com
��� 6 ���� ��������� ���� ������ �� ���� �� �������.
������ ����� ��� ��������� �� �� ������ �� ������ ��� ����� ������ ������� (#292D30) ��� ����� ���� �����.
������ ��� ������� �� ��� ��������� �� �������� �� #FFF

5. �� ���� ������� � ����� :)

0 comments

Post a Comment