About Digg Button (Social Bookmarking)

Contributor: Tayzar Blink44

What's Digg?

Digg is all about user powered content. Everything is submitted and voted on by the Digg community. Share, discover, bookmark, and promote stuff that's important to you!


ဒီ Digg button ကို ဘေလာ့ခ္ပို႔စ္မွာ ထည့္ၿခင္းအားၿဖင့္ ယူဇာေတြက သူတို႔ အၾကိဳက္ပို႔စ္ေတြတိုင္းကို vote လုပ္ႏိုင္မွာပါ။ Digg ဟာ social website တစ္ခုၿဖစ္ၿပီး သင့္ရဲ႕ စာဖတ္သူေတြ ေနာက္ သင္ကိုယ္တိုင္ ပို႔စ္ေတြကို 'digg' လုပ္ႏိုင္မွာပါ။ သင့္မွာ ၀တၱဳေကာင္းေကာင္းေတြ၊ စိတ္၀င္စားဖြယ္ရာပို႔စ္ေတြ၊ ကဗ်ာေတြ၊ နည္းပညာဆိုင္ရာပို႔စ္ေတြကို မန္ဘာေတြက 'digg' လုပ္ၿပီး မွတ္ခ်က္ေတြ ေရးၾကပါလိမ့္မယ္။ ဘေလာ့ခ္ပိုင္ရွင္ တစ္ေယာက္ အေနနဲ႔ ဒီ button ေလးကို အလြယ္တကူၿပဳလုပ္ ထည့္သြင္းႏိုင္ၿပီး သင့္ရဲ႕ စာဖတ္သူေတြကို သင့္ ေဆာင္းပါးေတြကို submit လုပ္ခြင့၊္ Digg လုပ္ခြင့္ ေပးႏိုင္ပါတယ္။ ထည့္သြင္းပံု အဆင့္ဆင့္ကေတာ့ -

၁။ ။ပထမဆံုး သင့္ရဲ႕ ဘေလာ့ခ္ပို႔စ္ေတြကို Post Pages အၿဖစ္လုပ္ထားလား အရင္ၾကည့္ပါ။ Post Pages ဆိုတာ ပို႔စ္တိုင္းဟာ သူ႔ကိုယ္ပိုင္ html page ရွိတာကို ဆိုလိုတာပါ။ ရွိမရွိ သိခ်င္ရင္ ကိုယ့္ပို႔စ္ေတြရဲ႕ ေခါင္းစဥ္ေတြ ကို pointer ေလးနဲ႔ ေထာက္ၾကည့္ပါ။ အားလံုးဟာ သူ႔ကိုယ္ပိုင္ လင့္ခ္ ရွိတယ္ဆိုရင္ Post Pages ၿဖစ္ပါတယ္။ Digg button ထည့္ဖို႔ အတြက္ ကိုယ့္ဘေလာ့ခ္ပို႔္စ္တိုင္းမွာ ကိုယ္ပိုင္ URL (unique URL) ရွိဖို႔ လိုအပ္ပါတယ္။ တကယ္လို႔ လင့္မရွိတဲ့ ေခါင္းစဥ္ေတြရွိရင္ ၿပန္ၿပင္ရပါမယ္။ ၿပင္ဖို႔ အတြက္ ပထမဆံုး login ၀င္ပါ။ Blogger Dashboard က Setting ---> Archiving, မွာ Enable Post Pages မွာ "Yes" လို႔ ၿပင္ၿပီး setting ကို save လုပ္ပါ။

၂။ ။ဒီ Digg button ထည့္ၿခင္းဟာ ပို႔စ္တုိင္းကို အက်ိဳးသက္ေရာက္မွာပါ။ ဒါေၾကာင့္ သင္ဟာ ဘယ္ ပို႔စ္ကို button ထည့္မယ္ ဘယ္ပို႔စ္ကို မထည့္ဘူး ေရြးလို႔မရပါဘူး။

၃။ ။ဒီထည့္လိုက္တဲ့ code က ကိုယ့္ရဲ႕ပို႔စ္ URLကို သံုးၿပီး Digg မွာ submission လုပ္မွာပါ။ ကဲစၿပင္ၾကရေအာင္ -


Template ေအာက္က Edit HTML ကို ကလစ္လုပ္ပါ။ အေရးၾကီးဆံုးက အဲဒီက နဂို HTML code အားလံုးကို copy လုပ္ပါ။ ၿပီးရင္ Notepad ထဲမွာ save လုပ္သိမ္းထားပါ။ မိတ္ေဆြ တစ္ခုခုအမွား လုပ္မိရင္ နဂို template ၿပန္ေၿပာင္း ႏိုင္ေအာင္ပါ။ တခု သိရမွာက code ကို ၿပင္ထည့္ၿပီးခဲ့ရင္လည္း တခါတည္း save တန္းမလုပ္ပဲ preview နဲ႔ အရင္ရမရ ၾကည့္တဲ့ အက်င့္လုပ္ထားပါ။ ၿပီး ရတယ္ဆိုမွ save လုပ္ပါ။



