Pearls of Words

A happy person will always make time to read because reading is a source of wisdom, make time to laugh because laughter is the music of the soul, make time to think because thinking is the root of progress, make time to do good deeds because doing good deeds is the root of success, make time to have fun because having fun will always make you young, and make time to worship because worship is the mother of all peace of mind.
Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Tuesday, March 5, 2013

Boxee


What is Boxee ?

Boxee is a front-end program used to play video and audio streams from such sources as BBC iPlayer, The Comedy Channel and MTV. It supports HDTV and can be used as an alternative to Miro.

Restrictions

Boxee runs on both 32 and 64 bit Ubuntu and is available for Hardy Heron (8.04), Intrepid Ibex (8.10), Jaunty Jackalope (9.04) and Lucid Lynx (10.04). Please note that the software is still in development.

Installation

Go to the Boxee homepage at http://www.boxee.tv/ and select 'Join up'. Add the repository by going to System - Administration - Software Sources, click on the 'Third Party Software' ('Other Software' in Lucid) tab. Now click on 'Add' and enter
  • for Hardy: deb http://apt.boxee.tv hardy main
  • for Intrepid: deb http://apt.boxee.tv intrepid main
  • for Jaunty: deb http://apt.boxee.tv jaunty main
  • for Lucid: deb http://apt.boxee.tv lucid main
Click on 'Close' and press 'Reload' when prompted. Now in Applications - Accessories - Terminal update the apt cache with
sudo apt-get update
Install the program with
sudo apt-get install boxee
You may get a warning message:
WARNING: The following packages cannot be authenticated!
  boxee
Install these packages without verification [y/N]?
Enter 'y' to install boxee. Once complete you now need to reboot the PC and a menu shortcut will be generated (Applications - Sound and Video - Boxee).

License

Boxee is free for private and personal use.

Kalau anda suka sila klick "like";

Tutorial: HOW-TO:Install XBMC on Ubuntu


1 Installing XBMC Ubuntu 9.10 Karmic or higher

Note: You find newer XBMC packages on this Repository-Overview for Ubuntu 12.04 and older.
If you are using Ubuntu 9.10 or higher, you have the option of a more streamlined install. Load the terminal window and issue the following:
sudo apt-get install python-software-properties pkg-config
sudo add-apt-repository ppa:team-xbmc
sudo apt-get update
sudo apt-get install xbmc xbmc-standalone
sudo apt-get update
You do not need to add the XBMC Repo nor the PPA Keys. XBMC is already installed. To have content, go to Adding the XBMC SVN Repo Installer (not to be confused with XBMC Repo below).
If you get an error message like xbmc: Depends: xbmc-data (= 2:10.00~svn35648-lucid1) but it is not going to be installed E: Broken packages while doing this, please enable multiverse and multiverse repositores in /etc/apt/sources.list, or go to the System menu, then Administration, then Software Sources and check the "Community-maintained open Source software (universe)" and "Software restricted by copyright or legal issues (multiverse)" checkboxes and apply the changes.
For NVidia hardware acceleration (VDPAU) in Ubuntu 10.04 install the following packages:
sudo apt-get install libvdpau1 nvidia-185-libvdpau

2 Adding the XBMC Repo

Adding the XBMC Repo tells your system where to look for xbmc for installation and future updates
  • From the Desktop, click System -> Administration -> Software Sources.
  • Click the "Third Party Software" tab.
  • Click "Add" for each of the following. For the Apt line type the following, substituting "jaunty" for your version:
deb http://ppa.launchpad.net/team-xbmc/ppa/ubuntu jaunty main
deb-src http://ppa.launchpad.net/team-xbmc/ppa/ubuntu jaunty main
  • Click "Close". If you see a GPG Error upon closing the window, not to worry. That will be handled in the next step.

3 Adding PPA Keys

