سونهاري سنڌ ٽيمپليٽ ڪسٽومائيزيشن :
جيئن ته هن ٽيمپليٽ ۽ ڀرڳڙي بلاگر ٽيمپليٽ جي ڪسٽومائيزيشن اڪثر ساڳي ئي آهي ان ڪري محترم
ذيشان رشيد جي لفظن ۾ توهان کي ٽيمپليٽ جي اهم سيڪشنز ۾ ترميم ڪرڻ سمجهايان ٿو.
ياد رکو! ٽيمپليٽ ۾ جيڪيوري ۽ جاوا جي ڪوڊنگ رکيل آهي ان ڪري ٽيمپليٽ ٿورو خيال سان ڪجو.
سڀ کان پهرين ٽيمپليٽ جي هيڊر ۾ لڳل
سوشل آئيڪان جا لِنڪ تبديل ڪرڻ لا بلاگر ٽيمپليٽ ۾ هيٺيون ڪوڊ ڳوليو
۽ پو هيٺين ڪوڊ مان usthaheem جي جا تي توهان پنهنجي فيسبوڪ، ٽوئيٽر يا ڪنهن ويبسائٽ جي يو.آر.ايل ڏئي سگهو ٿا.
PHP:
<li class='sorting-01 twitter'><a href='http://www.twitter.com/usthaheem' target='_blank' title='Follow us on twitter'><i class='fa fa-twitter'/><span class='inv'/></a></li>
<li class='sorting-02 facebook'><a href='http://www.facebook.com/ubedthaheem' target='_blank' title='Follow us on facebook'><i class='fa fa-facebook'/><span class='inv'/></a></li>
<li class='sorting-03 googleplus'><a href='https://plus.google.com/106424278871701216208/' target='_blank' title='Follow us on google plus'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
<li class='sorting-04 contactus'><a href='http://www.sindhsalamat.com' title='Contact Us'><i class='fa fa-envelope-o'/><span class='inv'/></a></li>
<li class='sorting-05 oursitemap'><a href='http://www.sindhsalamat.com' title='Our Sitemap'><i class='fa fa-sitemap'/><span class='inv'/></a></li>
سلائيڊر
سلائيڊر لڳائڻ لا بلاگر لي.آئوٽ ۾ banner جي ايڇ.ٽي.ايم.ايل کي ايڊٽ ڪري هيٺيون ڪوڊ پيسٽ ڪريو.
ڪوڊ:
<!*** slider starts ***!>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!--New Featured Slider From http://www.sindhsalamat.com -->
<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>
<div class='fp-slides'>
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://www.sindhsalamat.com/'><img src="https://4.bp.blogspot.com/-I0qmneq5-SM/VZWGP_5heqI/AAAAAAAAApI/4tE8PnPF0lQ/s1600/my-2.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://www.sindhsalamat.com/'><img src="http://2.bp.blogspot.com/-avR-SrfxGcs/VZWIUV5KyeI/AAAAAAAAApU/MVEHKHep6Z8/s1600/001.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='http://www.sindhsalamat.com/'>شاھ بيگ مري</a>
</h3>
<p>
هيءُ ڳوٺ شاھ بيگ مري، سهڻي ڍورو جي ڪَپَ تي آهي، جيڪو ٽنڊوآدم_جھول روڊ تي آهي. </p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://www.sindhsalamat.com/'><img src="http://4.bp.blogspot.com/-FAkfajRDbHY/VZWIWuO_OLI/AAAAAAAAApg/VJsQ2oGS01s/s1600/002.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='http://www.sindhsalamat.com/'>ٿَرَ مان آيل اُٺ</a>
</h3>
<p>
ٿَر ۾ جڏهن ڏُڪار ايندو آهي ته مالوند ماڻهون پنهنجو مال (اُٺ) ڪاهي سنڌ جي خوشحال علائقن طرف ايندا آهن.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://www.sindhsalamat.com/'><img src="http://4.bp.blogspot.com/-X3PMrn2Rsb8/VZWIWefM2PI/AAAAAAAAApc/LszJDDCixp4/s1600/003.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='http://www.sindhsalamat.com/'>سنڌ جي وڏيرن جا بنگلا </a>
</h3>
<p>
هيءُ بنگلو رئيس الطاف حسين رند جو آهي جيڪو جھول ڀرسان سندس ڳوٺ ۾ آهي. </p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://www.sindhsalamat.com/'><img src="http://2.bp.blogspot.com/-v57VDXWLp2I/VZWIYNWkI0I/AAAAAAAAAps/wavYDS6f9Ro/s1600/004.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='http://www.sindhsalamat.com/'>انبڙيون (ڪچا انب)</a>
</h3>
<p>
انبن جي باغ جي هڪ خوبصورت تصوير (سنڌ ۾ هاڻ انبن جا باغ تمام گھت ٿيندا پيا وڃن.) </p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 5 Code End -->
</div>
<div class='fp-nav'>
<span class='fp-pager'/>
</span></div>
</div>
<div style='clear:both;'/>
<!--New Featured Slider From http://www.sindhsalamat.com --></div>
</div></b:if>
<!*** slider ends ***!></!***></!***>
سلائيڊر ۾ تصويرون يا تصويرن جي تفصيل مٿي ڏنل ڪوڊ مان تبديل ڪري سگهو ٿا.
مينيو :
مينيو جا لنڪس تبديل ڪرڻ لاءِ ٽيمپليٽس ۾ اچي هيٺيون ڪوڊ ڳوليو.
ان جي هيٺيان توهان class:'ai' لکيل ڏِسندا جيڪو مينيو جو ٽيگ آهي ان ۾ ترميم ڪري مينيو ٺاهي سگهو ٿا، جيئن هي هوم جو مينيو ڏنل آهي.
PHP:
<li><a href='http://soonharisindh.blogspot.com'>هوم</a></li>
سَب مينيو ٺاهڻ يا ترميم ڪرڻ لا توهان class:'menus ' جو ٽيگ ڏِسندا جِتي توهان سب مينيو ۾ ترميم ڪري سگهو ٿا. جيئن هيٺ پراجيڪٽس جو مينيو ۽ سب مينيو ڏنل آهي.
PHP:
<li><a class='ai' href='http://www.sindhsalamat.com/forums/116/'>پراجيڪٽس </a>
<ul class='menus'>
<li><a href='http://www.sindhsalamat.com/threads/27884/'>سنڌي پي.ڊي.ايف </a></li>
<li><a href='http://www.sindhsalamat.com/threads/23463/'>ڪروم سنڌي ٿيم </a></li>
<li><a href='http://www.sindhsalamat.com/threads/16977/'>سنڌي وي.بليٽن </a></li>
<li><a href='http://www.sindhsalamat.com/threads/14070/'>س.س ايڊيٽر </a></li>
ياد رهي ته ڪوڊنگ ۾ تبديليون ڪرڻ وقت ان ڳالهه کي ذهن ۾ رکجو ته رڳو ٽيب ٽائيل ۽ سب ٽائيٽل جا نالا ۽ انهن جا لنڪ يو آر ايل تبديل ڪيا وڃن... ڪنهن ٻئي ڪنهن به اکر کي تبديل ڪرڻ سان مائوس تي رکڻ تي سجايل خوبصورت جي ڪيوري ڪوڊنگ جا ٽرانزيشن افيڪٽ ڪم نه ڪندا..
سنڌ سلامت بلاگر نوٽيفڪيشن بار
بلاگ جي مٿان موجود سنڌ سلامت بلاگر نوٽيفڪيشن بار تي موجود اعلانن کي تبديل ڪرڻ لاءِ هيٺيون ڪوڊ ڳوليو..
PHP:
<div class='openbloggernotification'
هتي احتياط سان توهان لفظن کي تبديل ڪندي انهن تي لڳايل لنڪ تبديل ڪريو..
ليکڪ جي تصوير
هر پوسٽ جي هيٺان نظر ايندڙ بلاگر اميج تبديل ڪرڻ لاءِ توهان هيٺيون ڪوڊ ڳوليو..
PHP:
http://3.bp.blogspot.com/-A_cV12aFfj0/VYmNWeuNqWI/AAAAAAAAAkY/ZEF73sJY4Dc/s1600/finel.jpg
جنهن کي پنهنجي تصوير جي لنڪ سان تبديل ڪريو.. بس ياد رهي ته تصوير جي سائيز 120x120 هجي...
بلاگر جي معلومات
بلاگر جي تصوير ۽ معلومات تبديل ڪرڻ لاءِ هيٺيون ڪوڊ ڳوليو..
PHP:
<div class='authorDetails'>
۽ ان جي هيٺان موجود تفصيل کي تبديل ڪريو...
بلاگر بابت
پنهنجي تصوير ۽ ڪجهه معلومات شامل ڪرڻ لاءِ وجيٽ جي سيٽنگ کوليو ۽ هيٺيون ايڇ ٽي ايم ايل ۽ جاوا ڪوڊ ڪاپي ڪري پيسٽ ڪريو..
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-right: 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-right: 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://i59.tinypic.com/e0kjsl.jpg" align="right"/>
منهنجو جنم صوفين جي سرزمين سنڌ جي مشهور شهر ۽ ماضيءَ جي پئرس سڏجندڙ شهر ٽنڊوآدم کان 9 ڪلوميٽر اوڀر_اُتر ڳوٺ غلام محمد ٿهيم ۾ ماستر عبدالله ٿهيم جي گھر ۾ 3 جون 1994ع ۾ ٿيو. ننڍپڻ کان ئي پڙهڻ لکڻ جو شوق هئڻ ڪري
<a style="color:#888;" href="http://soonharisindh.blogspot.com/p/moaa.html">وڌيڪ پڙهو..</a> <br/> </![endif]-->
هاڻي هيٺين ڪوڊ کي پنهنجي اپلوڊ ڪيل تصوير جي ڪوڊ سان تبديل ڪريو..
PHP:
http://i59.tinypic.com/e0kjsl.jpg
PHP:
http://soonharisindh.blogspot.com/p/moaa.html
ان کان علاوه پاڻ بابت مختصر معلومات کي پنهنجي مرضي مطابق رکو...
ليبل سيٽنگ
بلاگ ۾ ليبل جي سيٽنگ ڪلائوڊ تي رکڻ لا بلاگ جي layout ۾ ”ليبل“ جي وجيٽ تي ڪلڪ ڪريو ۽ هيٺين سيٽنگ تي رکو.
ڇا اڃان به ڪاشي رهي...؟
منهنجي خيال ۾ مون هر حصي جي هر سيڪشن کي سمجهائي ڇڏيو.. ان باوجود جيڪڏهن توهان کي ڪو مونجهارو ايندو هجي ته نه گهٻرايو بس هڪ چانهن جو ڪوپ کڻو ۽ پيئندي هن ئي موضوع ۾ سوال ڪريو..
