Paano pagandahin ang website sa blogger

1:39 PM


Pagandahin ang website sa blogger

Talakayin ko po sa post na ito kung paanu natin pagandahin ang ating website sa blogger.

Karamihan sa mga nagsisimula sa mundo ng blogging gamit ang blogger ay hinde tumatagal dahil sa kadilanan na hinde nagiging maganda ang naging hitsura ng kanilang website o blog.

Ikaw ba ay matutuwa mag post na mag post kung ang iyong blog ay hinde kaaya aya sa iyong paningin. Kung hinde po maganda sa pangin natin ang ating website, maging tayo ay nawawalan ng gana mag post kahit pa marami tayong idea para i post.

Sa larangan ng blog, ang una dapat nating gawin ay pagandahin muna ito at lagyan ng menu para maging organize ang mga posts at pages sa ating mambabasa para maging madali nilang mahanap ang mga related content sa kanilang nabasa o hinahanap at ito rin ay isang requirements ng google kung ikaw ay handa ng mag apply sa adsense.


Anu ba ang menu?

Menu - ito ay ang mga kategorya ng lahat ng post at inihahanay ang bawat isa.
Halimbawa meron kang post tungkol sa Fashion lahat ng post mo na may kinalaman dito ay e lagay mo sa kategoryang ito at ilagay mo sa menu. Pag i click or e select ng mambabasa mo ang menung ito lahat ng post mo tungkol dito ay lalabas at nakahanay alinsunod sa petsa ng iyong pag post.

Katulad halimbawa ng sa blog na ito.

Kung makikita mo meron syang Menu ng Technology at pag i select mo ay meron ulit na submenu. Kung e click mo rin ang submenu halimbawa Internet, lahat ng post patungkol sa kategorya ng internet ay ipapakita ng blog na ito. yan po ang halibawa ng menu.


Maliban sa menu syempre ang buong hitsura ng blog natin dapat maayus and should be look professional.

Kailangan din po ang template mo ay responsive, para pag ang reader mo ay gumagamit lang ng smartphone at don lang sya nag ba-browse syempre maganda parin ang ayus dahil maliit lang ang screen nya.


So papanu nga ba natin mapapganda ito.
Dito hinde ko na gawing komplikado ang buhay mo sa pag papaganda ng blog mo. Hinde mo kailangan pag-aralan ang html, xml, javascript o css. Kung papagaralan pa natin yun baka hinde ka makapag simula mag blog kaagad. Gamit itong Blogger madami tayung pweding mapagkukunan ng mga template na maganda. Kung gusto mong walang backlink kailangan mong bumili, pero kung ok naman kahit sayo kahit may backlink ng mga gumawa ay gagamit tayo ng libre.

Disclaimer:

Ang tutorial na ito ay para sa mga nagsisimula palang mag blog minimum of five post. Ang may akda ay walang anu mang pananagutan sa kasiraan ng iyong blog o website, computer o kung anu paman sa sinumang sumunod at tumangkilik nito. Do it on your own risk. Make sure to back up your themes before following this tutorials.


Simulan na natin.

Ang gagamitin natin ay free templates galing sa sora templates.

Down load ang free o bilhin templates dito https://gooyaabitemplates.com/need-mag-blogger-template/
Pagkatapos mag download, unzip or extract the zipfile.

Log in to your blogger at e upload ang templates na ang file na may extension na dot xml(sample.xml)

Sundin ang mga sumusunod na steps.

Bago tayo mag simula gumawa ng Menu dapat nakagawa na tayo ng mga sumusunod.


  • Pages
  • Labels
Gawa tayo ng page na contact form halimbawa.

Step one

Click mo ang 1.Pages then New page.


Step Two

1. Gumawa ng Page title: example ay Contact Me
2. Mag lagay ng contact details sa contact page o di kaya ay contact forms.
3.Tick Don't allow comments, this is not a blog post so we don't need a comments.
4.Publish

Ganun din ang gawin natin pag gumawa tayo ulit ng isa pang page para naman sa about page.




Ngayun sa Labels naman tayo.

Labels

Ang Labels ay mahalaga sa pag gawa ng menu at pag Categorized ng mga Blog post.

Assuming meron kanang mga blog post. Sa blog post lagyan lang natin sya ng Labels.
Click mo ang Post sa leftside ng Dashboard then select post one by one and edit.
Halimbawa ang Kategorya ng post mo ay Fashion, then Click Labels and type it in the text box of your Label.




Pagsasaayos



Ganito po ang pa lagay ng mga link sa Menu natin. Unahin natin itong sa TopMenu.

Let say ang TopMenu natin ay mga link ng pages natin tulad halimbawa ng contact form page at About page.

Click pages, then select About this blog and hover your mouse to View right click your mouse and copy link address or just simply click view and copy the url from your browser.



