Melesat!com - Web Design & Creator

How to Allow Iframe on TinyMCE WYSIWYG editor

hardono — Wed, 06 Feb 2013 15:13:57 +0000

TinyMCE is a good wysiwyg text editor which you can on your site by free. It is also used as additional module on some CMS like drupal. However (bacause of security problem) this wysiwyg editor lack of iframe button. You also can’t insert iframe code, even you insert in html area. TinyMCE will remove any iframe code on your editor. Don’t worry, by default TinyMCE doesn’t allow iframe but it still support iframe. You just need add some code on your site.

Using Custom Website
Go to file where you add tinyMCE.init Usually it’s located on the file that contain text editor. I am sure you know about this. Except you’re new webmaster

Add the following code on tinyMCE.init

extended_valid_elements : “iframe[src|width|height|name|align|frameborder]“,

Restart you website and try to insert iframe code like youtube, etc and see the result

Using Drupal
The easiest way to enable iframe on TinyMCE wysiwyg drupal is by install WYSIWYG IFrames module.

Go to Modules > Install New Modules then install WYSIWYG IFrames module online or by uploading file if you have downloaded before. Please choose .ta.giz format
Active the modules
Don’t forget go to Configuration > Content Authoring > WYSIWYG Profile > Edit profile > Buttons and Plugins > Check Iframe Fix
Try to insert iframe when using wyiswyg editor on edit or add new content.

Now you should be able to post iframe using TinyMCE wysiwyg editor. Please note that iframes can be a security blackhole, so only expose this option to user’s that need it.

How to Add Attribute in Drupal Menu

hardono — Wed, 06 Feb 2013 08:19:43 +0000

Drupal offer good menu management which allow you to create menu, sub menu with easier and add on menu area or block as you like. The problem is you can’t add attribute to the menu on default menu modules. You can set menu to open new windows (target=”_blank”), add class, id, rel, title, and another attribute. Instead editing the theme, there is an easier way to add attribute function when add or edit menu in drupal menu.

You can add attribute in drupal menu by adding Menu attributes modules. This modules has great feature to add attribute in drupal menu like id, name, class, style, rel, and target (open new window, open in same window, etc)

Install Menu attributes modules on your drupal site. Go to Modules > Install New Module and choose install from modules website or upload file. Please remember to choose .tar.gz format.
Active the modules. It requires Menu modules which is enable by default
Go to the Structure > Menu You can add link or edit exiting link on choosen menu.
Scroll down on add or edit menu and you will find Menu Attribute item which has more options for menu. You can set any attribute as you like and leave blank the other
Save your link and take a look on your site.

It’s very simple, isn’t?

How to Create Calendar with Events on Drupal 7

hardono — Fri, 25 Jan 2013 13:49:28 +0000

Having calendar and events on website is important if you want to show users your schedule using your website. For example if you are an artist or political that has many schedule and you want user know your schedule. Creating calendar with agenda using drupal site doesn’t difficult. You can user view, calendar, date, and some additional modules

Below I show you how to create calendar with agenda on drupal based site. You can show the calendar in block or even page. This tutorial based on drupal 7

Modules

You need to install these modules:

Chaos Tools
Calendar
Views
Date API which package with Date modules

Additional Modules that you can add to customize your calendar. You may not to install these modules

Calendar Tooltips: Generates a balloon with events when you hover over a day on a calendar block
Beautiful Tooltips API: required by Calendar Tooltips

Install and active all these modules above. If you are confuse on about Date modules you can active all of them or only active necessary part which are: Date, Date API, Date Popup, Date Tools, Date Views

Setup Calendar

Create Calendar Content Type

Go to Structure > Content Types > Add New Content Type
Add the name (for example: Events) and click Save and Add Fields button
On Manage Fields tab -> Add New Field
This is the important thing: Type name and choose Field Type: Date and Widget: Pop-up calendar
You can add any additional fields as you like
Click Save button after finish
Manage Field date setting on the next screen
Click Save Field Settings button

Try to submit event using the Events content type from Content > Add Content > Events

Note: You can also edit your existing content types and add new field for date field type

Create Calendar View

