casharka 1: How to install JDK and Run your First Program
Assalalamo alaykom WB
Ku soo dhawaada walaalayaa shabkada SomAka oo maanta idiin bilaawi doonto cashiro cusub oo taxano ahaandoono insha allah, ku waa soo ku saabsan Programming, khaasatan Java Programming.
Waa maxay Java?
Java waxaay ka midtahay luqadaha wax lugu programiyo, waxaay ku jirtaa mida ugu sarayso. Luqadaani waxaay ka tirsan tahay waxa loo yaqaano high languages. Hadii ay ahaan laheyd software ama website luqadaan inta waa ku haboontahay. Inta Badan jaamacadaha maanta java ayaa lagu dhigaa.
Casharadaani taxano ayay ahaa doonaa, bilaad ilaa dhamaad weeynu wadin dooonaa insha allah.
Si aan u isticmaasho Java Maxaa u baahantahay?
waxaan u baahantahay Software kala duwan is aad system kaaga ugu isticmaasho program kaan
1. waxaad u baahan tahay JDK ama Java Kit Development. Ka soo download garayso Halkaa
2. waxaad ka loo u baahantahay Eclipse, asagana halkaan kasoo download garayso
3. Si aad u aragto sida loogu duubo software-radaan fadlan daawo Video-ga hoose
Ku soo dhawaada walaalayaa shabkada SomAka oo maanta idiin bilaawi doonto cashiro cusub oo taxano ahaandoono insha allah, ku waa soo ku saabsan Programming, khaasatan Java Programming.
Waa maxay Java?
Java waxaay ka midtahay luqadaha wax lugu programiyo, waxaay ku jirtaa mida ugu sarayso. Luqadaani waxaay ka tirsan tahay waxa loo yaqaano high languages. Hadii ay ahaan laheyd software ama website luqadaan inta waa ku haboontahay. Inta Badan jaamacadaha maanta java ayaa lagu dhigaa.
Casharadaani taxano ayay ahaa doonaa, bilaad ilaa dhamaad weeynu wadin dooonaa insha allah.
Si aan u isticmaasho Java Maxaa u baahantahay?
waxaan u baahantahay Software kala duwan is aad system kaaga ugu isticmaasho program kaan
1. waxaad u baahan tahay JDK ama Java Kit Development. Ka soo download garayso Halkaa
2. waxaad ka loo u baahantahay Eclipse, asagana halkaan kasoo download garayso
3. Si aad u aragto sida loogu duubo software-radaan fadlan daawo Video-ga hoose
Qaybtii 5/5: Sidee loogu daraa Contact Us menu (ama Nala Soo xiriir) blogaaga
Assalamo alaykom WK
Waxaan inoo socday casharo ku saabsan "How design blog?", maanta waxaaynu bilaabaynaa cashirkii ugu danbeeyay, kaasoo ku saabsan Sida loogu daro Contact Us menu webpage kaaga ama blogaaga.
Hadii aad rabo inaay vitors-ka web kaaga inaay kuala soo xiriiraan maanta waxaaynu kuu haysaa sida ugu fudud oo aad ku la soo xiriiri karaa. Fadlan raab raac talaabooyinka hoose ku xusan si aad webpage kaaga ugu darto Contact Us menu (Nala Soo Xiriir).
Sidee loogu daraa Contact Us:
1. Waxaad aad bloga ka gal www.blogger.com
2. Dooro webpage aad rabto inaad ku darto Contact Us menu.
3. Waxaad dorataa Layout dhinaca Bidixda ah:
Waxaan inoo socday casharo ku saabsan "How design blog?", maanta waxaaynu bilaabaynaa cashirkii ugu danbeeyay, kaasoo ku saabsan Sida loogu daro Contact Us menu webpage kaaga ama blogaaga.
Hadii aad rabo inaay vitors-ka web kaaga inaay kuala soo xiriiraan maanta waxaaynu kuu haysaa sida ugu fudud oo aad ku la soo xiriiri karaa. Fadlan raab raac talaabooyinka hoose ku xusan si aad webpage kaaga ugu darto Contact Us menu (Nala Soo Xiriir).
Sidee loogu daraa Contact Us:
1. Waxaad aad bloga ka gal www.blogger.com
2. Dooro webpage aad rabto inaad ku darto Contact Us menu.
3. Waxaad dorataa Layout dhinaca Bidixda ah:
5. Waxaad ku dartaa Gadget cusub (Add a Gadget) kadib dooro More Gadget > ka sii dooro Contact form kadib save dheh
6. Waxaad tagtaa Template-ka, waxaad doorataa Edint HTML > waxaad tagtaa Jump To Wedget > dooro CantactForm1. waxaad laba mar click ku sii saa dhibacda yadh ee dhinaca midig
Kadib waxaad arkaysaa code-kaan hoose ku qoran, Delete dheh dhamaan code-ka Kolorka gaduudka ama casaanka ah
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'> <b:includable id='main'> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p/> <data:contactFormNameMsg/> <br/> <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/> <p/> <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span> <br/> <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/> <p/> <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span> <br/> <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/> <p/> <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/> <p/> <div style='text-align: center; max-width: 222px; width: 100%'> <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/> <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/> </div> </form> </div> </div> <b:include name='quickedit'/> </b:includable> </b:widget>
7. Waxaa meesha ku soo harayo oo kaliya intaan hoose ku qoran:
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'> <b:includable id='main'> </b:includable> </b:widget>
<b>Si aad nala soo xidhiidhto fadalan buuxi form-ka hoose</b> <br /> <div class="widget ContactForm" id="ContactForm1"> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <b>Magaca</b>: <span id="required">*</span> <br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <br /> <b>E-mail kaaga</b>: <span id="required">*</span><br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br /> <b>Fariinta</b>: <span id="required">*</span><br /> <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Halkaan ka Dir" /> <br /> <br /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </form> </div> </div> </div> <b>waxaan is ku dayaynaa inaan kuula soo xirirno sida Uqu dhaqsiyada badan Insha Allah</b><b style="text-align: center;">Waad waad Mahadsantahay</b>
]]></b:skin> Si aad u raadiso waxaa isla qabataa Ctrl + F. Markaad hesho, meesha ka sarayso waxaad ku dartaa code-ka hoos ku qoran:
/* CUSTOM CONTACT FORM BY XOMISSE */ .contact-form-widget { width: 500px; /* CHANGE WIDTH OF CONTAINER */ max-width: 100%; padding: 10px; background: #FFFFFF; /* CHANGE BACKGROUND COLOUR OF CONTAINER */ color: #000; /* CHANGE TEXT COLOUR OF CONTAINER */ border: 0px solid #EEEEEE; /* CHANGE BORDER OF CONTAINER */ margin: 0 auto; /* REMOVE IF YOU DON'T WANT IT CENTERED */ } .contact-form-name, .contact-form-email, .contact-form-email-message { width: 100%; max-width: 500px; /* CHANGE WIDTH OF FORM ENTRIES */ } .contact-form-button-submit { border: 1px solid #999999; /* CHANGE BORDER OF SEND BUTTON */ background: #EEEEEE; /* CHANGE BACKGROUND COLOR OF SEND BUTTON */ color: #333333; /* CHANGE TEXT COLOR OF SEND BUTTON */ width: 30%; /* CHANGE WIDTH OF SEND BUTTON */ margin: 10px 0px; } .contact-form-button-submit:hover{ border: 1px solid #999999; /* CHANGE BORDER OF HOVER SEND BUTTON */ background: #666666; /* CHANGE BACKGROUND COLOR OF HOVER SEND BUTTON */ color: #FFFFFF; /* CHANGE TEXT COLOR OF HOVER SEND BUTTON */ } .contact-form-widget #required {color: red; /* CHANGE ASTERISK COLOR */} .contact-form-widget p { margin-bottom: 5px; /* CHANGE SPACE BETWEEN TEXT AND FIELD */} .contact-form-cross {margin-left: 5px !important;} .contact-form-error-message-with-border { background: #eeeeee; /* CHANGE BACKGROUND OF OF ERROR MSG */ border: 1px solid #333333; /* CHANGE BORDER OF ERROR MSG */ bottom: 0; box-shadow: none; color: #666; /* CHANGE TEXT COLOR OF ERROR MSG */ font-size: 12px; /* CHANGE FONT SIZE OF ERROR MSG */ padding: 5px; font-weight: bold; /* CHANGE WEIGHT OF ERROR MSG */ text-align: center; } /* END CUSTOM CONTACT FORM BY XOMISSE */
9. Save dheh, kadib check-garay in contact us uu shaqynayo. Email ka waxa uu u dhacayaa Gmail-ka lagu sameeyay blogaaga.
Qaybtii 4/5 Sidee loogu daraa Munu bar iy drop-down menuyada
Assalamo alaykom WB Walaalayaal
Ilaa hada waxaan soo baranay 2 qaybood oo muhiid ah oo kale ah sida blogger loo abuuro iyo sida loogu daro template-ka.
Insha Allah qaybtaa waxaynu ku baran doonaa sida loogu daro munu bar waxa layiraahdo. Menu bar waa meelaha laga tago page khaas ah hadii aad rabtid, ama waxaad rabtaa inaad abuurto page wax gooni ah ka hadlayo, waxaad isticmaali kartaa menu bar.
Hadii uu waqtiga inoo masaamxo waxaan barandoonaa sida loogu daro drop-down menu oo sii qurxinayo website-kaaga.
Hadii aan biloow casharka:
1. marka hore waxaad u baahantahay inaad qorshayso sida uu u muuqandoono munu barkaaga, waxaay ku xidhantahay waxa aad samaynayso> Tusaale ahaa: ma waxaad rabtaa inaad dhisto web ku saab san IT ama technology, marka waxaad u baahan tahay munu bar (Windows > Designing > photoshop) waa tusaale oo kaliyah.
2. Waxaad aadaa blogaaga, dhinac midta waxaad click ku sii Layout, kadib waxaad ku dartaa HTML widget cusub. Kadib Code kaan hoos ku qoran ku dar, kadib save dheh. Video-ga daawo hadii aad fahmi waysid steps kaan.
Ilaa hada waxaan soo baranay 2 qaybood oo muhiid ah oo kale ah sida blogger loo abuuro iyo sida loogu daro template-ka.Insha Allah qaybtaa waxaynu ku baran doonaa sida loogu daro munu bar waxa layiraahdo. Menu bar waa meelaha laga tago page khaas ah hadii aad rabtid, ama waxaad rabtaa inaad abuurto page wax gooni ah ka hadlayo, waxaad isticmaali kartaa menu bar.
Hadii uu waqtiga inoo masaamxo waxaan barandoonaa sida loogu daro drop-down menu oo sii qurxinayo website-kaaga.
Hadii aan biloow casharka:
1. marka hore waxaad u baahantahay inaad qorshayso sida uu u muuqandoono munu barkaaga, waxaay ku xidhantahay waxa aad samaynayso> Tusaale ahaa: ma waxaad rabtaa inaad dhisto web ku saab san IT ama technology, marka waxaad u baahan tahay munu bar (Windows > Designing > photoshop) waa tusaale oo kaliyah.
2. Waxaad aadaa blogaaga, dhinac midta waxaad click ku sii Layout, kadib waxaad ku dartaa HTML widget cusub. Kadib Code kaan hoos ku qoran ku dar, kadib save dheh. Video-ga daawo hadii aad fahmi waysid steps kaan.
<style type="text/css">#cssmenu{border:1px solid #b9121b;background:#b9121b}#cssmenu > ul{padding:1px 0;margin:0;list-style:none;width:100%;height:21px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;font:normal 8pt verdana,arial,helvetica}#cssmenu > ul li{margin:0;padding:0;display:block;float:left;position:relative;width:160px}#cssmenu > ul li a:link,#cssmenu > ul li a:visited{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#b9121b;color:#fff;width:148px;height:13px}#cssmenu > ul li:hover a,#cssmenu > ul li a:hover,#cssmenu > ul li a:active{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#ec454e;color:#fff;width:146px;height:13px;border-left:1px solid #fff;border-right:1px solid #fff}#cssmenu > ul li ul{margin:0;padding:1px 1px 0;list-style:none;display:none;background:#fff;width:146px;position:absolute;top:21px;left:-1px;border:1px solid #b9121b;border-top:none}#cssmenu > ul li:hover ul{display:block}#cssmenu > ul li ul li{clear:left;width:146px}#cssmenu > ul li ul li a:link,#cssmenu > ul li ul li a:visited{clear:left;background:#b9121b;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li:hover a,#cssmenu > ul li ul li a:active,#cssmenu > ul li ul li a:hover{clear:left;background:#ec454e;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li ul.navigation-3{display:none;margin:0;padding:0;list-style:none;position:absolute;left:145px;top:-2px;padding:1px 1px 0 1px;border:1px solid #b9121b;border-left:1px solid #b9121b;background:#fff;z-index:900}#cssmenu > ul li ul li:hover ul.navigation-3{display:block}#cssmenu > ul li ul li ul.navigation-3 li a:link,#cssmenu > ul li ul li ul.navigation-3 li a:visited{background:#b9121b}#cssmenu > ul li ul li ul.navigation-3 li:hover a,#cssmenu > ul li ul li ul.navigation-3 li a:hover,#cssmenu > ul li ul li ul.navigation-3 li a:active{background:#ec454e}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work -->
<!-- customize your menus Links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="http://som-aka.blogspot.com/"><span>Blog Deisgn</span></a>
<ul>
<li><a href="http://som-aka.blogspot.com/"><span>Sidee loo sameeysaa blog</span></a></li>
<li><a href="http://som-aka.blogspot.com/"><span>Qaytii labaad</span></a></li>
<li class="last"><a href="http://som-aka.blogspot.com/"><span>Qaybtaa sadexaad</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="http://som-aka.blogspot.com/"><span>Windows Trainig</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="http://som-aka.blogspot.com/"><span>Windows 10</span></a></li>
<li class="last"><a href="http://som-aka.blogspot.com/"><span>Windows 8</span></a></li></ul> </li> <li class="last"><a href="http://som-aka.blogspot.com/"><span>Contact</span></a></li> </ul> </div>
wixii kale waxaan ku dhamaysaneeynaa video-ga hoos ku yaal.
Qaybtii 3/5 sidee logu daraa menu bar aanan wadan drop-down menus
Assalamo alaykom WB walaalayaal
Ku soo dhawaada SomAma.
Halkaan waxaan i noogu socdo cashiro ku saab san sida loo Samaysto Website free ah. Maantana cashrikaayna waxaa ku saabsan yahay Sida loogu daro menu bar website kaaga. Qaybtaan waxaa kaliyah oo an ku dari doonaa menu bar aan wadanin waxaa layiraahdo drop-down buttons.
Fadlan raac talaabooyinkaan ama steps
1. waxaad gashaa blogger kaaga www.blogger.com
2. kadib waxaad click ku sii saa Layout-ka, dhinac bidix
Halkaan waxaan i noogu socdo cashiro ku saab san sida loo Samaysto Website free ah. Maantana cashrikaayna waxaa ku saabsan yahay Sida loogu daro menu bar website kaaga. Qaybtaan waxaa kaliyah oo an ku dari doonaa menu bar aan wadanin waxaa layiraahdo drop-down buttons.
Fadlan raac talaabooyinkaan ama steps
1. waxaad gashaa blogger kaaga www.blogger.com
2. kadib waxaad click ku sii saa Layout-ka, dhinac bidix
3. waxaa Click u sii Add a Gadget
4. Kadin waxaa kuu furmayo page cusub waxaad ka raadisaa Pages. Hadii aad hesho waxaad click ku sii calamada + ah ee kaa hore kaga taal. Kadib save dheh page
5. Waxaad ku noqotaa blogaaga, waxaad click u sii Pages dhinaca Bidix. Meeshaa waxaan ugu daraynaa Pages ka aan rabno inaay inoo noqdaa menu bar. Inta Page oo aad rabto adiga ayaay ku xirantahay. Markii aaadku darto waxaan ku soo noqotaa Layout-ka. Pages ka aan abuurnay click Edit. Meeshaa waxaad ka arki doontaa pages ka aad abuurtay, Check seer, kadib click ku sii Save xagaa soose.
Faldlan haadii aad fahmi waysay steps waxaa ku caawinayo Video xagaa hoose yaaal.
Qaybtii 2/5: Sidee loogu daraa Template website-kaaga
Assalamo alaykom WB Walaalayaal
Ku soo dhawaada walaalayaal qaybtii labaad oo ayna ugu hadli doona sida loo badabo background-ka website-kaaga ama template-ke.
Isticmaalayaasha qaarkood waxaay ku qanacsanyihiin isticmaalka default tamplate-ke, qaarna waaay is ka badalaan marka hadii aadan jecleen tamplate ka, waxaaynu idiin haynaa tamplate kale duwan oo aad u ticmaali kartid blogaga. DHamaan tamplate yada waa free insha Allah waxaan idin tusi sida loogu daro tamplate kaan blogaaga.
Marka hore, Template-yadaan Online ayaa laga wada helaa marka hadii aad ku qanac sanayn midkaan, waxaad dooro kartaa midkii ku anfaco ama midab ahaan ama design ahaan adigoo online ka raadinayo dooqaaqa.
2. Kadib waxaad gashaa blogaaga, kagal www.blogger.com
3. dhinacaaga BIDIX ta ah waxaan ka arkaay saa waxyaabo badan oo safan, waxaan ka doo rataa Tamplate meesha ugu hoosayso
4. Dooro Tamplate kadib dhinacaaga midigta ah waxaad ka doorataa Backup / Restore click ku sii
5. kadib ku soo dar Tamplate ka adigoo dooranayo meesha ka hoosayso "Upload a template from a file on your hard drive" dooro choose file
6. kadib waxaa ku furmayo window cusub, tag meesha aad ku savegaraysay Template ka.
7. kadib dooro, markaa kadib Open click ku sii
Fadlan xagaan ka download-garayso Template-ka
Fadan Daawo Video-gaan hoose si aad u fahanto cashirkaan.
Isticmaalayaasha qaarkood waxaay ku qanacsanyihiin isticmaalka default tamplate-ke, qaarna waaay is ka badalaan marka hadii aadan jecleen tamplate ka, waxaaynu idiin haynaa tamplate kale duwan oo aad u ticmaali kartid blogaga. DHamaan tamplate yada waa free insha Allah waxaan idin tusi sida loogu daro tamplate kaan blogaaga.
Marka hore, Template-yadaan Online ayaa laga wada helaa marka hadii aad ku qanac sanayn midkaan, waxaad dooro kartaa midkii ku anfaco ama midab ahaan ama design ahaan adigoo online ka raadinayo dooqaaqa.
Sidee looga daraa tamplate brogagaag, Fadlan raac talaabooyinkaan ama steps kaan:
1. Gal account gaaga, waxaa ka wadaa gmail-kaaga ka gal www.gmail.com2. Kadib waxaad gashaa blogaaga, kagal www.blogger.com
3. dhinacaaga BIDIX ta ah waxaan ka arkaay saa waxyaabo badan oo safan, waxaan ka doo rataa Tamplate meesha ugu hoosayso
4. Dooro Tamplate kadib dhinacaaga midigta ah waxaad ka doorataa Backup / Restore click ku sii
5. kadib ku soo dar Tamplate ka adigoo dooranayo meesha ka hoosayso "Upload a template from a file on your hard drive" dooro choose file
6. kadib waxaa ku furmayo window cusub, tag meesha aad ku savegaraysay Template ka.
7. kadib dooro, markaa kadib Open click ku sii
Fadlan xagaan ka download-garayso Template-ka
Fadan Daawo Video-gaan hoose si aad u fahanto cashirkaan.
