logo blog

பிளாக்கரில் கலர்புல் ரீசன்ட் போஸ்ட் விட்ஜெட் அமைக்க

பிளாக்கர் தளங்களில் கலர்புல் ரீசன்ட் போஸ்ட் விட்ஜெட்  (படத்தில் உள்ளபடி) அமைப்பது எப்படி என பார்ப்போம்.


colorful recent post widget
ரீசன்ட் - போஸ்ட் - விட்ஜெட்



செய்முறை: 



1. உங்கள் பிளாக்கர் கணக்கில் உள்நுழைந்துகொள்ளுங்கள்.
2. Layout செல்லுங்கள்.
3. Add Gadget கிளிக் செய்யவும்
4. Popup விண்டோ தோன்றும்.HTML/JavaScript கிளிக் செய்யவும்.
5. தோன்றும் பாப்அப் பெட்டியில்  கீழிருக்கும் கோடிங்கை முழுவதும் காப்பி செய்து, பேஸ்ட் செய்து கொள்ளுங்கள்.
 <style>  
 #PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}  
 #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}  
 #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}  
 #PopularPosts1 ul li:first-child:after,  
 #PopularPosts1 ul li:first-child + li:after,  
 #PopularPosts1 ul li:first-child + li + li:after,  
 #PopularPosts1 ul li:first-child + li + li + li:after,  
 #PopularPosts1 ul li:first-child + li + li + li + li:after,  
 #PopularPosts1 ul li:first-child + li + li + li + li + li:after,  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}  
 #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}  
 #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}  
 #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}  
 #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}  
 #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}  
 #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}  
 #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}  
 #PopularPosts1 ul li:first-child + li + li:after{content:"3"}  
 #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}  
 #PopularPosts1 ul li:first-child + li:after{content:"2"}  
 #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}  
 #PopularPosts1 ul li:first-child:after{content:"1"}  
 #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}  
 #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}  
 </style><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">  
 home_page = "http://tholilnutpam.com/";  
 numposts = 5;  
 imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-6.css" /></div>  

கோடிங்கில் செய்ய வேண்டிய மாற்றம்:


  •  www.tholilnutpam.com என்பதை நீக்கிவிட்டு, உங்களுடைய பிளாக்கர் முகவரி URL கொடுக்கவும். (yourblogname.blogspot.com அல்லது yourblogname.com)
  • இறுதியாக Save என்பதைக் கொடுத்துவிடவும்.  அவ்வளவுதான் முடிந்தது.


உங்களது பிளாக்கர் தளத்தை மீண்டும் திறந்து பார்க்கவும். புதியதாக ரீசன்ட் போஸ்ட் விட்ஜெட் கலர்புல்லாக தோற்றமளிக்கும்.


பதிவில் ஏதேனும் சந்தேகமெனில் பின்னூட்டத்தில் தெரிவிக்கவும்.


Share this

1 comment

தங்கம் சார் நீங்கள் கூறியது போல செய்தேன் சரியாக வரவில்லை
உங்கள் உதவி தேவை.

பதிவுகளைப் பற்றிய உங்களது கருத்துகளை இங்கே எழுதுங்கள்.