Tag and Styling

11.43 2

Tag and Styling Vienna


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.



Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis.



Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.




A paragraph format



Et posse meliore definitiones (strong) his, vim tritani vulputate (italic) pertinacia at. Augue quaerendum (Acronym) te sea, ex sed sint invenire erroribus. Cu vel ceteros scripserit, te usu modus fabellas mediocritatem. In legere regione instructior eos. Ea repudiandae suscipiantur vim, vel partem labores ponderum in blogger templates (link).


A paragraph as code



Mel putent quaeque an, ut postea melius denique sit. Officiis sensibus at mea, sea at labitur deserunt. Eam dicam congue soluta ut.




A paragraph as 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.


Unordered list
  • Blogger templates
  • Templates
  • Blogs
  • Layouts
  • Skins


Ordered list
  1. Login
  2. Visit Arlina Design
  3. Download template
  4. Install
  5. Enjoy!


Heading



Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6


Button






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




Tabs



Tab 1Tab 2Tab 3
Phasellus suscipit enim a accumsan semper. Nam tincidunt, libero at aliquam cursus, ipsum tortor fermentum velit, at facilisis lacus justo eget turpis.




Custom active tab



Tab 1Tab 2Tab 3
Phasellus suscipit enim a accumsan semper. Nam tincidunt, libero at aliquam cursus, ipsum tortor fermentum velit, at facilisis lacus justo eget turpis.




Vertical tab



Tab 1Tab 2Tab 3
Phasellus suscipit enim a accumsan semper. Nam tincidunt, libero at aliquam cursus, ipsum tortor fermentum velit, at facilisis lacus justo eget turpis.




With disable tab



Tab 1Tab 2Tab 3Tab 4 (disabled)Tab 5 (disabled)
Tab 3 content




Accordion + Spoiler



Basic accordion



Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit




Custom accordion



Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit




Accordion with different icon



plus
Spoiler content
plus-circle
Spoiler content
plus-square-1
Spoiler content
arrow
Spoiler content
arrow-circle-1
Spoiler content
arrow-circle-2
Spoiler content
caret
Spoiler content
caret-square
Spoiler content
folder-1
Spoiler content
folder-2
Spoiler content




Info Box



Info Box Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit, ut elementum orci volutpat. Donec eu purus viverra diam luctus ultrices. Cras quis pellentesque odio, vitae feugiat elit. Nam rutrum ante sit amet lacus tristique porttitor.
Info Box Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit, ut elementum orci volutpat. Donec eu purus viverra diam luctus ultrices. Cras quis pellentesque odio, vitae feugiat elit. Nam rutrum ante sit amet lacus tristique porttitor.
Info Box Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit, ut elementum orci volutpat. Donec eu purus viverra diam luctus ultrices. Cras quis pellentesque odio, vitae feugiat elit. Nam rutrum ante sit amet lacus tristique porttitor.
Info Box Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit, ut elementum orci volutpat. Donec eu purus viverra diam luctus ultrices. Cras quis pellentesque odio, vitae feugiat elit. Nam rutrum ante sit amet lacus tristique porttitor.




Note Box



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit, ut elementum orci volutpat. Donec eu purus viverra diam luctus ultrices. Cras quis pellentesque odio, vitae feugiat elit. Nam rutrum ante sit amet lacus tristique porttitor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit, ut elementum orci volutpat. Donec eu purus viverra diam luctus ultrices. Cras quis pellentesque odio, vitae feugiat elit. Nam rutrum ante sit amet lacus tristique porttitor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit, ut elementum orci volutpat. Donec eu purus viverra diam luctus ultrices. Cras quis pellentesque odio, vitae feugiat elit. Nam rutrum ante sit amet lacus tristique porttitor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat lacus ac dolor blandit, ut elementum orci volutpat. Donec eu purus viverra diam luctus ultrices. Cras quis pellentesque odio, vitae feugiat elit. Nam rutrum ante sit amet lacus tristique porttitor.




