Google, in its pursuit of bringing awareness about Internet among the masses has executed a unique project in the form of an interactive book on web browsers and the Internet.
Read more »
Jumat, 19 November 2010
Google Releases A Free, Interactive Book On Browsers and The Web
Diposting oleh
Unknown
di
10.06
0
komentar
Label: books, google, internet, web browsers
Selasa, 16 November 2010
Atlassian JIRA Configuration Tutorial: JIRA Schemes (Part 2)
In the first part of this tutorial we learnt the importance of JIRA schemes and how to configure some of them:
- Issue type scheme.
- Issue type screen scheme.
- Field configuration scheme.
- Screen scheme.
- Permission scheme.
- Issue security scheme.
These schemes are used to tune the security policies you may want to establish over your JIRA instance, your projects and the issues they manage.
Before You Start
Permission Scheme
An Use Case
The default JIRA permission scheme distinguishes between the following project roles:- Administrators
- Users
- Developers
How To Setup a Permission Scheme for Your Project
- Define the project roles your project needs: this is an optional step, since you can assign permissions to users and groups, but it's desirable to clearly organize JIRA users in sets (project roles) according to their status in each project.
- Assign users and groups to your project roles.
- Create a permission scheme for your project (possibly copying an existing permission scheme).
- Assign permissions to users, groups and project roles in the permission scheme.
- Assign the permission scheme to your project.
Issue Security Scheme
As we've seen in another post of this series, issue security scheme let administrators establish security policies to protect issues in a project. An issue security scheme defines a set of security levels and grants permissions to a set of identities to access issues in a given security level.An Use Case
How to Setup an Issue Security Level for Your Project
- Create a new issue security scheme.
- Define the number of security level your project needs and create them in the issue security scheme.
- Grant permissions to a set of users for every security level in your scheme
- Assign the issue security scheme to your project.
Next Steps
Diposting oleh
Unknown
di
12.15
0
komentar
Senin, 15 November 2010
Upgrading OpenSolaris to Oracle Solaris 11 Express
Today Oracle released Solaris 11 Express and, as described in the Getting Started Guide, there's plenty of installation options:
- An interactive GUI installer in a LiveCD.
- A text installer.
- An automated installer.
- An upgrade path from OpenSolaris.
- If your preferred publisher is not opensolaris.org (release), set it:
- Perform an image-update:
- Reboot into the new boot environment.
- Set the new publishers:
- Read the license:
- If you accept the license, perform the last image-update:
- Reboot into your brand new Oracle Solaris 11 Express boot environment
Diposting oleh
Unknown
di
14.45
0
komentar
Label: solaris, solaris express
Oracle Releases Oracle Solaris 11 Express (2010.11)
More than one year after the latest and last OpenSolaris build (2009.06) was released Oracle has finally released a new snapshot of the next generation Solaris 11 Operating System: Solaris 11 Express (snv_151a).
- A text installer: this installer does not install any window manager but it can be easily installed using the Solaris package manager (pkg).
- A LiveCD with a GUI installer (does install the GNOME Desktop Environment).
- An automated installer for network deployments.
- USB install images.
- Boot Environments.
- Fast Reboot.
- IPS packaging system.
- Boot Environments for Zones.
- ZFS as the default file system.
- ZFS deduplication.
- ZFS diff.
- ZFS dataset encryption.
- Network virtualization (Project Crossbow).
Diposting oleh
Unknown
di
13.10
0
komentar
Label: solaris, solaris express
Minggu, 14 November 2010
CDE - An Innovative Way Of Running Programs On Diverse Linux Machines
CDE (not to be mistaken for the Common Desktop Environment in UNIX) is a packaging tool which allows you to identically replicate the execution of a program running on one Linux machine, on to another.
It does this by packaging up the Code, Data, and Environment (including all the dependencies - libraries, auxiliary programs etc) together, which can then be transferred and executed flawlessly on a different Linux machine.
Read more »
Diposting oleh
Unknown
di
08.48
0
komentar
Label: linux, package management, research
Atlassian JIRA Configuration Tutorial: Overview of JIRA Security
JIRA flexibility is notorious and its security features are no exception. This blog post is an overview of JIRA security features and how to configure permissions to secure JIRA, your projects and all of your issues.
Users, Groups and Project Roles
The administrator can create, edit an delete any number of users, groups and project roles.
- Defining the project roles you need.
- Assigning permissions to your project roles in a permission scheme.
- Assign a permission scheme to a project.
Global JIRA Permissions
- JIRA System Administrators.
- JIRA Administrators.
- JIRA Users.
- Browse Users.
- Create Shared Objects.
- Manage Group Filter Subscriptions.
- Bulk Change.
JIRA Users
Disabling an User
Project Permissions
- Administer project
- Browse project
- Create issue
- Edit issue
- Resolve issue
- Close issue
- Add comment
- Delete comment
- Work on issues
Securing Workflow Transitions
Conditions
- Only assignee.
- Only reporter.
- Permission.
- User in group.
- User in group custom field.
- User in project role.
Validators
Validators are similar to conditions with the difference that validators are executed against input parameters. As far as it concerns security policies, conditions is the way to go. Anyway, a Permission validator is available to check if the current user has a specific permission.Securing Issues in a Project
We've seen many ways an administrator can secure its JIRA installation so far: at the global level, at the project level and at the workflow transaction level. There's case we haven't considered yet, though: applying distinct security policies to issues inside a project.- By using a screen that configured to edit such a field.
- By a workflow transaction.
As usual, as soon as a project is associated to a security scheme, the scheme security policies are enforced. You can now create as many security level as your project needs and grant permissions to the corresponding users for every security level.
- Reporter.
- Group.
- Single User.
- Project Lead.
- Assignee.
- User custom field value.
- Project role.
- Group custom field value.
Next Steps
Diposting oleh
Unknown
di
05.48
0
komentar
OpenSolaris (and OpenIndiana) Spends 50% of CPU Time in Kernel
A couple of days ago my client decided to prepare some new Java EE development environments and, when asked about which OS to choose, I suggested that he gave Solaris a try: since my client production servers run Solaris 10, he would benefit from a more homogeneous set of environments.
Reduced Performance: CPU Time in Kernel When Idle
Upgrading to OpenIndiana
Diposting oleh
Unknown
di
03.23
0
komentar
Label: bug, openindiana, opensolaris, power management, solaris
Kamis, 11 November 2010
Atlassian JIRA Configuration Tutorial: JIRA Schemes (Part 1)
Atlassian JIRA is an extremely flexible piece of software that can be easily customized by a casual administrator. Nonetheless, to take full advantage of all of its power, it's necessary to understand how it works and how are organized the concepts that it manages.
This series of blog posts is an overview of JIRA and a quick tutorial about configuring a JIRA project by taking advantage of JIRA configuration schemes.
- Installing JIRA on Solaris
- Registering JIRA as a Solaris SMF-Managed Service
- Backing Up JIRA and Confluence Taking Advantage of ZFS Snapshots
- JIRA: Creating Issues from TLS-Encrypted Email
- Adding Google Analytics Code To JIRA
Basic Concepts
Whenever you use JIRA, you're creating and updating issues in a project. Issues may be of specific types, may have custom fields and a security level. An user with appropriate permissions may act on an issue by applying a workflow transition.A project is a logical partition inside JIRA where a set of configuration rules are applied.
What a JIRA Scheme Is
- Workflows.
- Issue types.
- Custom fields.
- Field configurations.
- Screens.
- Notification.
- Permissions.
For each one of the above-mentioned concepts, user configurations and customizations are defined at the JIRA (global) level. The relation between a set of specific configuration rules for such concepts and one (or more) project is established by a set of schemes. In some conditions, a scheme might establish a relation between a scheme and another scheme.
The semantics and the behavior of a concept can then be configured, customized and fine tuned at the project level by means of schemes.
The Importance of Schemes
JIRA Makes It Easy
Types of Schemes
- Workflow schemes.
- Issue type scheme.
- Issue type screen scheme.
- Issue security scheme.
- Field configuration scheme.
- Screen scheme.
- Notification scheme.
- Permission scheme.
In this series of posts we'll explore every kind of scheme, their relation between the project and the concepts they configure, and how they can be used.
- Issue type scheme.
- Issue type screen scheme.
- Field configuration scheme.
- Screen scheme.
Issue Type Scheme
An Use Case
- Risk.
- Deliverable.
- Payment.
How to Setup Issues for Your Project
- Define the issue types you need (if they do not exist yet).
- Create an issue type scheme for your project.
- Configure the issue type scheme to contain all the issue types to use in your project.
- Associate the issue type scheme with your project.
At this level, the selected issue types for your project are just names. During the configuration of the next schemes we'll give these names some meaningful behavior.
What If I Use The Default Issue Type Scheme?
Field Configuration Scheme
Field Configurations
- Whether a field is required.
- Whether a field is visible or hidden.
- How a field is rendered.
An Use Case
How to Setup a Field Configuration Scheme for Your Project
With a field configuration scheme you can setup the behavior of every field, for every issue types it applies to:- If applicable, define a field configuration that will apply to any unmapped issue types. A good starting point might be a copy of the default JIRA field configuration.
- Define a field configuration for every issue type that needs one. Many issue types can share the same field configuration.
- Create a field configuration scheme and associate the field configurations you created to the target issue types.
- Optionally, define the default field configuration for all of the unmapped issue types.
- Associate the field configuration scheme to your project.
What If I Use The Default Field Configuration Scheme?
- If a project requests a field to be hidden, every other project that might still require it will see the field disappear from its screens.
- If a project requests a field to be marked as required, every other project will be forced to set a value for such a field in its screens.
Screen Scheme
A screen scheme establishes a relation between an issue operation and a screen. A screen scheme has a special default entry to map a screen to any unmapped issue operation.
Screens
An Use Case
A custom screen it's necessary, for example, when you want to control which fields are visible or editable during an issue operation and when you need a brand new screen for a transition in a workflow of yours.How to Setup a Screen Scheme for Your Project
- Define a screen for every customized issue operation screen that your project needs.
- Create a screen scheme.
- If applicable, define a screen for every unmapped issue operation.
- Associate the screens you created with the corresponding issue operation.
- Repeat this operation and create screens and screen schemes for every issue type whose operations need screen customizations in your project.
What If I Use the Default Screen Scheme?
Issue Type Screen Scheme
An Use Case
How to
- Create a new issue type screen scheme.
- If applicable, associate a default screen scheme for every unmapped issue types.
- Associate a screen scheme to every issue type whose screens you need to customize.
- Associate the issue type screen scheme to your project.
What If I Use The Default Issue Type Screen Scheme?
Since the default issue type screen scheme just maps the default screen scheme to any issue type, using this scheme in every project will have the same detrimental effects on project decoupling that we outlined in the previous section.Conclusions
Next Steps
Diposting oleh
Unknown
di
12.18
0
komentar
Senin, 08 November 2010
Glassfish 3.0.x Admin Console Not Starting: Is It Behind a Proxy?
Today I was performing yet another Glassfish v. 3.0.1 installation, one of the easiest pieces of software to set up there, on a Solaris 10 system:
- Install the software (unzipping a zip or installing a native package).
- Optionally create a new domain.
- Start the domain.
To my surprise, when I tried to connect to the Admin Console, the browser got stuck just after inserting my user credentials. I tried to restart the domain over and over again but I had no luck.
The domain logs (that you can find in $YOUR_DOMAIN/logs/server.log) were telling nothing interesting: the domain was starting up correctly and the admin console application was logging no errors. The last line of the logs always was:
[#|[snip]|admin console: initSessionAttributes()|#]
After a while, it appeared a line such as this:
[#|[snip]|Cannot refresh Catalog: Connection timed out: Connect|#]
This was the clue! Glassfish is able to check for updates automatically from an IPS repository: do you remember that fancy update icon in the upper left corner of the Admin Console that shows up to suggest you the available updates? This server is behind a proxy: maybe I was experiencing a glitch related to this.
A quick search indeed revealed that other users were experiencing the same problem when Glassfish sat behind a proxy server. The workarounds I tested to work are the following:
- Have Glassfish use your proxy.
- Use Glassfish updatetool to disable automatic updates (which is something I would always suggest for a production environment).
- Remove the console-updatecenter-plugin.jar.
The third suggestion comes from a thread published in the java.net Forums. Unfortunately the link is broken now and I could only read it using Google's cache.
Have Glassfish Use Your Proxy
To setup Glassfish to use a proxy you can use the following Java system properties:- http.proxyHost
- http.proxyPort
- http.proxyUser
- http.proxyPassword
You can either use the asadmin program or the admin console to do that. Using asadmin is as simple as:
$ asadmin
asadmin> create-jvm-options "-Dhttp.proxyXXX=value"
asadmin> create-jvm-options ...
If you prefer using the Admin Console, just navigate to Enterprise Server/System Properties and use the web interface to add the values.
The values you set will be reflected in the domain.xml domain configuration file:
[...snip...]
<java-config ...>
[...snip...]
<jvm-options>-Dhttp.XXX=value</jvm-options>
</java-config>
[...snip...]
Use Glassfish updatetool To Disable Automatic Updates
You can use the updatetool program to update Glassfish and configure the autoupdate feature:$ $GLASSFISH_INST/bin/updatetool
The first time you launch updatetool, it will ask you to install this feature. Since you're behind a proxy, you need to setup some environment variables. If you're using an HTTP proxy, you can just set the http_proxy variable:
$ export http_proxy=http://user:password@proxy.host:port
When updatetool finished installing the required packages, you can start it again and the updatetool windows will show up. In the Preferences window you can tune the update behaviour or disable it at all.
Remove the console-updatecenter-plugin.jar
The last thing you can do is removing the guilty plugin. The Glassfish plugins are deployed in the $GLASSFISH_INST/glassfish/modules directory. You can just move the console-updatecenter-plugin.jar to console-updatecenter-plugin.jar.old and Glassfish won't use it."No Network Access" for the Admin Console
As pointed out in a comment, Glassfish can be configured to have "no network access" by setting the
com.sun.enterprise.tools.admingui.NO_NETWORK
property to true. As usual, this can be done adding the
-Dcom.sun.enterprise.tools.admingui.NO_NETWORK=true
to the JVM parameters list or using the asadmin tool:
$ asadmin create-jvm-options \
-Dcom.sun.enterprise.tools.admingui.NO_NETWORK=true
Conclusion
This is a bothering bug with an easy workaround. Looking forward to Glassfish v. 3.1.
Diposting oleh
Unknown
di
05.14
0
komentar
Label: application server, glassfish, java, java ee
Kamis, 04 November 2010
Fedora 14 - A Take On Its New Features
Fedora 14 named after physicist "Robert B. Laughlin" has been released. In my opinion, Fedora is geared more towards developers and system administrators than the ordinary users. However, it is perfectly usable as a Desktop too - baring a few exceptions (See the drawbacks below).
Read more »
Diposting oleh
Unknown
di
23.02
0
komentar
Rabu, 03 November 2010
Solusi Shoutmix yang Error
shoutmix
Mungkin sahabat blogger hari ini mengalami masalah pada shoutmix, yakni url alamat kita kita terdeteksi. Akibatnya, nama kita pada shoutmix tidak berlink sehingga blogger lain yang berpapasan di tengah jalan saat blogwalking tidak bisa mampir. Soal apa penyebabnya saya tidak tahu pasti, namun ada beberapa langkah yang bisa Anda lakukan.
1. Prune Messages
Untuk membetulkan shoutmix di blog Anda, Anda bisa mengatasinya dengan cara menghapus semua pesan yang pernah masuk ke shoutmix Anda. Kita refresh sehingga shoutmix kita seperti baru.
Caranya adalah:
* Login ke shoutmix.com
* Pada bagian kotak General pilih Prune Messages
shoutmix
* Pilih Delete All Messages
shoutmix
* Masukkan password lalu klik Apply
Tapi ini tidak menjamin menyebuhkan dalam waktu lama.
2. Ganti Sementara Dengan Fasilitas Lain
Dengan cara di atas Anda bisa memasukkan link lagi di shoutmix Anda, namun bisa jadi secara berkala akan error lagi. Silahkan Anda lakukan beberapa kali. Namun, bagi yang gregetan karena error selalu berulang saya sarankan Anda mengganti sementara shoutmix Anda dengan chat lain seperti cbox.
Setelah shoutmix kembali normal Anda mempunyai pilihan untuk kemabali memasang shoutmix atau tetap pada widget pengganti seperti cbox.
3. Mirip Shoutmix di http://shoutbox.widget.me
Widget ini mirip shoutmix dan ternyata normal, bagi Anda yang ingin silahkan:
* Menuju link http://shoutbox.widget.me/
* Copy kode dari sana dan gantikan sementara shoutmix Anda
Anda bisa atur tinggi dan lebar disana namun tidak bisa memodifikasinya. Dan juga tidak bisa menambahkan smile.
4. Upgrade ke Premium
Bagi Anda yang ingin fasilitas lebih tentu selayaknya upgrade ke premium. Dipastikan akan mendapatkan pelayanan lebih dan prioritas dari shoutmix.com
Hal di atas dapat membenahi chat Anda. Orang bisa berpromosi di blog Anda lagi. Lalu bagaimana cara Anda berpromosi?
5. Meninggalkan URL dalam Pesan
Anda bisa blogwalking ke shoutmix orang dengan cara meningalkan link blog Anda lewat pesan. Syaratnya jangan tuliskan url blog Anda dengan diawali www atau http://
Tuliskan saja misal, "Silahkan mampir ke --->>> ucuhasasuke.blogspot.com"
6. Blogwalking ke Shoutmix Premium
Anda bisa berpromosi ke blog-blog dengan fasilitas shoutmix premium yang tidak mengalami masalah seperti:
* Kolom Tutorial [kolom-tutorial.blogspot.com]
* O-om [o-om.com]
7. Blogwalking ke Blog Pengguna Chat Selain Shoutmix
Blogwalkinglah ke blog-blog lain yang menggunakan fasilitas chat selain shoutmix, seperti cbox. Anda akan banyak menemukannya di blog-blog luar negeri walaupun juga telah banyak blogger Indonesia menggunakannya.
8. Berkomentar
Jika Anda tidak bisa blogwalking cara yang dapat Anda lakukan dengan meninggalkan jejak komentar. Pergilah ke blog teman Anda dan berkomentarlah. Menambah backlink sekaligus menyapa untuk mendapat kunjugan.
Diposting oleh
Unknown
di
20.19
0
komentar
Cara membuat Shoutmix Tersembunyi
Cara membuat Shoutmix Tersembunyi
Bagaimana yah caranya membuat buku tamu tersembunyi atau shoutmix tersembunyi, ini dia langkah-langkah dan caranya :
1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQO7V-7e6eDNqTMQAmAP5s1deBCV7U-TAee4g3gerfa5fYzWjDaZIh4WAeUArXR2Gmxrb1rfnlX-PDP9MKsh9_Wn0WjJMUQUjn1RZyHondMVLlHO8-wZfAFHzu7G_D0Rm_Rffhs_aGol-M/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="btab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
<br/>
< href="http://ucuhasasuke.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
# Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
# Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
Diposting oleh
Unknown
di
20.06
0
komentar
Cara Mendapatkan Dolar dari Ziddu
ziddu
Artikel tentang belajar bisnis online tidak hanya menarik, kadang juga bisa bikin ngiler, hehehe. Apabila kita meng-apload file bisa dapat dolar, mana mungkin? Tapi itu menjadi kenyataan apabila kita mengapload file di Ziddu. Sesuai slogannya Upload —>> Share —>> Earn, maka kita akan mendapatkan dolar setiap ada orang yang mendownload file yang telah kita apload. Uang yang kita dapat tidak banyak sih, tapi ini layak di coba bagi orang yang sedang belajar bisnis online seperti saya. Setiap ada orang yang mendownload, kita akan mendapatkan $0,001. Kok koma nol nya banyak sekali Mas? hehehe. Apabila 1 hari saja ada 1000 orang yang download maka kita akan mendapatkan $1, jadi kalo 1 bulan kita akan mendapatkan $30. Lumayankan....
Apa keuntungan kita mendaftar di Ziddu?
* Yang penting dan yang paling penting, 100% Gratis, :-)
* Unlimited Disk Space (Mau upload sebanyak apapun silakan)
* Membarikan dolar apabila ada yang mendownload file yang kita upload di Ziddu.
* Oia, Ziddu juga akan memberikan tambahan $0.05 apabila ada orang yang mendaftar dengan referal anda (Setelah upload file pertamanya)
Tunggu apa lagi ayo segera mendaftar di Ziddu....
Untuk mendaftar silakan buka link disamping Daftar Ziddu (ref: Makasih ya Sobat ^_^) Soal cara pendaftaran sangat mudah kok, sobat pasti bisa.
Selamat belajar berbisnis online.....
Diposting oleh
Unknown
di
20.03
0
komentar
Cara Mendaftar dan Pasang Iklan Kumpul Blogger
uang dari blog
Postingan ini dibuat agar memudahkan kita semua untuk mendaftar dan memasang iklan PPC (pay per click) kumpulblogger pada blog/website kita. Sehingga blog/website kita dapat menghasilkan uang untuk kita dengan adanya orang yang meng-klik iklan yang terpasang pada blog/website kita.
Cara mendaftar di kumpulblogger pun langsung bisa diterima. Tetapi perlu diingat, walaupun mudah mendaftar bukan berarti kita boleh melakukan kecurangan. Sebaiknya peraturan dalam kumpulblogger juga dibaca dengan teliti agar tidak merugikan pihak manapun. Perlu ditekankan, dari kumpulblogger, kita bisa meraih sejumlah uang dengan tanpa modal alias Gratis !!!
Cara mendaftar dan pasang iklan di kumpul blogger adalah sebagai berikut :
1. Mendaftar dulu Di sini
2. Klik Register Now
3. Pada kotak isian e-mail, isi dengan e-mail kamu.
4. Buka E-mail kamu, lihat passwordnya.
5. Login dengan ID kamu (ID merupakan e-mail kamu yang dikirimi password)
6. Jika sudah login di kumpulblogger, pilih Tambah Blog.
7. Isi formulir sesuai Blog kamu.
8. Setelah selesai, klik Script Text Advertising untuk Blog kamu
9. Copy kode yang sudah disediakan.
10. SIGN IN kedalam Blog anda
11. Pilih menu “tata letak (Layout)”
12. Pilih “tambah gadget (add page element)”
13. Pilih “HTML/Java Script”
14. Paste kode/script tersebut
15. Save
16. Silahkan buka kembali blog anda, maka iklan akan secara otomatis muncul kedalam blog anda. Hanya tinggal menunggu ada orang yang mengklik iklan tersebut maka pundi-pundi uang akan mengalir!!!
~~~Selamat Mencoba, Semoga Succes ~~~
Diposting oleh
Unknown
di
19.58
0
komentar
membuat menu vertikal
Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :
1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;
dan
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');
Pilihan Warna menu vertikal :
blue1.gif
blue2.gif
green1.gif
green2.gif
red1.gif
red2.gif
pink1.gif
pink2.gif
black1.gif
black2.gif
3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:
<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home<a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li>lt;a href="http://x-template.blogspot.com" >Free Template</a></li>
<li>lt;a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>
Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.
Dah gitu aja. Gampang kan???? :D
Diposting oleh
Unknown
di
19.51
0
komentar
cara membuat menu tab view
Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :
Beginilah cara untuk membuat menu tab view tersebut
1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>
<script src='http://kendhin.890m.com/blog/tabview.js' type='text/javascript'/>
6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.
Diposting oleh
Unknown
di
19.37
0
komentar
cara membuat menu horizontal
Ada yang pingin buat menu horizontal tapi nggak tahu caranya?
Gini nih caranya, eh tapi tunggu dulu, apasih menu horizontal itu? Menu horizontal adalah menu-menu yang disusun secara horizontal (menyamping). Kayak gini ini lho:
Contohnya bisa kamu lihat disini .Nha pingin nggak? kalo pingin ikuti cara berikut ini:
pertama-tama kamu harus punya gambar kayak gini nih:
dan
kalo nggak punya gimana? kalo nggak punya pake gambar yang aku sediain ini aja deh.
blackleft.gif blackright.gif
greenleft.gif greenright.gif
redleft.gif redright.gif
unguleft.gif unguright.gif
yellowleft.gif yellowright.gif
blueleft.gif blueright.gif
whiteleft.gif whiteright.gif
Ok, bahan-bahannya sudha ada, mari kita mulai maraciknya:
1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup dulu.
2. Cari script seperti ini ]]></b:skin>, kalo udah ketemu copy script dibawah ini dan taruh diatasnya
/*credits : http://trik-tips.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5; /* Garis Bawah*/
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("http://kendhin.890m.com/menu/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("http://kendhin.890m.com/menu/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}
Tulisan yang dicetak tebal bisa kamu ganti dengan gambar-gambar (text dibawah gambar) diatas tadi. Misalnya, jika kamu pilih yang warna merah maka scriptnya menjadi seperti ini;
background: url("http://kendhin.890m.com/menu/redleft.gif") no-repeat left top;
background: url("http://kendhin.890m.com/menu/redright.gif") no-repeat right top;
Mudeng nggak loe :D
Kalo sudah selesai mari kita lanjutkan, sampai angka berapa tadi? oh ya sampai angka ketiga ya.
3. Copy script berikut ini
<div id="tabshori">
<ul>
<li><a href="http://trik-tips.blogspot.com"><span>Home</span></a>lt;/li>
<li><a href="http://trik-tips.blogspot.com"><span>Trik-Tips</span></a"</li>
<li><a href="http://trik-tips.blogspot.com"><span>Free Template </span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Kamus</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >
4. Ganti http://trik-tips.blogspot.com dengan link yang kamu tuju. Link tersebut bisa berupa alamat blog lain atau link postingan km. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa kamu ganti dengan text yang kamu suka. Text tersebut adalah text yang muncul di tombol/menu.
5. Cara memasangnya ada beberapa macam tergantung dari template yang digunakan, salah satu contoh memasangnya yaitu begini
cari kode berikut ini :
<div id="content-wrapper">
caranya nyari biar gampang, copy script diatas lalu tekan Ctrl-f kemudian paste di kotak find, nha langsung ketemu kan. Kalo udah ketemu copy script yang tadi diatasnya
6. Simpan hasil pengeditan.
7. Lihat hasilnya.
8. kalo hasilnya kurang bagus/acak-acakan coba script tadi dipindah tempatnya, misalnya pindah keatasnya yaitu diatas kode </div>. kalao nggak cocok juga tempatnya dicoba lagi yang diatasnya atau juga dibawahnya, begitu terus sampai ketemu tempat yang cocok.
9. Kalo masih belum berhasil juga coba cara ini:
- Cari kode berikut ini :
<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>
teru ganti text yang berwarna hijau sihingga menjadi seperti ini:
<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>
terus di Save
Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, nha gitu, terus simpan dan lihat hasilnya.
hasilnya pasti akan berbeda-beda di setiap template.
kalo berhasil berarti kamu pinter, kalo gagal berarti kamu kurang pinter :r coba diteliti lagi langkah-langkahnya dan dipahami maksudnya, jangan cuma di plototin. OK BOZ, Good luck.....
Diposting oleh
Unknown
di
19.09
0
komentar
cara pasang flash di blog
Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :
1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>
Contoh :
* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.
Diposting oleh
Unknown
di
18.46
0
komentar
setteng domain dari com ke .co.cc
Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:
Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:
1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai
2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
* Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
* Untuk option "TTL" biarkan saja, gak perlu dirubah2
* Pada option "Type" pilih yang "CNAME"
* Untuk kolom "Value" isikan "ghs.google.com"
Sehingga akan seperti pada gamabr dibawah ini:
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
* Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
* Kemudian pilih "Switch to: • Custom Domain
* Setelah itu klik pada "Already own a domain? Switch to advanced settings"
* Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".
* Selanjutnya klik tombol "Save Setting"
Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.
3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa
Jadi kesimpulannya adalah:
* Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
* Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
* Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.
Diposting oleh
Unknown
di
18.44
0
komentar