These packages are signed with a unique key for added security. Synaptic needs to know this key in order to verify the packages' authenticity.
  • Click here to view the PGP key
  • Select the text from the beginning of the keyblock to the end (including those lines)
  • Copy that text to the clipboard (Edit -> Copy)
  • Open your text editor from Applications -> Text Editor.
  • Paste the key contents (Edit -> Paste)
  • Save the document in your home folder as xbmc-ppa.key
  • Reopen Software Sources, this time choosing the "Authentication" tab.
  • Click "Import Key File" and choose the newly created xbmc-ppa.key and press OK.
You can also combine all these steps into a single command-line command:
sudo apt-key adv --recv-keys --keyserver keyserver.ubuntu.com 0x6d975c4791e7ee5e

4 Installing XBMC

Now that the repo and key have been added, install XBMC like any other program.
  • Click System -> Administration -> Synaptic Package Manager
  • Click "Reload"
  • Search for "xbmc"
  • Mark xbmc and xbmc-standalone for installation and mark additional changes when prompted.
  • Click "Apply" and agree to the changes after reading them.
XBMC is now installed and ready for use.

5 Adding the XBMC SVN Repo Installer

In Ubuntu the SVN Repositories are not automatically added. You must add them manually.
  • First, download the SVN Repo Installer from:
  • http://xbmc-addons.googlecode.com/svn/packages/plugins/programs/SVN_Repo_Installer.zip
  • Extract it to the ~/.xbmc/plugins/programs directory. If this directory does not exist, run XBMC one time and then exit back to Ubuntu. The directory should now exist.
  • Select XBMC Media Center: Applications -> Sound & Video -> XBMC Media Center
  • Scroll down to Programs.
  • Select program plugins.
  • Select SVN Repo Installer
  • Select xbmc-addons
  • Select plugins
  • Choose the plugins that you want to add (i.e., videos)

6 Autostart XBMC (optional)

By following these instructions, your system will boot directly into XBMC rather than your desktop from now on. It is advised that you delay this step until XBMC is setup as you'd like it.
  • From the desktop click System -> Administration -> Login Screen
  • From the "Security" tab choose "Enable Automatic Login" and select your username.
  • Click "OK" to exit.
  • Logout of your system.
  • From the Login screen choose "Select Session"
  • Choose "XBMC" and click "Change Session"
You're finished. Next time you login you should be greeted with XBMC.

7 Autostart XBMC (optional alternative)

  • From the desktop click System -> Administration -> Login Screen
  • From the "Security" tab choose "Enable Automatic Login" and select your username.
  • Click "OK" to exit.
  • From the desktop click System -> Preferences -> Startup Applications
  • Click "Add"
  • Name: XBMC
  • Command: xbmc
  • Comment: XBMC
  • Click "OK"
You're DONE, Ubuntu will now load gnome first then xbmc straight after, slightly slower but it keeps your gnome session available.
NOTE: It is important to use all lower case characters when entering the command.

8 Weblinks


Kalau anda suka sila klick "like";

Sunday, February 24, 2013

Tutorial: Install apt-fast


Ubuntu users can install the latest stable apt-fast from its official PPA:

sudo add-apt-repository ppa:apt-fast/stable
sudo apt-get update
sudo apt-get install apt-fast

apt-fast configuration

When installing apt-fast in Ubuntu via its PPA, the package asks you if you want to use aptitude or apt-get, what download manager to use (axel or aria2c). If, later on, you want to change some of the apt-fast options, use the following command:
sudo dpkg-reconfigure apt-fast

aria2c is the download tool recommended by the apt-fast developers, mostly because it supports resuming downloads.

For other Linux distributions, you can download apt-fast from GitHub.

Kalau anda suka sila klick "like";

Tutorial: How to make Ubuntu Linux look like Windows 7