Click "Expand Widget Templates" လုပ္ပါ။ အဲဒီမွာ ေအာက္က ၿပထားတဲ့ ကုဒ္ရွာပါ။

<p><data:post.body/></p>

ဒီ Button ကို သင့္ ဘေလာ့ခ္ပို႔စ္ရဲ႕ ညာဘက္ ေထာင့္မွာ ထားခ်င္ရင္ ေအာက္ကၿပထားတဲ့ ကုဒ္ကို အစားထိုးထည့္ပါ။

<div style="float:right; margin-left:10px;"> <script type="text/javascript"> digg_url = "<data:post.url/>"; </script> <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/> </div> <p><data:post.body/></p>

ဒါက အဲဒီ code ေၾကာင့္ သင္ၿမင္ရမယ့္ပံုပါ။



Button ကို ပို႔စ္ရဲ႕ အဆံုးမွာ ေပၚခ်င္ရင္ေတာ့ ဒီ code ကို အစားထုိးထည့္ရပါမယ္။

<data:post.body/> <div style="float:right; margin-left:10px;"> <script type="text/javascript"> digg_url = "<data:post.url/>"; </script> <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/> </div>

ဒါကေတာ့ ပို႔စ္ အဆံုးမွာ ၿမင္ရမယ့္ပံုပါ။



Button ကို ပို႔စ္ရဲ႕ အေပၚဘက္ ဘယ္ဘက္ေထာင့္ မွာ ေပၚခ်င္ရင္ ဒီ code အစားထိုးရပါမယ္။

<div style="float:left; margin-right:10px;"> <script type="text/javascript"> digg_url = "<data:post.url/>"; </script> <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/> </div> <p><data:post.body/></p>

ၿမင္ရမွာက ဒီလိုပါ။



Digg ရဲ႕ အၿခား သင့္ ဘေလာ့ခ္ background color နဲ႔ လိုက္ဖတ္မယ့္ အေသးစား compact button ထည့္မယ္ဆို၇င္ေတာ့ ဒီကုဒ္ကိုထည့္ပါ။ ကုဒ္ထဲက အနီေရာင္ (Red) နဲ႔ၿပထားတဲ့ ကာလာကုဒ္ေနရာမွာ ကိုယ့္စိတ္ၾကိဳက္ ကာလာ အေရာင္ထည့္ႏိုင္ပါတယ္။

<div style="float:right; margin-left:10px;"> <script type="text/javascript"> digg_url = "<data:post.url/>"; digg_bgcolor = "#BDEDFF"; digg_skin = "compact"; </script> <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/> </div> <data:post.body/>

ဒါက နမူနာ ၿမင္ရမယ့္ပံုပါ။




Automatic Count Button in Blog Footer



ဒီ code ကို Blog footer မွာ ထည့္ထားၿခင္းအားၿဖင့္ သင္ စာဖတ္ပရိတ္သတ္ရဲ႕ တံုၿပန္မႈကိုသိႏိုင္ပါတယ္။ ဒီကုဒ္က ဘေလာ့ခ္ပို႔စ္ရဲ႕ Labels ေတြ ေအာက္မွာေပၚမွာပါ။ ပထမဆံုး ဒီေအာက္ကၿပထားတဲ့ ကုဒ္ေတြကို template ေတြထဲမွာ အရင္ရွာပါ။

<p class='post-footer-line post-footer-line-2'> <span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span> </p>

Digg button ကို labels ေတြ အေပၚမွာထားခ်င္ရင္ ဒီကုဒ္ကို အေပၚက ၿပထားတဲ့ ကုဒ္ေတြ အေပၚမွာထားရမွာ ၿဖစ္ၿပီး button ကို labels ေတြ ေအာက္မွာ လိုခ်င္ရင္ အေပၚကၿပထားတဲ့ ကုဒ္အဆံုးေနရာမွာ ထည့္ရမွာပါ။ သင္ဟာ HTML ကြ်မ္းက်င္ရင္ေတာ့ စိတ္ၾကိဳက္ေနရာထားႏိုင္ပါတယ္။

<div style="float:right; margin-left:10px;"> <script type="text/javascript"> digg_url = "<data:post.url/>"; digg_bgcolor = "#BDEDFF"; digg_skin = "compact"; </script> <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/> </div>

ဒါကၿမင္ရမယ့္ပံုပါ။





Digg Button in Blog Footer

