kp3နည္းပညာ၊၁၇၃၊ဘေလာ့မွာ Subscribe Section ကိုလွလွေလးထားနည္း

ဒီေန႕ Post ေလးကလည္းစိတ္ဝင္စားစရာေတာ့ေကာင္းပါတယ္၊မိမိရဲ႕ဘေလာ့မွာ Subscribe Section ေတြကိုလွလွေလးထားခ်င္တဲ့ဘေလာ့ဂါမိတ္ေဆြေတြအတြက္ပါ၊ အေဟာင္းေတြထဲကအသစ္ေလးေပါ့ေနာ္၊ မိမိရဲ႕ဘေလာ့ေလးကလည္းတကယ္လွပသြားေစပါတယ္၊အားလံုးနမူနာၾကည့္လို႕ရေအာင္လည္း ေအာက္မွာ က်ေနာ္ DEMO လင့္ခ္လည္းေပးထားပါတယ္၊ စိတ္ဝင္စားရင္ေတာ့ေအာက္မွာ ထည့္နည္းေတြနွင့္ပံု Code ရွိပါတယ္၊။
 ကဗ်ာေ၇းတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္မိမိရဲ႕ ကဗ်ာေခါင္းစဥ္ေတြကို အလည္မွာထား၇င္ပိုးျပီး လွပသြား မယ္ထင္ပါတယ္..kp3နည္းပညာ၊၁၁၄၊မွာရိွပါတယ္

 

DEMO

ပထမအဆင့္>>>

၁။Dashboard

၂။Layout

၃။Edit HTML

ေအာက္က Code ကိုရွာပါ၊

</head>

ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္လိုက္ပါ။

<style type='text/css'>

#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}

#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }

#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkng03rPIfNMZkCIPZ41hE64_GzysRazbYjtXffB1MEej8LjXXoq_IS2zSfmXIHwks8gFtDjI0Q0wLV0D0TJbX5Bh1Pzjo06bJV1_SYq1TOS1-05riySUaY-wBya8M1vFAtPxo70ughYY/) no-repeat top left; }

#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAu5P7brz-N2G4BBq3-xMGbKJP6zFv-LkStbcuHTqtmzzE1yKZXjpVp9w_hb1-Y3mNDT3MNY4V0cJRLWPAXhCowB1PBUv8KYs4Tg_ZDt5tQ-beuC_Vba01qeinZHaKgPqNZzRjf3KEiEzR/) no-repeat top left; }

#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-qmHRrspdpQfybfrVdKrcKdGpahiwmjjtw_0CuQoYUqb9veht1u7lC2TV5Hs8BSHCs4uxJ5TapJRUY_YyGkBToGA7C7VcoT2_P_3QRDNotsdJK_fzgihSOG_ve04kW-831IOz-J6_kwu/) no-repeat top left; }

#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }

</style>

၄။Save Template ကိုႏိုပ္ပါ။မျပီးေသးပါဘူးေနာက္တဆင့္က်န္ပါေသးတယ္ေအာက္မွာ>>>>

အစိမ္းေ၇ာင္က RSS ပံုလင့္ခ္ပါ၊
အနီေ၇ာင္က EmailRSS ပံုလင့္ခ္ပါ၊
အျပာေ၇ာင္က Twitter ပံုလင့္ခ္ပါ၊မိမိၾကိဳက္သလိုျပန္ေျပာင္ႏိုင္ပါတယ္။။

ဒုတိယအဆင့္>>>

၁။Layout

၂။Page Element

၃။Add a gadget သြားမယ္၊ေအာက္က

၄။Html/java script မွာေအာက္က Code ကိုထည့္လိုက္ပါ။

<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">

<h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2>

<h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2>

</div></div>
</div>

နမူနာက်ေနာ္ရဲ႕လင့္ခ္ေတြထည့္ေပးထားပါတယ္ေအာက္မွာၾကည့္လို႕ရေအာင္ပါ၊

<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">

<h2 class="subscription rss"><a href="http://kp3family.blogspot.com/feeds/posts/default">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/kp3family&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2>

<h2 class="subscription twitter"><a href="http://www.twitter.com/kp3family>FOLLOW ON TWITTER</a></h2>

</div></div>
</div>

၅။Save ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။