Windows 8's tile-based interface puts a bold new spin on the familiar Windows interface—so bold that many long-time Windows users are threatening to jump ship to another operating system rather than learn Microsoft's "modern" UI. Of course, you'll still find yourself in foreign territory even if you actually follow through and make the jump. Installing a new operating system is easy, but wrapping your head around an alien environment can be more difficult, even if you're using a comparatively user-friendly OS like Ubuntu Linux.
Luckily, Linux is customizable—much, much more than Windows. In fact, if you're having trouble with the transition (or plopping Ubuntu on a parent's PC), you can tweak and tune the OS to feel pretty darned close to the Windows environment you've forsaken.
I’ll go through two methods here. One adapts Ubuntu’s default Unity desktop to make it feel slightly more like Windows, while the other entails a bit more work and a different desktop interface entirely to create a truly Microsoft-like experience.

Creating a Windows 7-style Ubuntu

Ubuntu's default desktop is clean, but not very Windows-like.
To be completely honest, Ubuntu's default Unity desktop may be slick and pretty, but it isn’t the most configurable Linux environment around. The taskbars running the top and left sides of its screen are locked in place and can’t be moved whatsoever. Unity is still fairly flexible, however, and some basic—for Linux—tweaks can give it some of that old Windows 7 charm.
A quick note: These tips were tested on Ubuntu 12.10, the most current version of the operating system at the time of publication.
We’re going to use some terminal commands throughout the course of this article. If you’re a new Linux user, don’t be scared—Linux’s powerful command line makes it easy to follow instructions you’ll find in articles like this one. Instead of following a list of long steps telling you to click here and click there, you can just copy and paste these commands into a terminal window and hit Enter.
To open a terminal, press the Windows key (known as the Super key in Linux), type Terminal, and press Enter. You can also click the Ubuntu logo at the top-left corner of your screen instead of pressing the Windows key.
We're getting there...
First, we’re going to install a Windows 7 theme pack. Copy and paste the following commands into the terminal window in order, pressing Enter after each command to run it. The first command adds a personal package archive (PPA) to your system that Ubuntu can install packages from. The second command downloads information about the newly available packages, and the third command installs the Windows 7 theme—no installation wizard required. Typing sudo before each command allows it to run with root permissions, similar to running a program as administrator in Windows.

sudo add-apt-repository ppa:upubuntu-com/gtk3
sudo apt-get update
sudo apt-get install win2-7
The Win2-7 theme is now installed. To enable the icon, window border, and widget theme, copy and paste the following commands into the terminal. As you run each command, you’ll see your desktop gradually transform and become more Windows-like.

gsettings set org.gnome.desktop.interface gtk-theme 'Win2-7-theme'
gsettings set org.gnome.desktop.wm.preferences theme 'Win2-7-theme'
gsettings set org.gnome.desktop.interface icon-theme 'Win2-7-icons'
The taskbar-like launcher at the left side of your screen will still be a different color. Never fear—like Windows 7’s taskbar, the launcher derives its colors from your desktop wallpaper. For this article, we’ll use Windows 7’s default wallpaper, which you can find all over the Internet. (I snagged my copy from an old ZDNet post.) If you’re using Firefox on Ubuntu, right-click the full-size wallpaper image in your browser and select Set as Desktop Background.
You’ll also want to move the window management buttons—close, minimize, and maximize— located at the top-left corner of each window by default. Use this command to put them in a Windows-style order:

gsettings set org.gnome.desktop.wm.preferences button-layout 'menu:minimize,maximize,close'
To remove the Mac-style global menu bar and put the menu bar (containing File/Edit/View) back into each individual application window, run this command:

sudo apt-get autoremove appmenu-gtk appmenu-gtk3 appmenu-qt indicator-appmenu
You’ll have to log out and log back in for this change to take effect. Use the button at the top-right corner of your screen to log out.
Behold Windows and Ubuntu's love child!
Do you like what you see? This is as close to Windows 7 as we’re going to get with Ubuntu’s default Unity desktop environment. If it doesn't quite scratch your itch, keep reading to learn how to create a more traditional Windows 7-style look using the Xfce desktop environment.

Installing and customizing Xfce

For this method, we’ll be throwing Ubuntu’s default Unity desktop out and going our own way. (Okay, we’re not actually throwing it out, just selecting a different environment on the login screen). Xfce is one of the most popular desktops that still offers a lot of configurability. Install it with this command:

