Yahoo Wedo

Memasang Menu Cantik Pada Blog

2013-03-16T13:50:00.000-07:00

Mengotak-atik blog memang sangat mengasyik yang ini sering dilakukan oleh semua kalangan blogger termasuk saya. Tujuannya ingin membuat pengunjung kita betah karena kesan blog kita yang manis untuk dipandang.

Kali ini Kang Onk akan membagikan tutorial blogger dengan topik pembahasan membuat menu cantik yang dapat memikat hati pengunjung. Dijamin dech....!!!!

Tutorialnya seperti ini :

Login blogger anda;
Pilih tab Rancangan;
Pilih Edit HTML;
Jangan lupa Expand Template Widget;
Cari kode <title><data:blog.pageTitle/></title>
Copy paste kode script dibawah ini sebelum kode diatas.

<script src='http://iblographics.com/jquery.js' type='text/javascript'/> <script src='http://iblographics.com/interface.js' type='text/javascript'/>

Cari kode </head>
Letakkan kode CSS dibawah ini sebelum kode </head>

/* Dock menu by Kang Onk Design (http://kang-onk.blogspot.com)
----------------------------------------------- */
.fisheye{
text-align: center;
height: 62px;
position: relative;
}
a.fisheyeItem
{
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
top: 0;
}
a.fisheyeItem2
{
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
bottom: 0;
}
.fisheyeItem img
{
border: none;
margin: 0 auto 5px auto;
width: 100%;
}
.fisheyeItem2 img
{
border: none;
margin: 5px auto 0 auto;
width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
display: none;
positon: absolute;
}
.fisheyeContainter
{

height: 50px;
width: 200px;
left: 500px;
position: absolute;
}
#fisheye2
{
position: absolute;
width: 100%;
bottom: 0px;
}
/* Fin del dock menu
----------------------------------------------- */

Cari kode <div id="content-wrapper">
Copy paste kode berikut sebelum kode <div id="content-wrapper">

<div class='fisheye' id='fisheye'>
<div class='fisheyeContainter'>
<a class='fisheyeItem' href='#'><img src='http://4.bp.blogspot.com/_Yhcwq7ZzbIw/SUACQn-ny4I/AAAAAAAAAUc/yy_PBS_YWrc/s1600/music-trans.png' width='30'/><span>Home</span></a>

<a class='fisheyeItem' href='#'><img src='http://2.bp.blogspot.com/_Yhcwq7ZzbIw/SUACbeYOO5I/AAAAAAAAAUk/_Zfiy_TiZtA/s1600/rss2-trans.png' width='30'/><span>Email</span></a>
<a class='fisheyeItem' href='#'><img src='http://2.bp.blogspot.com/_Yhcwq7ZzbIw/SUACQeWOkPI/AAAAAAAAAUU/-1lW9Q0I4-A/s1600/link-trans.png' width='30'/><span>Display</span></a>
<a class='fisheyeItem' href='#'><img src='http://1.bp.blogspot.com/_Yhcwq7ZzbIw/SUACQfGZMrI/AAAAAAAAAUM/7HS7vAdCjls/s1600/home-trans.png' width='30'/><span>Clock</span></a>

<a class='fisheyeItem' href='#'><img src='http://3.bp.blogspot.com/_Yhcwq7ZzbIw/SUACP2ct3iI/AAAAAAAAAUE/Wq7jf6tILFE/s1600/history-trans.png' width='30'/><span>Web</span></a>
<a class='fisheyeItem' href='#'><img src='http://1.bp.blogspot.com/_Yhcwq7ZzbIw/SUACP5KHlaI/AAAAAAAAAT8/0PJpHH9DzLE/s1600/email-trans.png' width='30'/><span>Home</span></a>
<a class='fisheyeItem' href='#'><img src='http://1.bp.blogspot.com/_Yhcwq7ZzbIw/SUACP6w_J0I/AAAAAAAAAT0/RXNWTRfB9po/s1600/video-trans.png' width='30'/><span>Email</span></a>