အစိမ္းေ၇ာင္,အနီေ၇ာင္,အျပာေ၇ာင္ေန၇ာေတြမွာက်ေနာ့္ရဲ႕လင့္ခ္ေတြပါ၊မိမိရဲ႕လင့္ခ္ေတြနွင့္အစားထိုးေပး လိုက္ပါ။။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

BLOGGER TUTORIAL

• Kp3နည္းပညာ၊၄၇၈၊ဘေလာ့CommentsFormကိုအလယ္မွာထားနည္း
• Kp3နည္းပညာ၊၄၄၄၊။ဘေလာ့ဂါ Officer ရဲ႕ဝန္ေဆာင္မူနည္းပညာသစ္Dynamic Views ၅ခု
• Kp3နည္းပညာ၊၄၄၁၊Kp3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ပိုစ္ေတြကိုCopyမရေအာင္ကာကြယ္နည္း
• Kp3နည္းပညာ၊၄၄ဝ၊Kp-3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ Tamplate ကိုေဘာင္ခတ္နည္း
• Kp3နည္းပညာ၊၄၃၇၊ဘေလာ့ Comment Form အေပၚမွာမွတ္ခ်က္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၁ဝ၊ဘေလာ့ဆိုက္ဘား Title ေရွ႕မွာလြယ္ကူစြာ Logo ပံုေလးေတြထည့္နည္း
• Kp3နည္းပညာ၊၄ဝ၆၊ဘေလာ့Static Pages မွာ Read More ျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄ဝ၅၊ဘေလာ့ကို Internet Explore မွာဖြင့္မရရင္ဘယ္လိုလုပ္မလဲ
• Kp3နည္းပညာ၊၄ဝ၄၊ဘေလာ့ဆိုက္ဘားေခါင္းစဥ္မွာေနာက္ခံပံုလြယ္ကူစြာထည့္နည္း
• Kp3နည္းပညာ၊၄ဝ၂၊ဘေလာ့ Blogger Template Designer ကေန Font လွလွေလးေတြရပါျပီ
• Kp3နည္းပညာ၊၄ဝဝ၊ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း
• Kp3နည္းပညာ၊၃၉၆၊ဘေလာ့ကိုHandဖုန္းကေနၾကည့္ရန္ဘေလာ့Officerရဲ႕အေကာင္းဆံုးနည္းပညာသစ္
• Kp3နည္းပညာ၊၃၉၁၊ဘေလာ့မွာ YouTube သီခ်င္းေတြကိုလြယ္ကူစြာပိုစ္မွာတင္နည္းအသစ္ေလး
• Kp3နည္းပညာ၊၃၈၉၊ဘေလာ့Site Feed အတြက္အေကာင္းဆံုးဘေလာ့ Officer ရဲ႕ဝန္ေဆာင္မူအသစ္
• Kp3နည္းပညာ၊၃၈၃၊ဘေလာ့ Comment မွာ Facebook Like Button ထားနည္း
• Kp3နည္းပညာ၊၃၈ဝ၊ဘေလာ့ကို Hand-Phone မွာဖတ္ရတာအဆင္ေျပေအာင္လုပ္နည္း
• Kp3နည္းပညာ၊၃၇၉၊ဘေလာ့ရက္စြဲေတြျပတဲ့ေနရာမွာUndefined ဆိုျပီးေပၚေနရင္
• Kp3နည္းပညာ၊၃၇၃၊ဘေလာ့မွာSocial Bookmarking Tool Bar အသစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၆၁၊ဘေလာ့ Comments ေတြကိုKp3ရဲ႕ Scroll List ပံုစံေျပာင္းနည္း
• နည္းပညာ၊၃၅၆၊Kp3 ရဲ႕ဘေလာ့ Labels ေတြကို Auto Scroll လုပ္နည္း
• နည္းပညာ၊၃၅၅၊ဘေလာ့Postေနရာမွာ Add A Gadget ထည့္မရခဲ့ရင္
• kp3နည္းပညာ၊၃၅၂၊ဘေလာ့မွာ Kp3 ရဲ႕Page Views / Post Views Counter ထည့္နည္း
• kp3နည္းပညာ၊၃၄၆၊ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီ
• kp3နည္းပညာ၊၃၄၄၊အျခားလင့္ခ္ေတြကို Mouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္း
• kp3နည္းပညာ၊၃၂၉၊ဘေလာ့မွာ KP-3 TABLE CONTENT ထည့္နည္း

Posted in: BLOGGER TUTORIAL