sudo apt-get install xubuntu-desktop
Log out of Ubuntu using the menu at the top-right corner of the screen and click the icon next to your name on the login screen. Select Xubuntu session and log in normally. (You can install multiple desktop environments and toggle between them on the login screen like this.)
Xfce also uses a two-panel layout by default. We’ll have to do some heavy customization to get it looking more like Windows 7, but it’s all graphical—if you’re a Windows power user, you’ve done this kind of tweaking many times before.
First, get rid of the top panel. Right-click it, point to Panel, select Panel Preferences, and click the red Remove button. Use the drop-down box in the panel configuration window to select the other panel. Uncheck the 'Automatically show and hide the panel' option and check the 'Automatically increase the length' option. Now we’re getting somewhere! At this point, you should have a single taskbar-like panel across that bottom of your screen.
Use the buttons on the Items panel to remove the items you don’t want, add the items you do want, and reorder them as you see fit. For a Windows 7-style taskbar, try using these items in the following order:
Applications Menu, Separator, Launcher, Window Buttons, Separator, Notification Area, Indicator Plugin, Show Desktop.
The item options for Xfce's panel are nice and simple.
Add as many launchers (read: shortcuts) as you like to the launcher section and think of them as your new quick launch bar. Unfortunately, Xfce can’t group applications and open windows the same way Windows 7’s taskbar can, so it’s a bit more old school.
To configure an item, select it in the list and click the Gear button. You’ll also want to disable the 'Show button title' option in the Applications Menu item’s settings.

Theming Xfce to look like Windows

Now we just have to make Xfce look more like Windows 7. If you didn’t run any of the commands in the Unity section above, run the commands below in a terminal. (Right-click the desktop and select 'Open terminal here' to open a terminal in Xfce.)

sudo add-apt-repository ppa:upubuntu-com/gtk3
sudo apt-get update
sudo apt-get install win2-7
gsettings set org.gnome.desktop.wm.preferences theme 'Win2-7-theme'
gsettings set org.gnome.desktop.wm.preferences button-layout 'menu:minimize,maximize,close'
Open the Settings Manager from the applications menu and click the Appearance icon. Select Win2-7-theme in the Style list and select Win2-7 in the Icons list.
Press Alt+F2 and run the following command to get Windows 7-style window borders. If you're typing this out rather than copying and pasting, note that the command includes a double-dash, not a long em dash.

metacity --replace
Go into the Session and Startup panel in the Settings Manager, select the Application Autostarttab, and click the Add button. Enter Metacity as the application’s name and metacity --replace as its command. Now Windows 7-style window borders will automatically start with your desktop.
To make your panel look more like Windows 7’s panel, right-click it, point to Panel, and select Panel Preferences. On the Appearance tab, select Background image and browse to the \usr\share\themes\Win2-7-theme\gtk-2.0\Panel\ directory on your computer. Select a background image like Panel_Win2-7Basic800.png. The theme pack we installed includes a variety of panel backgrounds, so feel free to experiment.
You can also change the applications menu’s graphic and make it use a Windows 7-style start orb. First, find a Windows 7 start orb image—you can find several on Google Images, but make sure you get a transparent PNG image. Once you’ve found a good image, right-click the Applications menu button, select Properties, and use the Icon button to select your start orb.
Here it is: A Linux OS in Windows clothing, perfect for those afraid of change.
Phew, that took a lot of tweaking (and a lot of text)—but we now have a Windows 7-style desktop on Ubuntu. It lacks a Windows 7-style Start menu and taskbar, but Windows users that prefer the classic Start menu and taskbar behavior will find it immediately familiar.

Undoing your changes

Want to undo your changes? If you followed the first method, just run these commands. Remember to log out and log back in after running the commands to restore the global menu bar.