Click ang Layout > click Edit link ng Top Navigation widget.



Example:
01. Link name: About
02. Paste your copied url link of your About page: ex. http://themejoey.blogspot.com/p/about-this-blog.html to link url 

then Click [Addlink].
do the same to add another page Menu.

and Click 03.Save when your done.


Sa Main Menu ang gagamintin natin dito ay ang Labels

Kanina pagkatapos nating gumawa ng Labels at pag e view na natin ang blog natin may makikita ka nang Categories sa may bandang kanan ng ating blog.
Ang gawin natin, hover natin ang mouse sa may label tulad ng Fashion at right click your mouse then copy the link address.



sa Main Menu,DropDown at Mega Menu
click ang Layout > click Edit link ng Main Menu widget.
Normal Link : Features Sub Link: _Sub Link 1.0 (before the link add "_")
1 underscore Sub Link 2: __Sub Link 1.1 (before the link add "__") 2 underscore Mega Menu



Ganito po ang pag gawa ng main Menu natin.

Halimbawa ay ang Normal Menu na walang submenu

01. Ilagay ang Menu name sa link name halimbawa ay Fashion
02. e paste ang copied link ng label na Fasion sa link url example: http://themejoey.blogspot.com/search/label/Fashion?&max-results=10

then click [Addlink]

Ngayun naman gagawa tayo ng Menu na may Submenu.
Tandaan: kapag submenu kailangan ang ang menu name mo ay laging may underscore "_" sa unahan.

01. Halimbawa ang Submenu natin ay Travel, ang ilalagay naman natin sa link name ay ganito  _Travel
02. e paste ulit ang copied link url ng Travel sa link url 
then click [Addlink]

Sunod Kailangan Gumawa tayo ng MainMenu sa ginawa nating Submenu.

01. Halimbawa ang Travel ay under ng Kategoryang BucketList. So ito ang Gawin nating Main Menu at ito ang ilagay natin sa link name
02. sa link url ay wala tayong ilalagay kundi ang hash tag # wala din tayung kokopyahing link url para e paste dito na galing sa mga labels dahil ginawa na natin ito sa submenu.

Ang Main menu at submenu ang nagiging dropdwon menu. 





Sa Mega Menu Settings naman ay ito



sa Social Top
Click ang Layout > click Edit link ng Social Top at Social Footer widget.
Icons Available ( facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, )




Main Slider
Access your blog Layout > click Add a Gadget > HTML/JavaScript on Main Slider Section, and then add one of the followingRecent Posts: 5/slider-recentLabel / Tag Ex: 5/Business/slider-tag


Featured Widgets
Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Widgets / Featured Widgets 2 Section, and add the type of the desired boxTypes : { small-col-left , small-col-right , recent-videos , post-grid, big-col-left, big-col-right }  Small Col Left:  3/Technology/small-col-left




Example:
Small Col Right:  3/Sports/small-col-right










Recent Videos (Max 6 Posts):  3/Food/recent-videos









Post Grid (Max 6 Posts):  3/Music/post-grid

Big Col Left:  3/Business/big-col-left

Big Col Right:  3/Fashion/big-col-right

















Widgets
Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar or Footer section, you must place the following codes highlighted in blue below.
Recent Posts: 3/recent-posts




















Post Per Tag: 3/Sports/post-per-tag






















Recent Comments: 3/recent-comments


After add, click save.

Facebook Page Plugin:
<center><div class="fb-page" data-href="https://www.facebook.com/jrexplorer/" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

Note: replace jrexplorer with your fbpage name.

Comments System / Theme Options


Access your blog Layout > click Edit link on Comments System widget on Theme Options.
Add one of the following provisionsblogger for blogger comments
facebook for facebook comments
disqus for disqus comments
blogger-disqus for blogger and disqus
blogger-facebook for blogger and facebook
disqus-facebook for disqus and facebook
blogger-disqus-facebook for all system




















Disqus Shortname
Access your blog Layout > click Edit link on Disqus Shortname widget on Theme Options.
What you have to do is just add the shortname





















Theme Options
Full Width Version (Default False);
Add (true) to Full Version, to return the Boxed version just add (false)

Fixed Sidebar (Default True);
To disable this function add (false), to active add (true)

Home - Recent Posts (Default Show);
To hide the home recent posts add (hide), to show add (show)

Home - PageNavi (Default Hide);
To show home PageNavigation add (show), to hide add (hide)

Internal - PostNavi (Default Show);
To hide internal PostNavigation add (hide), to show add (show)


Background & Colors
Access your blog Template > click Customize.
Background


Colors


Enjoy! at sana naka tulong ako sa inyo. "Share the Love


Kung kailangan mo nang tulong, feel free to ask





You Might Also Like

0 comments