Column



Full-width column



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.




1/2 + 1/2



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.




1/3 + 1/3 + 1/3



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.




1/2 + 1/4 + 1/4



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem.




3/4 + 1/4



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.




1/5 + 4/5



Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.




2/5 + 3/5



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.




2/3 + 1/6 + 1/6



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.




101 Cara Memperindah Blog

12.39 3


1. Panduan Membuat Blog
2. Cara Setting Blog 
3. Memilih Template 
4. Mengatur Huruf dan Warna
 5. Cara Meposting Artikel
6. Membuat Read More pd template Klasik

 7. Cara Membuat Teks Area 
8. Cara Membuat Menu Drop Down 
9. Cara Upload Gambar/Photo
 10. Cara Membuat Link – 1 
11. Cara Membuat Link &#821#8211; 2 
12. Cara Membuat Marquee ( text berjalan ) 
13. Cara Membuat Efek Refresh 
14. Menampilkan HTML pada postingan 
15. Masalah Posting Artikel 
16. Memasang Smile / Simbol (Yahoo)
 17. Memasang Smile (Blogger) 
18. Cara Pasang Jam
 19. Cara Membuat Banner Animasi 
20. Cara Membuat Buku Tamu
21. HTML Tutorial
22. Free Download
23. Foto animasi
24. Cara pasang Statistik & Tracker
25. Perlunya IE dan FireFox
26. Cara pasang musik
27. Logo & Button
28. Membuat Menu D Tree (menu mirip pada windows explorer)
29. HTML Tutorial(2)
30. Membuat Read more pada template baru
31. User Online status
32. Cara membuat blogroll Alternatif
33. Cara pasang gambar
34. Cara membuat Icon YM
35. Cara pasang Video
36. Daftar Mybloglog
37. Membuat Navigasi dengan CSS
38. Template baru VS template Klasik
39. Membuat Penggalan Artikel
40. Membuat Link Untuk Download
41. Menu Dropdown dengan JavaScript
42. Menu Dropdown dengan JavaScript (2)
43. Cara Membuat Favicon
44. Pasang Recent Comments
45. Text Berjalan di Bar menu
46. Rotating banner
47. Cara membuat kategori (label)
48. Read more versi baru
49. Pasang Link di New Blogger Template
50. Cara Pasang Feed di Blog
51. Pasang Banner di Header Blog
52. Membuat Banner Bertaburan
53. Tips Menghilangkan Border Image
54. Cara membuat Navigasi Dengan Css (2)
55. Mengatur Perataan Posting Artikel
56. Tips Mengganti Background Blog
57. Pasang Image pada judul Artikel
58. Membuat link satu halaman
59. Photo profile berbingkai
60. Photo profile berbingkai
61. Gambar berbingkai
62. Image dalam kode marquee
63. Pasang kode tuker link
64. Cara daftar search engine
65. Cepat terindeks di google
66. Pasang Kalender
67. Hilangkan garis bawah Link
68. Ubah Warna Link
69. Pelacak IP Address
70. Pasang Jadwal Sholat
71. Mengubah lebar kolom template
72. Daftar Google Sitemap
73. Daftar Feedburner
74. Pasang Snaps Shots
75. Membuat navbar
76. Pasang label cloud
77. Membuat tulisan bergaya koran
78. Horizontal dropdown menu
79. Membuat marquee text dalam gambar
80. Marquee dengan Javascript
81. Siapa yang pasang link ke blog kita
82. Kotak komentar dengan haloscan
83. Cara membuat daftar isi blog
84. Cara menghilangkan Subcribe to
85. Tips menambah kolom pada template baru
86. Setting Widget Mybloglog
87. Membuat kursor animasi
88. Download Mini Icon
89. Menyisipkan Mini icon pada label
90. Lebih jauh mengenai Read more
100. Cara menghilangkan navbar Blogger


Referensi : http://kingbohye.blogspot.com/2011/03/101-cara-memperindah-blog.html