ڀرڳڙي ٽيمپليٽ جا تفصيل ۽ فيچرس بيان ڪرڻ کان پوءِ اچو ته ٽيمپليٽ جي اهم سيڪشنس ۾ ضروري ترميم ڪرڻ سکون..
سبسڪرپشن باڪس
وجٽ سيٽنگ آئيڪان تي ڪلڪ ڪريو ۽ ايڇ ٽي ايم ايل ۽ جاوا وجٽ ۾ هيٺيون ڪوڊ ڪاپي ڪري پيسٽ ڪريو..
PHP:
<style>
#bhurgri {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
width:300px;
}
#email-news-subscribe .email-box{
padding: 5px 5px;
font-family: "Conv_MBLateefi","Helvetica",sans-serif;
height:38px;}
#email-news-subscribe .email-box input.email{
background:#FFFFFF;
border: 1px solid #dedede;
color: #999;
padding: 7px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-image: initial;
font-family: "Conv_MBLateefi","Helvetica",sans-serif;}
#email-news-subscribe .email-box input.email:focus{color:#333}
#email-news-subscribe .email-box input.subscribe{
background: -moz-linear-gradient(center top,#666 0,#333 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));
font-family: "Conv_MBLateefi","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #333;
color:white;
padding:7px 14px;
margin-left:3px;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
background-image:-moz-linear-gradient(top,#333,#666);
background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #333;
color:#FFFFFF;
}
#other-social-bar {
padding: 0px;
overflow: hidden;
height:37px;
margin-top:-8px;
}
#other-social-bar ul {list-style: none outside none; padding-left: 4px;}
#other-social-bar .other-follow {
float: left;
overflow: hidden;
padding:5px;
width: 270px;}
#other-social-bar .other-follow ul {
list-style: none outside none;
padding-left: 4px;}
#other-social-bar .other-follow li {
display:inline;
border:0;
}
#other-social-bar .other-follow li a {
font-size: 12px;
color:#666;
font-weight: bold; font-family:Conv_MBLateefi;
display:inline;
}
#other-social-bar .other-follow li.my-rss {
background: url('http://3.bp.blogspot.com/-sR72SM_Wets/TwHZG9y4hXI/AAAAAAAAFv8/0bP2R3Qkl8c/s400/rss-16x16.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;
margin-left:5px;}
#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}
#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
text-decoration:underline;
}
#other-social-bar .other-follow li.my-twitter {
background: url('http://2.bp.blogspot.com/-KsALKRN7Zzo/T0vKkSG3AfI/AAAAAAAAF_k/l-VHD5xxzps/s400/twitter%2527.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;}
#other-social-bar .other-follow li.my-gplus {
background: url(http://4.bp.blogspot.com/-cC729VpBxrk/TwHZE71ZgoI/AAAAAAAAFvk/_UMyIgA8vj8/s400/gplus-16x16.png) no-repeat transparent;
line-height: 1;
width: 60px;
padding: 0px 3px 1px 20px;
margin-bottom:0px;}
.emailicon {
background: url("http://3.bp.blogspot.com/_7wsQzULWIwo/Sty6EvZmTlI/AAAAAAAACGU/ArK94-9iDS0/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
padding: 0px 20px 0px 95px;
min-height:100px;
margin: 0px;
width: 183px;
line-height: 20px;
vertical-align: middle;
font-size: 14px;
color: rgb(51, 51, 51);
}
.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family: Conv_MBNargis;
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;
}
</style>
<!--[if IE]>
<style>
#email-news-subscribe .email-box input.subscribe{
background: #333;
}
</style>
<![endif]-->
<div id="bhurgri" >
<div class="emailicon"><p>مفت اي ميل اطلاع حاصل ڪريو! </p></div>
<div id="email-news-subscribe">
<div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=imbhurgri', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="هتي پنهنجي اي ميل لکو..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" />
<input type="hidden" value="imbhurgri" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="موڪليو" /> </form> </div> </div>
<div id="other-social-bar">
<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/imbhurgri" target="_blank">آر ايس ايس فيڊ</a> </li>
<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="https://twitter.com/majidbhurgri" target="_blank">ٽويئٽر</a> </li>
<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/102434081337762747924 target="_blank">گوگل پلس</a> </li>
</ul>
</div>
</div>
- هاڻي ڪوڊ مان imbhurgri فيڊ برنر کي چونڊي پنهنجي بلاگ جا فيڊ برنر جوٽائيٽل لڳايو.. (فيڊ برنر بنائڻ لاءِ جلد نئون موضوع شروع ڪيو ويندو)
- گوگل پلس ۽ ٽويٽر يوزر نيمس کي پنهنجي گوگل پلس ۽ ٽويٽر يو آر ايل جي کاتن سان تبديل ڪريو..
- هتي پوسٽ جي هيٺان هڪ اي ميل شيئرنگ وجيٽ ظاهر ٿيندو جنهن کي پنهنجي فيڊ برنر اي ميل سبسڪرپشن لنڪ سان پڻ تبديل ڪريو..
ٽاپ مينو
- هي ٽيب آساني سان ٻن طريقن سان تبديل ڪري سگهجن ٿا .. هڪ لي آئوٽ سيڪشن منجهان يا وري پيج ونڊوز منجهان ان سلسلي ۾ تبديلين لاءِ Blogger تي اچي pages تي ڪلڪ ڪريو..
مين مينو
لنڪس تبديل ڪرڻ لاءِ ٽيمپليٽس ۾ اچي هيٺيون ڪوڊ ڳوليو..
ان جي هيٺان توهان ٽيگس جي هڪ فهرست ڏسندو جتي توهان پنهنجي طرفان ٽائيٽل ڏيندي يو آر ايل تبديل ڪري سگهو ٿا...
PHP:
<li><a href='http://imbhurgri.blogspot.com/2013/12/blog-post_2658.html'>سنڌي ڪمپيوٽنگ</a>
۽ ٽيب ٽائيٽل ۽ ان جو سب مينو ٺاهڻ لاءِ ڪوڊنگ ڪجهه هن طرح لڳايو.. هيٺيون ڪوڊ ڳوليو
PHP:
<li><a href='http://imbhurgri.blogspot.com/2013/12/blog-post_2658.html'>سنڌي ڪمپيوٽنگ</a>
<span class='sf-sub-indicator'/>
<ul class='sub-menu' style='display: none; visibility: hidden;'>
<li><a href='http://imbhurgri.blogspot.com/p/blog-page.html'>سنڌي نويس</a></li>
<li><a href='http://imbhurgri.blogspot.com/2013/12/blog-post_6497.html'>سنڌي انسٽال</a></li>
<li><a href='http://imbhurgri.blogspot.com/2013/12/blog-post_7837.html'>سنڌي فونٽ</a></li>
<li><a href='http://imbhurgri.blogspot.com/2013/12/blog-post_9993.html'>ايڊوب تي سنڌي</a></li>
<li><a href='http://imbhurgri.blogspot.com/search/label/%D9%88%DA%8A%D9%8A%D9%88%20%D8%B3%DA%A9%D9%8A%D8%A7'>وڊيو سکيا</a></li>
</ul>
</li>
ياد رهي ته ڪوڊنگ ۾ تبديليون ڪرڻ وقت ان ڳالهه کي ذهن ۾ رکجو ته رڳو ٽيب ٽائيل ۽ سب ٽائيٽل جا نالا ۽ انهن جا لنڪ يو آر ايل تبديل ڪيا وڃن... ڪنهن ٻئي ڪنهن به اکر کي تبديل ڪرڻ سان مائوس تي رکڻ تي سجايل خوبصورت جي ڪيوري ڪوڊنگ جا ٽرانزيشن افيڪٽ ڪم نه ڪندا..
فوٽر مينو
فوٽر مينو کي تبديل ڪرڻ لاءِ هيٺيون ڪوڊ ڳوليو...
PHP:
<div id='footer-top'>
<ul id='footer-navigation'>
<li><a href='#'>سرورق</a></li>
<li><a href='#'>سنڌي ڪمپيوٽنگ</a></li>
<li><a href='#'>سائيٽ جو نقشو</a></li>
<li><a href='#'>خدمتون</a></li>
<li><a href='#'>رابطا</a></li>
</ul>
۽ پوءِ اڳ ٻڌايل ٽاپ مينو وانگر هنن ۾ پڻ تبديليون آڻيون
سنڌ سلامت بلاگر نوٽيفڪيشن بار
بلاگ جي مٿان موجود سنڌ سلامت بلاگر نوٽيفڪيشن بار تي موجود اعلانن کي تبديل ڪرڻ لاءِ هيٺيون ڪوڊ ڳوليو..
جنهن جي هيٺ توهان هيٺين ڪوڊنگ ڏسي سگهندو..
PHP:
<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><div id='bloggernotification'>ڀلاگ تي سجايل موجوده ڀرڳڙي ٽيمپليٽ ڊائونلوڊ ڪرڻ لاءِ <a class='link' href='http://www.sindhsalamat.com/threads/39814/' target='_blank'>هتي ٽڙڪ ڪريو </a>!<span id='closebloggernotification'/></div><span id='openbloggernotification' style='top: -6px;'><span/></span></div>
هتي احتياط سان توهان لفظن کي تبديل ڪندي انهن تي لڳايل لنڪ تبديل ڪريو..
ليکڪ جي تصوير
هر پوسٽ جي هيٺان نظر ايندڙ بلاگر اميج تبديل ڪرڻ لاءِ توهان هيٺيون ڪوڊ ڳوليو..
PHP:
http://2.bp.blogspot.com/-Y2SjgMB1O5w/UvZ8cpUoTuI/AAAAAAAAAgc/IBggEaF0L2M/s1600/rasheed.png
جنهن کي پنهنجي تصوير جي لنڪ سان تبديل ڪريو.. بس ياد رهي ته تصوير جي سائيز 30x30 هجي...
بلاگر جي معلومات
بلاگر جي تصوير ۽ معلومات تبديل ڪرڻ لاءِ هيٺيون ڪوڊ ڳوليو..
۽ ان جي هيٺان موجود تفصيل کي تبديل ڪريو...
ڪيلينڊر
لي آئوٽ سيڪشن مان ڪيلينڊر وجيٽ تي ڪلڪ ڪريو ۽ هيٺين سيٽنگ رکو..
ملٽي ٽيب
توهان آساني سان لي آئوٽ سيڪشن مان مينيولي ايڊٽ ڪري ٽيب بڻائي سگهو ٿا.. جنهن کان پوءِ ٽيمپليٽ ۾ اچي ٽيبس جا ٽائيٽل پڻ تبديل ڪري سگهو ٿا.. ان لاءِ هيٺيون ڪوڊ ڳوليو..
PHP:
<ul class='MBT-tabs MBT-tabs-widget-MBT-id'>
<li><a href='#widget-MBT-id1'>نيون تحريرون</a></li>
<li><a href='#widget-MBT-id2'>وڊيو</a></li>
<li><a href='#widget-MBT-id3'>تازه تبصرا</a></li>
</ul>
هاڻي توهان ٽيبس جا ٽائيٽل سيٽ ڪريو..
بلاگر بابت
پنهنجي تصوير ۽ ڪجهه معلومات شامل ڪرڻ لاءِ وجيٽ جي سيٽنگ کوليو ۽ هيٺيون ايڇ ٽي ايم ايل ۽ جاوا ڪوڊ ڪاپي ڪري پيسٽ ڪريو..
PHP:
<!--[if !IE]> -->
<style>
#profilerasheed{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
}
#profilerasheed:hover {
border:2px solid #ccc;
cursor:pointer;
}
.opacity {
opacity: 0.5;
margin-left: 50px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.opacity:hover {
opacity: 1;
margin-left: 0px;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');
zoom: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}
</style>
<![endif]-->
<style>
#profilerasheed{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
}
#profilerasheed:hover {
border:2px solid #ccc;
cursor:pointer;
}
.opacity {
opacity: 0.5;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
zoom: 1;
}
.opacity:hover {
opacity: 1;
zoom: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}
</style>
<img class="opacity" id="profilerasheed" src="http://2.bp.blogspot.com/-Y2SjgMB1O5w/UvZ8cpUoTuI/AAAAAAAAAgc/IBggEaF0L2M/s1600/rasheed.png" align="left"/>
رشيد سمون جنهن جو تعارف هوئن ته سنڌ سلامت آهي پر سنڌي بلاگنگ جي دنيا ۾ نوان ٽيمپليٽ متعارف ڪرائي اهي سنڌين ۾ ورهائي سنڌي ٻولي جي ڪمپيوٽنگ جي دنيا ۾ اڳڀرائي ۽ سهڻي ڏيک ڏيڻ لاءِ ڪوشان ڪرڻ به سندس ئي ڪم آهي
<a style="color:#888;" href="http://imbhurgri.blogspot.com/p/blog-page_8.html">وڌيڪ پڙهو..</a> <br/> </![endif]-->
هاڻي هيٺين ڪوڊ کي پنهنجي اپلوڊ ڪيل تصوير جي ڪوڊ سان تبديل ڪريو..
PHP:
http://2.bp.blogspot.com/-Y2SjgMB1O5w/UvZ8cpUoTuI/AAAAAAAAAgc/IBggEaF0L2M/s1600/rasheed.png
PHP:
http://imbhurgri.blogspot.com/p/blog-page_8.html
ان کان علاوه پاڻ بابت مختصر معلومات کي پنهنجي مرضي مطابق رکو...
ان کانسواءِ وڌيڪ پڙهو لنڪ کي پنهنجي لنڪ سان تبديل ڪريو..
اشتهاري بينر
توهان جي بلاگ جي لوگو ۾ هڪ 468x60 جو اشتهاري بينر وارو وجيٽ پڻ رکيل آهي.. جنهن کي هوئن ته توهان سنڌ سلامت فورم جي اشتهاري بينر سان لڳائي سنڌ سلامت فورم کي هٿي وٺرائي سگهو ٿا پر جيڪڏهن پئسه ڪمائڻ خاطر ڪنهن ڪمپني يا ويب سائيٽ جو اشتهار لڳائڻ چاهيو ته هيٺيون ڪوڊ وجيٽ ۾ ڪاپي ڪري پيسٽ ڪريو..
PHP:
<a href="http://www.sindhsalamat.com"><img border="0" height="60" src="http://2.bp.blogspot.com/-2G4pcoVVGog/UsRYxHyWDoI/AAAAAAAAAdI/ePg-I5I5_ys/s320/1579828_601603639910508_1963544143_n.jpg" width="400" /></a>
هتان اڳ لڳايل سنڌ سلامت بينر واري تصوير کي پنهنجي تصوير سان تبديل ڪريو..
منهنجي خيال ۾ مون هر حصي جي هر سيڪشن کي سمجهائي ڇڏيو.. ان باوجود جيڪڏهن توهان کي ڪو مونجهارو ايندو هجي ته نه گهٻرايو بس هڪ چانهن جو ڪوپ کڻو ۽ پيئندي هن ئي موضوع ۾ سوال ڪريو..