gsettings reset org.gnome.desktop.interface gtk-theme
gsettings reset org.gnome.desktop.wm.preferences theme
gsettings reset org.gnome.desktop.interface icon-theme
gsettings reset org.gnome.desktop.wm.preferences button-layout
gsettings reset org.gnome.desktop.background picture-uri
sudo apt-get install appmenu-gtk appmenu-gtk3 appmenu-qt indicator-appmenu
If you followed the second method, log out and select Ubuntu’s default desktop environment from the login screen. You can toggle between the two whenever you like. If you’d like to uninstall Xfce, use this command:

sudo apt-get autoremove xubuntu-desktop
These processes are a good demonstration of just how configurable Linux is. You can rip out software from the default desktop, use all sorts of themes, install a completely different desktop environment, or even build your own desktop environment by cobbling together pieces from different desktop environments—that’s what we did in the last section.

Kalau anda suka sila klick "like";

Windows 7 vs. Ubuntu 12.04:Enable Public Folder Sharing without Passwords


By default Windows 7 and Ubuntu 12.04 come with Public Folders that you can use to share files with anyone, even to someone without a local account. This can come in handy if you need to quickly make a public file available to all users on the system or network without worrying about permissions.
This brief tutorial is going to show you how to make that happen in both Windows 7 and Ubuntu 12.04 (Precise Pangolin). Windows 7 and Ubuntu 12.04 may be different, but are almost similar in many functions. Almost everything you do in Windows 7 can be done in Ubuntu 12.04.
So, without wasting anymore of your time, let’s get going.

Objectives:
  • Enable Public Folders Sharing in both Windows 7 and Ubuntu 12.04
  • Enjoy1

Enabling Public Folder Sharing in Windows 7 without Passwords
To enable other users to access public folders in Windows 7 without passwords, go to Start –> and search for ‘Manage Advanced sharing settings’

windows_public_sharing_7

Finally, ‘Turn off password protected sharing’ and click ‘Save changes’

windows_public_sharing_8

Restart your computer and you’re done.


Enabling Public Folder Sharing in Ubuntu 12.04 (Precise Pangolin)
To share your Public Folder in Ubuntu, go to your home directory and right-click on the Public Folder, then select ‘Sharing Options’

windows_public_sharing

Next, click the box to share this folder and install the services when prompted to do so.

windows_public_sharing_1

Then allow Guest access as well and set the permissions as you wish. Finally, click ‘Create Share’

windows_public_sharing_2

Restart your computer and users on both machines should be able to access the Public Folder with authentications.

Enjoy!

Kalau anda suka sila klick "like";

Saturday, February 23, 2013

Things to do after install of Linux Mint 13 Maya


Many users like Linux Mint than other distro's. Linux Mint is based on Ubuntu and release after Ubuntu. Here are some tips for Linux Mint 13 Maya.

Clarified these points, we proceed to list some things that can make life easier after installing the new version of Mint:


1. Run the Update Manager
Install Latest updates in your system, there may have come new updates since you have downloaded the iso. So you can check for updates from the update manager (Menu > Administration > Update Manager) or Enter following command:
sudo apt-get update && sudo apt-get upgrade

2. Install the graphics card drivers
If you have proprietary cards you can install drivers from repositories. Go to Menu-Preferences > Additional Drivers install driver you want to install in Mint, Also you can update and change (if you wish) the driver of the graphics card you have.

3. Customizing the Appearance
There are many ways to do this, and all are free! In http://gnome-look.org/ we have a large database of wallpapers, themes, tools and other items that will help us "lookear" our desktop. We can also make use of well-known 3 tools:
1. Docky , a shortcut bar for our desktop and applications. Official Website:http://wiki.go-docky.com/index.php?title=Welcome_to_the_Docky_wiki . Installation: In a terminal type:
sudo apt-get install docky

2. AWN , another navigation bar, almost docky competitor! Official Website:http://wiki.awn-project.org/ Installation: from the Program Manager.

3. Conky , a system monitor that displays information from various components such as RAM, CPU usage, time of system, etc.. The great advantage is that there are many "skins" for this application. Official Website: http://conky.sourceforge.net/Installation:
sudo apt-get install conky

