Apa Itu Website dan Jenisnya?

Apa itu Website atau Situs Web? Situs web (bahasa Inggris: web site) atau sering disingkat dengan istilah situs adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya.

Cara Melihat Source Code Website #mudah

Saat  kita mengunjungi web tersebut, pasti ada pertanyaan tentang bagaimana sang creator membuat layout yang indah pada websitenya, apa saja kode css dan html yang digunakan, warna apa saja yang digunakan. Semua browser memungkinkan pengguna untuk melihat HTML atau skrip lain pada halaman web yang di-kunjungi.

Cara Melihat Kepribadian Seseorang Dari Foto Profil Facebook

Dengan mempunyai dan menggunakan akun facebook kita bisa terhubung dengan teman kita baik itu jaraknya dekat maupun jauh, di penjuru dunia, karena facebook tidak mengenal batasan apapun, karena tidak ada batasan itulah kita bisa berkomunikasi dengan dunia.

HOW TO CREATE FLOATING SOCIAL TABS WIDGET IN BLOGGER

Where This Social Tab Will Appear?

Before, we get on to our Tutorial let us first learn where this widget will appear in a website. Since, this is a Tabbed Widget. Therefore, it is extremely small in size so it wouldn’t take a large space on a website. We have integrated a Slide out Functionality that would produce sparks in the eyes of visitors. It will appear at the Top-right side of the screen. To clear your concepts, we have included a screenshot. Consider the following screenshot.

HOW TO MAKE YOUR WEBSITE RESPONSIVE TO MOBILE DEVICES

The World of the internet has advanced a lot, and the biggest reason behind it is the improvement in technology. We are in the era where we can blog directly from our Smartphones, and according to the estimates in 2013 everything will operate on mobility so for webmasters and bloggers, it’s getting extremely crucial to optimize their website for mobile users. If your website speed is not impressive, then it’s quite clear that your visitors will abandon your website without any further delay. So today we will be going to discuss why Mobile matters?

Web Color Chart (Version 2)

WEB COLOR CHART (Version 3)

Berikut ini adalah kode warna atau Web Color Chart yang dapat digunakan di dalam kode XHTML dan CSS. Di dalam dunia Website atau blogging, kode warna ini lebih dikenal dengan sebutan hexadecimal color chart. Dengan adanya tool yang simple ini, anda blogger akan dipermudah untuk menentukan kode warna yang akan digunakan di dalam merubah disain dari tampilan blog anda.

CSS Web Color Chart
Version 1

Berikut Daftar Kode Warna yang bisa anda gunakan: 

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000
#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7

Web Color Chart (Version 1)

Cara Menampilkan Jumlah Posting dan Komentar

= CARA MENAMPILKAN JUMLAH POSTING DAN KOMENTAR di blog =

Arikel kali ini ChAPblog akan membahas tentang Menampilkan Jumlah Posting dan Komentar.  Widget Jumlah Posting dan Komentar ini berfungsi untuk menunjukan statistik jumlah artikel dan jumlah komentar di blog kita. Cara memasangnya pun sangat mudah, kamu hanya perlu meletakkan sedikit kode HTML pada blog kamu. Contoh widgetnya adalah seperti gambar dibawah ini.

1. Pertama - tama, kita harus login ke blogger terlebih dahulu
2. Lalu klik Tata letak => Tambah gadget
3. lalu copas (Copy-paste) kode dibawah ini di HTML/JavaScript

<center><script style="text/javascript">
    function showpostcount(json) {
    document.write('Jumlah Posting : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
    + '</b><br>');}</script>
    <script src="http://chap-articlobal.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><script style="text/javascript"></script>
    <script style="text/javascript">
    function numberOfComments(json) {
    document.write('Jumlah Komentar : <b>' + json.feed.openSearch$totalResults.$t +
    '</b><br>');}</script>
    <script src="http://chap-articlobal.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></center>

Ket : Ganti kode yang warna merah dengan URL link blog kamu.

4. Terakhir klik Simpan.

Sekarang giliranmu! Selamat mencoba! Salam ChAPblog! :) 

| Source: http://tutorial-blogz.blogspot.com

=================================================================

= Best Regards | The Author of ChAPblog =

34 Writing Tips That Will Make You a Better Writer

Source : http://www.dailywritingtips.com

 A couple of weeks ago we asked our readers to share their writing tips. The response was far beyond the initial expectations, and the quality of the tips included was amazing. Thanks for everyone who contributed.

Now, without further delay, the 34 writing tips that will make you a better writer!

1. Daniel

Pay attention to punctuation, especially to the correct use of commas and periods. These two punctuation marks regulate the flow of your thoughts, and they can make your text confusing even if the words are clear.