<a class='fisheyeItem' href='#'><img src='http://3.bp.blogspot.com/_Yhcwq7ZzbIw/SUACPp7mBQI/AAAAAAAAATs/UKxtQ51vOF0/s1600/rss-trans.png' width='30'/><span>Display</span></a>
<a class='fisheyeItem' href='#'><img src='http://4.bp.blogspot.com/_Yhcwq7ZzbIw/SUACBJFd9ZI/AAAAAAAAATk/oJ5lL_SGpFI/s1600/email-trans.png' width='30'/><span>Clock</span></a>
<a class='fisheyeItem' href='#'><img src='http://3.bp.blogspot.com/_Yhcwq7ZzbIw/SUABzssGnaI/AAAAAAAAATc/hxJx2j7VRQA/s1600/calendar-trans.png' width='30'/><span>Web</span></a>

<a class='fisheyeItem' href='#'><img src='http://4.bp.blogspot.com/_Yhcwq7ZzbIw/SUABnXdQNdI/AAAAAAAAATU/jPWR6TthALk/s1600/portfolio-trans.png' width='30'/><span>Web</span></a>
</div>
</div>

<script type='text/javascript'>

$(document).ready(
function()
{
$('#fisheye').Fisheye(
{
maxWidth: 15,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 30,
proximity: 70,
halign : 'center'
}
)

}
);

</script>

Simpan Template dan selesai.

Membuat Widget Social Bookmarking Untuk Blogger

2013-03-16T13:45:00.001-07:00

Perhatikan gambar diatas ini, bagaimana kita bisa menarik perhatian pengunjung blog dengan membagikan tulisan, artikel bahkan coretan dinding kita.... hehehe, nglantur ya?

Jika tertarik ikuti langkahnya sebagai berikut :

Login ke Blogger;
Layout Add a Gadget atau Add a Page element;
Pilih HTML/JavaScript;
Copy Paste kode HTML berikut;

<center><tr>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="http://3.bp.blogspot.com/_7wsQzULWIwo/SpxXCHkYF9I/AAAAAAAABu8/3EIK9V5TGzY/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://kang-onk.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="http://3.bp.blogspot.com/_7wsQzULWIwo/SpxfJT5jV0I/AAAAAAAABvU/vj-2FSGnJCY/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://kang-onk.blogspot.com">Share on Twitter</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="http://2.bp.blogspot.com/_7wsQzULWIwo/SpxfI9BoQqI/AAAAAAAABvM/sI_RGyM6Uxk/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://kang-onk.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="http://1.bp.blogspot.com/_7wsQzULWIwo/SpxfKFaKnyI/AAAAAAAABvk/fezNFHWne9A/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://kang-onk.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="http://1.bp.blogspot.com/_7wsQzULWIwo/SpxfIfVxSbI/AAAAAAAABvE/cp4RV60pZL4/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://kang-onk.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr>
<tr>
<td height="30"><img border="0" width="22" src="http://2.bp.blogspot.com/_dchgDUvjlTY/SP3dMy4TvuI/AAAAAAAAAFE/cStvZWKD5bY/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://kang-onk.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
</tr>
<tr>
<td height="30"><img border="0" alt="Email" width="21" src="http://4.bp.blogspot.com/_7wsQzULWIwo/SxMuFjn0BII/AAAAAAAACbE/GOTIEAtrU0I/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td>
</tr>
</tbody>
</table></td></tr></center>

Jangan lupa untuk mengganti http://kang-onk.blogspot.com dengan nama Blog Anda;
dan http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US dengan link anda sendiri Feedburner berlangganan.

Mengenal Struktur Dasar Template Blogger

2013-03-16T13:42:00.002-07:00

Struktur dasar inilah yang menjadi dasar dalam penerapannya. Meskipun setiap design blog tidak sama, tergantung designernya mau memakai kata dalam penerapannya, seperti yang di jelaskan oleh u-sup blog dalam tutorialnya. Modifikaasi yang dilakukan para designer ini tak lepas dari CSS (Cascading style sheet) dan HTML (Hyper Text Markup Language) dan juga Javascripts dalam mendesign template sesuai keinginan.