4. Restrictive install fonts
If required we install type the following commands in a terminal:
sudo apt-get install ttf-mscorefonts-installer
Accept the license terms and conditions with TAB and ENTER.

5. Install programs to play
Besides the great library of games that have repositories, http://www.playdeb.net/welcome/ also have another page that specializes in collecting games for Linux systems. Deb packages. If you also want to enjoy our games in Windows, do not despair, because we have some alternatives:
1. Wine (http://www.winehq.org/) provides the compatibility layer to run not only games but also all software compiled for Windows
sudo add-apt-repository ppa:ubuntu-wine/ppa
sudo apt-get update
sudo apt-get install wine1.5 winetricks

2. PlayOnLinux (http://www.playonlinux.com/en/) another resource that provides a library able to install and use software designed for Windows

3. Lutris (http://lutris.net/) a gaming platform developed for GNU / Linux, a great resource despite being in development stages.


6. Install audio plugins
Some, like GStreamer or Timidity will help us expand our list of supported formats, both are in the Program Manager or can be installed using the command sudo apt-get install. We mention pulseaudio-equalizer software, capable of giving us a configuration of Pulse Audio and improving sound quality, we use 3 commands to install:
sudo add-apt-repository ppa:nilarimogard/webupd8
sudo apt-get update
sudo apt-get install pulseaudio-equalizer

Kalau anda suka sila klick "like";

Monday, February 18, 2013

Top 33 Photoshop Tutorials Resource Sites + RSS Feeds



URL : PSDTUTS.
RSS : PSD Tuts RSS Feed.
Tuorial Number : 180+.
URL : Good-Tutorials.
RSS : NO Feed!!!
Tuorial Number : 10000+.
URL : Tutorialized.
RSS : NO Feed!!!
Tuorial Number : 10000+.
URL : Photoshop Tutorials.
RSS : Photoshop Tutorials RSS Feed.
Tuorial Number : 100+.
URL : Photoshop Roadmap.
RSS : Photoshop Roadmap RSS Feed.
URL : Pegaweb Tutorials.
RSS : NO Feed!!!
URL : PhotoshopStar.
RSS : PhotoshopStar RSS Feed.
Tuorial Number : 200+.
URL : Spoonographics.
RSS : Spoonographics RSS Feed.
URL : Photoshop Lady.
RSS : Photoshop Lady RSS Feed.
Tuorial Number : 300+.
URL : Tutorial Kit.
RSS : Tutorial Kit RSS Feed.
Tuorial Number : 7000+.
URL : PS Lover.
RSS : PS Lover RSS Feed.
Tuorial Number : 11000+.
URL : Photoshop Contest.
RSS : Photoshop Contest RSS Feed.
URL : Sketchpad.
RSS : No Feed!!!
Tuorial Number : 200+.
URL : PS Tutorials Blog.
RSS : PS Tutorials Blog RSS Feed.
Tuorial Number : 150+.
URL : Worth1000.com.
RSS : No Feed!!!
Tuorial Number : 100+.
URL : 3d Total – 100 Photoshop Tutorials.
RSS : 3d Total RSS Feed.
Tuorial Number : Well, 100..
URL : Entheosweb Photoshop Tutorials.
RSS : Entheosweb Photoshop Tutorials RSS Feed.
Tuorial Number : 100+.
URL : Planet Photoshop.
RSS : Planet Photoshop RSS Feed.
Tuorial Number : 350+.
…and the rest

19. Tutorial Park.
20. Laurie McCannas Photoshop Tutorials.
21. Photoshop 101.
22. Photoshop Lab.
23. tutorialwiz.com.
24. Web Designer Wall- Photoshop Tutorials.
25. PhotoshopCAFE.
26. Photoshop Tutorials – Web Design Library.
27. PSHERO.
28. Adobe Photoshop Tutorials.
29. Adobe Tutorialz.
30. Photoshop Tutorials.
31. CBT Cafe :: Photoshop Tutorials.
32. PS Workshop.
33. Photoshop – Dr. Web Magazin.


http://digg.com/d314mKL

Kalau anda suka sila klick "like";

Thursday, February 14, 2013

Tutorial : Delete Navigation Bar


Assalamualaikum, buat tutorial pendik-pendik jer.. Malas nak buat yang panjang lebar punya.. Banyakk ooo permintaan yang tutorial panjang tapi sorry yer.. Nanti aku rajin aku update jer.. Usah risau yer dong!

Sebelum korang buat tutorial ni, korang kena tahu apakah navigation bar?? Jom tengok pe ke bendanya tu..kang buat-buat tutorial ni terus menyesal pula kan...


Plz click gambar jika confuse..

Kadang-kadang, maybe ada orang tak suka navigation bar tu tapi aku suka! Khas kepada korang yang tak suka benda itu..boleh buat tutorial ini yerr..


1. Sign in blogger > Design > Edit HTML
2. Cari code ini,

/* Variable definitions

3. Lepas jumpa tu, korang copy code di bawah dan paste berhampiran code /* Variable definitions tadi seperti dalam gambar.

#navbar-iframe {
display: none !important;
}
Sila click untuk lagi besarrr..


4. Preview dan SAVE.

p/s : kalau tak ada code tu, korang paste dibawah tajuk template yang ada
garisan ----------------------------------------------- */ seperti di bawah.
Done!
Name:     Denim
Edit by : Miss Farah aka Cik Farah
Designer: Darren Delaye
URL:      http://bicarafarah.blogspot.com
Date:     29 May 2011
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
 Credit By <a href="http://bicarafarah.blogspot.com/p/blog-tutorial_1005.html">Cik Nurfarah</a>

Kalau anda suka sila klick "like";

Monday, February 11, 2013

Tutorial : Auto Read More


Assalamualaikum dan selamat berpuasa semua?

Sebelum ini aku ada bagi tutorial Cara Membuat Read More tapi kali ini nak bagi tutorial read more yang lagi mudah, tak perlu nak main coding semasa post entry, sangat leceh lagi melecehkan kan? So kali ini ada tutorial yang sangatlah senang lenang. Tak payah nak ejas-ejas coding kat entry box kan. Jom, aku ajarkan 2 versi, bergambar dan tidak bergambar. Jom-jom..

1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates

2. Copy dan cari code di bawah, Ctrl F sahaja dan paste code di bawah dalam kotak find then tekan enter!


</head>

3. Copy code di bawah dan paste di atas code yang korang cari tadi.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";

var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Keterangan
summary_noimg = 250 adalah jumlah ringkasan tulisan jika tidak ada gambarnya
summary_img = 250 adalah jumlah ringkasan tulisan jika ada gambarnya
img_thumb_height = 120 adalah tinggi gambar
img_thumb_width = 120 adalah lebar gambar
#kalau tak payah edit pun tak pe, sebab dah cun.

4. Copy dan cari lagi code di bawah,  Ctrl F sahaja

<data:post.body/>

5. Dah jumpa? Korang padam/delete code tersebut dan gantikan/replace dengan code di bawah.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span style='float:right'><a expr:href='data:post.url'>Read More... </a></span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

6. Kalau korang nak tukar kepada gambar padam perkataan Read More... dan gantikan kepada code di bawah.


<img alt='Reply To This Comment' src='URL GAMBAR ANDA'/>


7. Letakkan URL GAMBAR ANDA yang sesuai.


8. Dah Preview, menjadi? Save je. Tak menjadi tu kena ikut step slow-slow dan masih tak menjadi memang tak sesuailah widget ni untuk korang.




URL gambar Read more button untuk korang

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDlpNg9lY1WvxkO3XYdNWpAPW3VNTHvfUY8TZqSJRb5v9krfSGNHYRtiUhGq_wGG1g_OYjlCI4Z-KtL2cbRkiYj1ECj1cMpNnvsrdsNFLhzUia7Q6tXdtsULG4pMSAKiGLHS_BONEXwm-N/s1600/bicarafarahreadmore1.png


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuHx22aeuz1xJoZNLalrwXHrgj8FUdzoi9jtmsJ7QFKPpJqH0dpE1sta8UWGgTz9pfeOH_yXDU4FAMYkzUn8pdvNmjyEZCQhPMvJY7FHs15oeCpMawfEG7Gg0lKnD4des2xaat8Cynn0hT/s1600/bicarafarahreadmore2.png


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjesp0WEXD8HsbrmN8SERwVqKE6fiirD7T5crZy9lsAYz4sgZh4bO3lXxqtGtqppLSZxMOkqqYDl8Zn8IwE9w_vnFv3AvlRK1dm3bnHmlNPGza1x3HNMGr8VpMOd0HBkAZRaQ7qh8dv_aV/s1600/bicarafarahreadmore3.png


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg00yiZBGZ4bJ1MnKRlREz2GTmE6VkA1zULQPymrlgNnUbR16aLKkMFM4vzbKM2g8ZxLKZhudBRD-EV4QvB4CbFiQwN4EWTGBGp3tpANkwqVVj6fpl1HV1_ptSF_woxm1NJpIR073_2iQA7/s1600/bicarafarahreadmore4.png


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKq8xpjaUxBM8A0RUmGm1y6-U6zoHnbXOz2HxgVHJkcZjNgW_Bij21zQPu3PBBrOHSqqI1GlwOK3gKVb4AcgEeEB0SxU60G6w7DiVV935p0rFGutHb7k8E1XuOuefFAGd3oA6c03fwA2yv/s1600/bicarafarahreadmore5.png


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMk2JvAl3VbppfH9ayEJ7HI0oK_blSNlMmLAshjdtyjERzO4FmTlIhnN9OBvG89tsh6ESGaBW9-diCzo5073d_vG6I-TjBvUhhFsORdkHB0dFhEkQrcNJm0aBsL8fD44a9BJSbP9oV1qW/s1600/bicarafarahreadmore6.png


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgItOIZoQZ5rcloL0c-hsW6BZwVQVcpxNwHcdPnieOSOqpCEN-y8qdLFwL8Gna3ON9fk4HJOnuFLYqpk7y0g0buIeCIaBXKJRgjCu51UPCKbHaqa3L7y1zw5a9_KlSgJgFhtYzJPPKfzsii/s1600/bicarafarahreadmore7.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGnc-scn5LVFWrWBHerKhmrbtWpx6U-kCqWFsQP7y3Kg0LXLrCSAGofcVff2maAxG04XIOACteCPT9jEAPOab0puC83rqet1fulDRvj459f3ia3853c0Np2LsZsmvRXZFU2XJiFp-FSX5t/s1600/bicarafarahreadmore8.png

# 8 warna utama untuk korang, kalau nak lagi cun rajin-rajinlah design sendiri ye.

Bye!
 
 Credit By <a href="http://bicarafarah.blogspot.com/p/blog-tutorial_1005.html">Cik Nurfarah</a>

Kalau anda suka sila klick "like";

TUTORIAL: ABOUT MINIMA TEMPLATE BY CLASSIC TEMPLATE


INI ADALAH TUTORIAL FULL (kot) TENTANG LAYOUT MINIMA TEMPLATE  by Classic Template . KORANG BOLEH LAH CUBA KALAU NAK CUBA . SELAMAT MENCUBA yaa ! =)

----------------------------------------------------------------------------
Assalamualaikum uols :) okay lah, straight to the point, aku ingat nak buat tutorial how to decorate your minima template by classic template . tapi ia

Kalau anda suka sila klick "like";

Tuesday, February 5, 2013

How to Add a YouTube Video to a Blogger Sidebar


Instructions 1 Open your browser and navigate to YouTube.com. Choose from a list of recommended videos or do a search for a specific video.

Kalau anda suka sila klick "like";

~This Page Best view with Firefox n Chrome~