Go to Structure > Views > Add Views from Templates
Choose by clicking Add on A calendar view of the ‘field_date’ field in the ‘node’ base table.. Field_date is the field machine name that you’ve created above. If you fill the field with event and the machine name is field_event then you will find on views template: A calendar view of the ‘field_event’ field in the ‘node’ base table.
Type view name’s
You can edit your view on the next page. If you are confuse then you just need to click Save button

Show on Website

You can show the calendar on sidebar or any block that is supported by your drupal theme

Go to Structure > Block
Find block with title View: Your Calendar Block Name. For example View: Calendar
Add the block in any region that you like
Click Save Blocks button

Result

Now you can see calendar on you drupal site. Move your mouse on some events date and you will see popup with title of event of the day.

Congratulation, now you can create calendar on drupal. It’s easy isn’t

10 Free Portfolio WordPress Theme with Slideshow

hardono — Thu, 24 Jan 2013 09:57:26 +0000

Some blogger like to show some posting in slideshow. With slideshow, you can show some information at once without needing more space on the page. User don’t need to scrool down to see important posting or information on the blog. This posting show you 10 wordpress theme for portfolio support portfolio. You only need to install the theme without install any additional slideshow plugin. The portfolio is for web designer, web programmer, photography, or even to show products that you sell or create. Remember all the themes here is free to be used

1. Adapt
Responsize business portfolio wordpress theme from WPExplorer that support slideshow, highlight, recent work, and recent news. Create slideshow is simple as create new portfolio.

2. Boldy
Portfolio and blog theme for creative professionals with slideshow support from Site5

3. Panoramica
Panoramica is a responsive portfolio themes comes with a full-width slideshow on the homepage, which you can use to showcase your site in a striking way.

4. Praseodymiumic
Grid based portfolio theme with a small slideshow and space for a testimonial from PadSolutions

5. Pytheas
Responsive Corporate/Portfolio wordPress theme from WPExplorer that support slideshow, highlight, recent work, and recent news.

6. SimpleCorp
Corporate and portfolio, simple and responsive theme with slideshow support from Site5

7. TopBiz
TopBiz is a responsive business portfolio wordpress theme from shyniwp.com that support slideshow on homepage to promote your featured portfolio.

8. Touchfolio

Responsive portfolio wordpress theme for photographers, designers, architects and artists that support slideshow for portfolio

9. Unique

Responsive theme from dessign.net that support portfolio. It’s suitable for webmaster, web designer, photografer or just ordinary blogger who want beautiful blog design

10. Yasmin
Yasmin is a responsive portfolio wordpress theme from shyniwp.com that support slideshow on homepage to promote your featured portfolio.

If you know another free portfolio wordpress theme that support slideshow, please share with us using the comment below

How to Create Slideshow on Drupal 7 using View Slideshow

hardono — Wed, 23 Jan 2013 02:38:33 +0000

Create slideshow on drupal maybe is not so easy as using WordPress. But if you want to spend little time then you will love it. It is easy and you can customize the slideshow as you want. You can use view slideshow to create slideshow on your drupal site

Views is the best modules for Drupal that allow you to create database query from GUI on website without knowing database code. You just need to know what you want to show and follow instruction on the gui / view admin area. Another good thing from view is you can create slideshow using additional modules, View Slideshow.

By using View Slideshow, you can create slideshow based on image or content, on page, or block. You may also customize your slideshow design from css.

This tutorial will teach you how to to create slideshow in Drupal using View Slideshow. The drupal version that is used is drupal 7

Tools

Download these module and upload on your drupal site. Or you can install directcly from admin area Modules > Install New Modules. Of course you need to install them

You’re also need to upload manually jquery.cycle, a single file that contains a JQuery slideshow script.

Download jquery.cycle.all.js
Access drupal installation from FTP or any access
Go to /sites/all/ folder
Create new folder /libraries/jquery.cycle/ so the path will be /sites/all/libraries//jquery.cycle/
Upload the jquery.cycle.all.js file into that last folder

Views

I assume you are familiar with views modules. You can create view for anything, block, page, both of them, to show image, content, etc. In this tutorial I like to show you how to create view slideshow with image and title in block.

Create views from admin area Structure > Views > Add New Views
Uncheck on Create a Page and check on Create a Block
Type block title
Choose Display Format as Slideshow This is an importent part. You can’t set slideshow if you don’t choose slideshow format
Fill Items per page more then 1 number
Check on Use a Pager if you want to show pager and do not check if you just want to show slideshow without paging
Click Continue and Edit button