Akan tetapi, pada dasarnya struktur template blogger (blogspot seperti yang ditunjukkan pada gambar berikut.

Keterangan :

Body : body ini yang menampung seluruh konten dari blog atau website.
Outer-wrapper : kotak ini melapisi bagian template (Body lebih mirip bagian luar template), jadi kebanyakan pada umumnya outer wrapper ini sebagai wadah header, sidebar, main-wrapper dan juga footer.
Header : Kotak ini adalah bagian teratas dari blog mungkin dari namanya sudah bisa kita tebak dari sebuah header ini. Biasanya header ditempati oleh judul-deskripsi blog, logo, dan juga kebanyakan dibawahnya ditempai oleh Navigasi Menu.
Sidebar : Block ini digunakan sebagai wadah widget blog atau aksesoris misalnya About me, Link list, gambar slide, dan juga widget-widget lainnya
Main: Main-wrapper yaitu sebuah block atau kolom dalam yang paling lebar, dalam block ini juga masih menampung seperti Judul Post, Post konten, kotak komentar dan juga keterangan lainnya mengenai artikel atau posting blog.
Footer : adalah kotak paling bawah dari sebuah template. Seperti bagian header namun terletak dibagian bawah biasanya footer ini ditempati sebuah tautan dan juga teks keterangan hak cipta.

Seagian template lain yang tidak terlihat pada layar monitor yaitu HTML bagian ini wajib dimiliki oleh sebuah template entah itu Website atau Blog atau template yang lainnya (untuk blogspot menggunakan platform HTML/XML), jika tidak memiliki bagian ini template tidak akan bekerja atau tidak berjalan sebagaimana mestinya, bagian tersebut adalah :

<html> <--- tag pembuka untuk html
<head> <--- tag pembuka untuk head

Disini letak dari CSS atau juga Javascript
</head> <--- tag penutup untuk head
<body> <--- tag pembuka untuk body

Disini tempat yang akan ditampilkan yaitu HTML dan juga bisa Javascript
</body> <--- tag penutup untuk body
</html> <--- tag penutup untuk html

1. HTML : <html> </html>

Sebuah template Blog/Website selalu diawali dengan tag pembuka <html> dan harus diakhiri tag penutup </html>
Diantara tag inilah tag-tag atau struktur lainnya diletakkan yang akan menciptakan sebuah tampilan blog/website.

2. Head : <head> </head>

Tepat setelah <head> biasanya diletakkan kode tag pengenal mulai dari tag title/judul, deskripsi, keywords dan tag-tag pengenal lainnya.
Diantara kode ini harus diletakkan sebuah kode CSS yang akan menampilkan sebuah tampilan model atau karakter dari template itu sendiri.
Sebelum kode tag penutup </head> biasanya ditambahkan sebuah kode Javascript untuk sekedar menambahkan fitur-fitur menggunakan kode Javascript.

3. Body : <body> </body>

Tag body merupakan yang paling utama pada sebuah template Blog/Website karena ini akan menampung dan menampilkan semua konten blog/website itu sendiri.
Pada bagian tag ini masih terbagi dalam 4 struktur penting lagi yaitu Header, Sidebar, Content dan juga Footer, di atas sudah saya jelaskan tentang struktur ini.

Jika anda paham dan benar-benar mengerti struktur dasar diatas, anda akan dengan mudah mendesign template bahkan membuat template sendiri.

Membuat Blockquote Postingan Dalam Blog

2013-03-16T13:38:00.004-07:00

Sebuah kutipan blok atau banyak orang menyebut tanda petik dan dalam dunia blogging disebut Blockquote. Ini merupakan ekstrak dalam dokumen tertulis blogging. Pada kesempatan yang berbahagia ini, Kang Onk akan membagikan cara membuat blockquote yang berbeda dengan default blockqoute blogger.

Hasil ini hampir sama dengan cara mengganti background postingan yang pernah saya tuliskan sebelumnya. blockquote ini akan memberi anda ide tentang bagaimana untuk membuat blockquote yang menarik untuk blog anda dan halaman web.

Pada gambar diatas merupakan hail dari costumasi blockquote. Berikut langkahnya,

Masuk ke akun Blogger Anda;
Backup Template dulu jika anda ketakutan salah memasng kodenya
Klik tombol Rancangan dan pilih Edit HTML;
Cari kode

.post-body blockquote { line-height:1.3em; }
Atau
.post blockquote{ ...............................}

Jika sudah ketemu hapus kode diatas dan ganti dengan kode berikut :

blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(http://3.bp.blogspot.com/_7wsQzULWIwo/SwhrZYtvrRI/AAAAAAAACRs/Q0k6eaIjnys/s400/owl.png) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #DAB547;
}
blockquote p {
margin: 0;
padding-top:10px;
}

Jika sudah selesai Simpan Template
Lihat hasilnya

Catatan : Jika anda ingin mengganti gambar burung, silakan ganti huruf yang berwarna biru diatas
Selamat mencoba dan berkreasi sesuai keinginan anda.

Memasang Label Cloud dengan Animasi

2013-03-16T13:37:00.000-07:00

Memasang label dalam dunia blog bukan hal luarbiasa melainkan lumrah, karena salah satu temen ngomong kalau bolg, website, dll. tidak dibilang bagus.... A masak,...?? Oleh karena itu, akan saya berikan tips memasang label berbentuk cloud dalam blog. Selain itu, label ini mempunyai tampilan yang sangat menarik karena ketika kursor mouse disorot ke area tag cloud tersebut maka labelnya akan berotasi seperti orbit. Sehingga membuat blog kita terasa lebih interaktif.

Cara pemasangannya adalah :

Login ke Blogger;
Klik Download Full Template untuk membackup template anda;
Setelah itu klik Design dan Edit HTML;
Klik Expand Widget Template
Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
Kalau sudah ketemu letakkan kode berikut tepat dibawah kode yang diatas

<b:widget id='Label54' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://kang-onk.googlecode.com/files/cloudanimasi.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "180", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x00ff00");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "150");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Catatan : silakan ganti sesuai dengan keinginan anda.

Angka 180 menunjukkan panjang tag cloud;
Angka 180 menunjukkan tinggi tag cloud;
Sedangkan kode #ffffff menunjukkan warna background dari tag clound;
Warna 00ff00 menunjukkan warna teks;
Kode 150 adalah kecepatan berputarnya cloud, angka lebih besar berarti lebih cepat

Selamat mencoba...!!!

Lorem ipsum dolor sit amet, consectetur adipiscing elit

2013-02-10T08:20:00.000-08:00

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus. Aliquam a nulla sapien. Sed facilisis ultricies purus, sed dapibus eros auctor vel. Phasellus et est nibh. Sed sagittis neque vel magna euismod ut vulputate sapien tempus. Fusce feugiat condimentum nulla. Aliquam quis convallis nunc. Nulla eu eros quam. Heading H1Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae.

Heading

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6

blockquote

Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

goreng insum goreng insum goreng insum

Lorem ipsum dolor sit amet image bottom

2013-02-10T08:19:00.000-08:00

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6

blockquote

Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

goreng insum goreng insum goreng insum

Lorem ipsum dolor sit amet full image

2013-02-10T08:18:00.001-08:00

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus.

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Zhang Qianqian is from Guizhou, with her parents, living at the local brick factory, and probably also attends school at the local workers’ school.

Upon asking her age, Zhang Qianqian laughed nervously and spoke of other things; I think she might be afraid of involving the “child labor” issue, so I did not keep asking her.

Lorem ipsum dolor sit amet 1

2013-02-10T08:18:00.000-08:00

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6

blockquote

Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

goreng insum goreng insum goreng insum

Phasellus et est nibh sagittis neque vel magna

2013-02-10T08:17:00.000-08:00

Pellentesque adipiscing ornare cursus. Aliquam a nulla sapien. Sed facilisis ultricies purus, sed dapibus eros auctor vel. Phasellus et est nibh. Sed sagittis neque vel magna euismod ut vulputate sapien tempus. Fusce feugiat condimentum nulla. Aliquam quis convallis nunc. Nulla eu eros quam. Heading H1Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus.

Heading

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6

blockquote

Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

goreng insum goreng insum goreng insum

Lorem Ipsum Wedo

2012-10-11T08:37:00.000-07:00

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor.

Lorem Ipsum list menu
Lorem ipsum list menu
Lorem ipsum list menu

Lorem Ipsum list menu
Lorem ipsum list menu
Lorem ipsum list menu

Heading1

Heading2

Heading3

Heading4

Heading5

Heading6

Lorem ipsum blockquote. Lorem ipsum blockquote. Lorem ipsum blockquote. Lorem ipsum dolor blockquote.

Tabel tabel	Table table
Table Table	Table Table
Table Table	Table Table
Table Table	Table Table
Table Table	Table Table