2. Thomas

Participate in NaNoWriMo, which challenges you to write a 50,000 word novel in a month. I noticed that my writing has definitely improved over the course of the book — and it’s not even finished yet.

3. Bill Harper

Try not to edit while you’re creating your first draft. Creating and editing are two separate processes using different sides of the brain, and if you try doing both at once you’ll lose. Make a deal with your internal editor that it will get the chance to rip your piece to shreds; it will just need to wait some time.

A really nice trick is to switch off your monitor when you’re typing. You can’t edit what you can’t see.

4. Jacinta 

In a sentence: write daily for 30 minutes minimum! It’s easy to notice the difference in a short time. Suddenly, ideas come to you and you think of other things to write. You experiment with styles and voices and words and the language becomes more familiar…

5. Ane Mulligan 

Learn the rules of good writing… then learn when and how to break them.

8 Expert-Level Blog Design Tips For Beginners

When it comes to building a dynamic blog online, it is essential to keep several key factors in mind. Many beginners feel overwhelmed by the assortment of information available, finding it difficult to understand what makes a blog stand out as professional and effective. Fortunately, understanding the essentials of dynamic blog design doesn’t have to feel like an impossible mission. The following 8 tips will start any beginning blogger off on the right foot, equipping a newbie webmaster to build an online destination that will rival the competition.

1. Keep it Simple.

In an effort to build a site that looks interesting and inviting, many first-time bloggers will mistakenly overcomplicate matters. This can cause an assortment of different complications. Firstly, site visitors who feel overwhelmed by content selections may not be able to interact with a blog. Overstimulation can also give off a bad vibe, damaging the site’s credibility. Stick to one or two colors when designing the blog’s theme, and try to avoid using too many different fonts.

2. Aim for a Subtle Impact

Developing a expertly-designed blog requires a keen eye for the small details. Subtle changes and shifts can impact the overall feel of a blog, and are much more effective than utilizing garish colors and bizarre emoticons to attempt to grab a visitor’s attention. Make full use of effects like gradients and textures when designing for a new blog. Without screaming “look at me!”, designs that incorporate these techniques come off more professional than others.

3. Make it Clean

Avoiding clutter is a reoccuring theme when it comes to web design. Clutter is distracting, and can end up pointing site visitors in the wrong direction. One way to keep clean lines and edges is to utilize borders to separate media and text content from one another. Borders do not need to be exceptionally large, but can instead be as small as 1-pixel wide. While it may be difficult to pinpoint what is allowing the content to appear so clean, this technique is a blogger’s friend in helping to ensure the site looks professional.

4. Unlock the Power of CSS

For bloggers who are not yet familiar with CSS, learning this style sheet language could unlock countless opportunities in terms of allowing the site to take on an entirely new look. Many webmasters mistakenly believe that good design sense is enough to make a site truly stand out. In fact, it takes a keen eye for design, combined with the ability to make that design display properly on the web. Learning CSS is an involved process and requires a significant time investment, but it can be well worth the results. Even learning a few simple CSS steps can help bloggers keep their site looking great.

5. Keep the Topic at the Forefront

It is important for bloggers to keep the topic or subject they are discussing at the forefront of a site visitor’s mind. The design of a blog doesn’t need to simply look appealing, but it should also reflect the content in question. This can be done in a number of different ways, and doesn’t necessarily need to include overt references to the subject matter. Colors, images, and backgrounds can all be used in subtle way to complement the overall theme of the site in question.

6. Follow Established Protocols

In an effort to create a site that will really stand out, some bloggers take things too far. Don’t fall into this trap, but instead try to stick to accepted blog formats and layouts. Take advantage of sidebars and provide visitors with the option to subscribe to your content or connect on social media networks. Content should make a site stick out from all the rest, not the bizarre layout of the blog.

7. Utilize Advertisement Sparingly

Ads are a bit of a paradox for bloggers. Advertisement revenue is often one of the most powerful sources of income for those blogging online. On the same page, ads turn readers off and cause them to look for information elsewhere. For this reason, it is essential to pay close attention to how ads are utilized on a blog. Pop-ups should be avoided at all costs, as they annoy users. Try to use ads in places that will not distract from the content displayed on the site, and avoid over utilizing ads.

8. Photo Quality and Placement is Key

Graphic images used on a blog can reinforce the content displayed on the site. When pictures are low-quality and do not reflect the content in a positive manner, site visitors will be left with a bad taste in their mouths. Choose images that are professional and relevant to the content, and try to place them to the right of the text. Images that cut up content can make for a difficult reading experience, which can alienate site users.