You can manage setting as you want in the next page

On Fields click Add then choose Content: File attachments. Please note that you need to upload image on this field (File Attachments) > Apply (all display)
On next screen choose or click Rewrite Result. Check box on Rewrite the output of this field and submit this code
The code will make your file attachment appears in image, not in file name. You can edit the code by yourself

Arrange the field by clicking arrow near add and choose rearrange You can rearrange the field by drag and drop the field on the overlay pop up. After that click Apply (all dispaly)
You can add any filter of your views on Filter Criteria setting
To setup the slideshow go to Setting near Slideshow on Format title.
You can see the result at the bottom of the Auto preview area. Don’t forget to check box Auto preview
After finish then click Save button

Display on Block

You are finish. Now the last thing is to display the block on your website.

Go to Structure > Block
Find your view block that will have title like “View: [your view name]
Put the block in any region as you want.

Congratulation, now you have slideshow on you drupal website. It is pretty easy, isn’t. All you need is to learn and then you can customize the slideshow as you want. You can put image, content, title or another field on content type on slideshow. You can also customize the slideshow using css.

Which one do you choose Drupal or WordPress?

hardono — Fri, 11 Jan 2013 07:44:28 +0000

Determine the choice of using Drupal or WordPress is not an easy matter. Each has advantages over the other. The easiest way to choose which one to use depends on what site we will make and how we like it to use. It will be dificult and not comfortable when you choose to use wordpress but you don’t like to use it.

Drupal and WordPress Common Advantage

It’s free and open source, you can do some hack directly into the code.
It has many modules (for Drupal), plugins (for WordPress) and a lot of beautiful theme which you can use by free
It has many supports on official site or user forums like in this blog
Can be used for many kinds of site like blog, magazine, article, portfolio, even online shop
Good SEO, if you are concern about it

Drupal Advantage

Has View modules which useful to query database from GUI. You don’t need write any code to query data from database and display on the website
Field modules (previous known as CCK modules) which give you ability to add many field as you like and display on your website.
Create unlimited content type with diferent fields on it. For example if you run magazine site then you can create article content type, feature content type, profil content type, etc.
Good role user management

WordPress Advantage

Has many free beautiful theme for any kinds of site
Default nice looking wysiwyg content editor
Good media manager which integrated with posting

Drupal is suitable for user who loves to learn web program. You can see how drupal can do anything that some other CMS can’t do.

WordPress is suitable for enduser which don’t know about web programming. It’s easy to post content, manage file, etc.

I use Drupal for complex site and WordPress for simple site like blog

The choice is yours

Send Large Files using Gmail with ForgetBox

hardono — Sat, 28 Apr 2012 18:07:05 +0000

Sometimes you need to send many files or large files from your Gmail account. Rather than doing it manually via email attach facility in Gmail, now you can do it easier using ForgetBox application. ForgetBox is a Gmail tool to send large or many files through Gmail as attachments.

By using ForgetBox, you don’t need to zip or pack your files into a file before send by email. You can send single file, select files or one single folder containing multiple files and send it by FotgotBox in in background. You can easily check the progress with the system tray of your PC. The official ForgetBox doesn’t say limit of file size that you can send. It seems you can send fairly large files.

How to Use ForgetBox

First you need to download and install on your PC
Open the drive or the folder or document which you want to send from Windows Explorer or your favorite file manager. You can select one file, multiple files, and also one folder that contain multiple files.
Right-click on the selected files, select “Send To”, and then “ForgetBox”.
Enter the email address on which you want to send the file or select from your Gmail contacts. Click “Send” option. ForgetBox will start sending the bulk files in background. You can easily check the status of your ongoing process in the system tray on your PC.

Visit ForgetBox

Hard Wipe: Delete Files Permanently on Windows

hardono — Sat, 28 Apr 2012 01:53:54 +0000

Windows will not delete files permanently when you delete them from recycle bin. The deleted files are only just marked as not being available, and the deleted file’s data disks space is set to be available again for new data. The advantage of this method is that you can recover the data back using data recovery software. The disadvantage, your data is not really erased so that it can be recover back by anyone who uses that computer. This applies when you sell your computer, give it to a friend or someone has stolen your computer. To permanently delete files from a Windows computer you can use a free file shredder software called Hard Wipe .