Automatic Count button ကုိ မထည့္ခ်င္ဘူး link button သတ္သတ္ပဲ ထည့္ခ်င္တယ္ဆိုရင္ေတာ့ ေအာက္ကၿပထားတဲ့ code ကို ထည့္ႏိုင္ပါတယ္။ ဒီ button က ပုိ႔စ္တိုင္းရဲ႕ ေအာက္ေၿခ ညာဘက္မွာ ေပၚမွာၿဖစ္ၿပီး readers ေတြက click လုပ္ၿပီး သူ႔အၾကိဳက္ပို႔စ္ကို Digg မွာ submit လုပ္ႏိုင္မွာပါ။

ေအာက္ကၿပထားသည့္ အနက္ေရာင္ code မ်ားကို template ထဲမွာ အရင္ရွာၿပီး အနီေရာင္ (Red) နဲ႔ ၿပထားတဲ့ code ကို copy ကူးထည့္ပါ။

<div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div style="float:right; margin-left:10px;"> <a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img border="0" alt="Digg this" src="http://digg.com/img/badges/91x17-digg-button.gif"/></a></div>

ၿမင္ရမယ့္ ပံုက ဒီလိုပါ။


ေနရာေၿပာင္းထားခ်င္တယ္ဆိုရင္ေတာ့ အေပၚကေၿပာခဲ့တဲ့ ေနရာေၿပာင္းထားပံု code ေတြကို ေလ့လာရင္ ရပါတယ္။ အခုၿပထားတဲ့ button size 91 x 17 ဆိုဒ္ digg button က အစမ္းၿပထားတာပါ။ ေအာက္မွာ တၿခား button design ေတြၿပထားပါတယ္။ ေၿပာင္းခ်င္တဲ့ button image လင့္ကို code ထဲက image URL ေနရာမွာ အစားထိုးလိုက္ပါ။

Button for selective posts

Button ပံုေလးေတြ ေၿပာင္းခ်င္ရင္ ပထမဆံုး Digg tools ကို အရင္ သြားပါ။ ကိုယ္ၾကိဳက္တဲ့ button ေရြးပါ။ အဲဒီမွာ Digg buttons ေတြ မ်ိဳးစံုရွိပါတယ္။







ကိုယ္ၾကိဳက္တဲ့ image ရဲ႕ URL ကို မွတ္ထားပါ။ ဥပမာ - ဒီ ပံုရဲ႕ URL က

http://digg.com/img/badges/91x17-digg-button.gif

How to add Digg button to selected post
ဒီနည္းက Digg button ကို ပို႔စ္တိုင္းမွာ မဟုတ္ပဲ ကိုယ္ထည့္ခ်င္တဲ့ ပို႔စ္မွာပဲ ထည့္တဲ့နည္းပါ။ အလုပ္နည္းနည္းေတာ့ရႈပ္ပါတယ္။

Digg button ထည့္ခ်င္တဲ့ ပို႔စ္ကို အရင္ေရးပါ။ publish လုပ္ပါ။ page ကို refresh လုပ္ၿပီး သင္ button ထည့္မယ့္ ပို႔စ္ ေခါင္းစဥ္ကို click လုပ္ပါ။ အဲဒီ အခါ ထည့္ခ်င္တဲ့ ပို႔စ္ တစ္ခုတည္းကိုပဲ Post Page အေနနဲ႔ တစ္ပုဒ္တည္းၿပပါလိမ့္မယ္။ အဲဒီ URL ကို မွတ္သားထားပါ။ ၿပီးရင္ ေအာက္ကၿပထားတဲ့ code ထဲက လိေမၼာ္ေရာင္ (orange) နဲ႔ ၿပထားတဲ့ ေနရာမွာ ပို႔စ္ရဲ႕ URL ကို ထည့္ပါ။ Button ပံု ကို ေၿပာင္းခ်င္တယ္ ဆိုရင္ ေၿပာင္းခ်င္တဲ့ image URL ကို အၿပာေရာင္ (blue) နဲ႔ ၿပထားတဲ့ ေနရာမွာ အစားထိုး ထည့္လိုက္ပါ။

<a href="http://digg.com/submit?phase=2&url=URLofyourstory" target="_blank"><img border="0" alt="Digg my article" src="http://digg.com/img/badges/91x17-digg-button.gif"/></a>

ၿပီးရင္ သင့္ ဘေလာ့ခ္က Post ထဲက "Edit HTML" ထဲမွာ၀င္ပါ။ "Compose" ထဲ မဟုတ္ပါ။ template က Edit HTML ကို ေၿပာၿခင္း မဟုတ္ပါ။ အေပၚက ပို႔စ္ လင့္ခ္ ေနရာမွာ အစားထိုးၿပီးသား code ကို သင္ button ထားခ်င္တဲ့ ေနရာေလာက္မွာထားပါ။ "Preview" ၾကည့္ပါ။ ရရင္ "Publish" လုပ္ပါ။

Source

Technorati tags:
add digg button, add digg button to blog, blogging, bookmarks, digg, digg button, vote to blog post