Hard wipe 2 is exelent program that can permanently deleted data files without can be recovered anymore by data recovery software. Hard wipe 2 can be used to permanently erase, or to “hard wipe”, data on disk and portable storage media (i.e. USB drives and memory card) to protect your computer from data recovered. The usage of this software is simple. You can use Hard Wipe from standalone application or use right-click context menus in Windows Explorer. You can set to shutdown your computer when wiping is complete.

Features

Easily wipe entire drives and portable devices.
Right-click within Windows Explorer for Hardwipe commands.
Supports all major data wiping schemes, including: GOST R 50739-95, DOD 5220.22-M, Schneier & Gutmann.
Automatic computer shutdown when wiping is complete.
Intelligent use of disk cache allows your computer to remain responsive during lengthy disk operations.

Visit Hardwipe

View and Download Youtube Video with ImTOO YouTube Video Converter

hardono — Tue, 27 Mar 2012 05:02:08 +0000

YouTube is one of the popular sites that provide video hosting. Many people upload their videos on Youtube and distributed to families, friends, and other visitors. Unfortunately, YouTube only provides the facility to watch the videos online and create a playlist of videos you want to watch. YouTube does not provide facilities to download and convert videos to any format you want. To do so required a third-party applications such as ImTOO YouTube Video Converter

ImTOO YouTube Video Converter is software to download YouTube video and convert into your favorite video format like AVI, MPEG, MP4, 3GP, PSP MPEG-4, DivX, XviD, FLV. You can play the video on your favorite media player like computer, Ipod, iPhone, iPad, mobile phones or any portable media player.

Credit:imtoo.com

This software also equip with internal browser, you can search YouTube video, view and download if you like the video. If you are using IE, then you can also download any video from YouTube by right click on you mouse and choose this program.

The interesting thing from ImTOO YouTube Video Converter is the ability to download and convert multiple videos in a batch. Thus you do not need to spend time with the download video one by one. When the download process progresses you will see a dropzone that provides status information that is being downloaded video

In addition to the software version is also available for the Mac version is ImTOO YouTube Video Converter for Mac. Both versions have the same facilities. What distinguishes only one for Windows and another for Mac.

If you want to find software to search, view, download and convert YouTube video to video formats that you want then you can drop you choise to ImTOO YouTube Video Converter. All of this job can be done in one software with ease. If you are a Mac user, you also need not worry because the software is also available for Mac operating system

Key Feature

Built-in browser to search and view and download YouTube video from ImTOO YouTube Video Converter
Support many popular video format like AVI, MPEG, MP4, 3GP, PSP MPEG-4, DivX, XviD, FLV
Support right click while on YouTube video site for IE, and another browser on Mac
Support drag and drop feature, simply drag the YouTube URL or video itself and drop it on top of the open ImTOO window.
Batch download and convert YouTube Video

For Windows: ImTOO YouTube Video Converter

For Mac: ImTOO YouTube Video Converter for Mac

Note
You can download and try for 30 days free before decide to buy

Frtr.mr: Record and Post Video to Twitter

hardono — Sun, 12 Feb 2012 14:46:05 +0000

Frtr.me is a free web online service to record videos and posting videos to Twitter. Frtr.me gives user the fastest and simple way to record and post videos to Twitter. You need to sign in to the Twitter account before using this service. Frtr.me also allows you to review your recorded video before publishing it to your Twitter account.

This service allows you to record video up to 1 minute only. If you don’t satisfied with don’t satisfied with your video then you can delete and record new video again. Frtr.me will create a link for your video which gets posted as a Tweet to your Twitter account. Single click on that video link opens your video on a new webpage, and watch the video there itself.

How To use Frtr.me to Record Post Videos to Twitter?

Open Frtr.me
Sign in to your Twitter account by clicking sign in button
You will come across the main screen.
It will open confirmation popup that ask your permission to access your webcam and microphone. Click “Allow” so you can start to record.
Click the Red record button to start your video recording. This button also can be used to stop recording.
Click “Publish video” button for publishing your video, You can review the video before publishing it by a single click on “Review your video” button.

Try Frtr.me to record and post video to your Twitter account