Juni 2014 - TakSimetris

Lorem Ipsum Dolor Sit Amet

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-TW9xj2cl7go/U2NK4mdC3pI/AAAAAAAAAW0/whGv8i7Vvg4/s1600/souljy.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="test postingan" border="0" height="320" src="http://3.bp.blogspot.com/-TW9xj2cl7go/U2NK4mdC3pI/AAAAAAAAAW0/whGv8i7Vvg4/s1600/souljy.jpg" title="Lorem Ipsum Dolor Sit Amet" width="320" /></a></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. 
 
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. 
 
Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. 
 
Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. 
 
Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. 
 
Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula. Nulla ut felis in purus aliquam imperdiet. Maecenas aliquet mollis lectus. Vivamus consectetuer risus et tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
 
Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. 
 
Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. 
 
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. 
 
Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi.

Lorem Ipsum Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla ...

Baca selengkapnya »

23.09

Post Font

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdKPq0F5g1wR6Zz1Mr_1PD1hRo3O62SSmkRNIyLEFvpjh3Zbq1M7PHKSNB3HXa0g3pUh29ABrkIJOrxySfu3de0XLH9gIJimDFPiS2ZmiRTWe7Mu7yc3zM0wowvS1UMlspgDRvTg5fOZM/s1600/Art-PostA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="font postingan pada template taksimetris heading, normal, bold, italic, underline, strikethrough" border="0" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdKPq0F5g1wR6Zz1Mr_1PD1hRo3O62SSmkRNIyLEFvpjh3Zbq1M7PHKSNB3HXa0g3pUh29ABrkIJOrxySfu3de0XLH9gIJimDFPiS2ZmiRTWe7Mu7yc3zM0wowvS1UMlspgDRvTg5fOZM/s1600/Art-PostA.jpg" title="Tampak Font saat melakukan kegiatan postingan" width="320" /></a></div>
<h2>
</h2>
<h2>
</h2>
<h2>
HEADING (h2)</h2>
<div>
 </div>
<h3>
SUBHEADING (h3)</h3>
<div>
 </div>
<h4>
MINOR HEADING (h4)</h4>
 
 
 
<ul>
<li>SMALLEST</li>
</ul>
<div>
 </div>
 
BOLD TEXT 
 
ITALIC TEXT 
 
UNDERLINE TEXT 
 <strike>STRIKETHROUGH</strike> 
 
BOLD + ITALIC TEXT 
 
BOLD + UNDERLINE TEXT 
 <strike>BOLD + STRIKETHROUGH</strike> 
 
ITALIC + UNDERLINE TEXT 
 <strike>ITALIC + STRIKETHROUGH</strike> 
<strike> </strike><strike>UNDERLINE + STRIKETHROUGH</strike> 
 
BOLD + ITALIC + UNDERLINE 
 <strike>BOLD + ITALIC + UNDERLINE + STRIKETHROUGH</strike> 
<strike> </strike>
<strike> </strike>
 
<ul>
<li>SMALL</li>
</ul>
<div>
 </div>
 
BOLD TEXT 
 
ITALIC TEXT 
 
UNDERLINE TEXT 
 <strike>STRIKETHROUGH</strike> 
 
BOLD + ITALIC TEXT 
 
BOLD + UNDERLINE TEXT 
 <strike>BOLD + STRIKETHROUGH</strike> 
 
ITALIC + UNDERLINE TEXT 
 <strike>ITALIC + STRIKETHROUGH</strike> 
<strike> </strike><strike>UNDERLINE + STRIKETHROUGH</strike> 
 
BOLD + ITALIC + UNDERLINE 
 <strike>BOLD + ITALIC + UNDERLINE + STRIKETHROUGH</strike> 
<strike> </strike>
<strike> </strike>
 
<ul>
<li>NORMAL</li>
</ul>
<div>
 </div>
 
BOLD TEXT 
 
ITALIC TEXT 
 
UNDERLINE TEXT 
 <strike>STRIKETHROUGH</strike> 
 
BOLD + ITALIC TEXT 
 
BOLD + UNDERLINE TEXT 
 <strike>BOLD + STRIKETHROUGH</strike> 
 
ITALIC + UNDERLINE TEXT 
 <strike>ITALIC + STRIKETHROUGH</strike> 
<strike> </strike><strike>UNDERLINE + STRIKETHROUGH</strike> 
 
BOLD + ITALIC + UNDERLINE 
 <strike>BOLD + ITALIC + UNDERLINE + STRIKETHROUGH</strike> 
<strike> </strike>
<strike> </strike>
 
<ul>
<li>LARGE</li>
</ul>
<div>
 </div>
 
BOLD TEXT 
 
ITALIC TEXT 
 
UNDERLINE TEXT 
 <strike>STRIKETHROUGH</strike> 
 
BOLD + ITALIC TEXT 
 
BOLD + UNDERLINE TEXT 
 <strike>BOLD + STRIKETHROUGH</strike> 
 
ITALIC + UNDERLINE TEXT 
 <strike>ITALIC + STRIKETHROUGH</strike> 
<strike> </strike><strike>UNDERLINE + STRIKETHROUGH</strike> 
 
BOLD + ITALIC + UNDERLINE 
 <strike>BOLD + ITALIC + UNDERLINE + STRIKETHROUGH</strike> 
<strike> </strike>
<strike> </strike>
 
<ul>
<li>LARGEST</li>
</ul>
<div>
 </div>
 
BOLD TEXT 
 
ITALIC TEXT 
 
UNDERLINE TEXT 
 <strike>STRIKETHROUGH</strike> 
 
BOLD + ITALIC TEXT 
 
BOLD + UNDERLINE TEXT 
 <strike>BOLD + STRIKETHROUGH</strike> 
 
ITALIC + UNDERLINE TEXT 
 <strike>ITALIC + STRIKETHROUGH</strike> 
<strike> </strike><strike>UNDERLINE + STRIKETHROUGH</strike> 
 
BOLD + ITALIC + UNDERLINE 


 <strike>BOLD + ITALIC + UNDERLINE + STRIKETHROUGH</strike> 
<strike> </strike>
<strike> </strike>
 
<blockquote class="tr_bq">
quote text, contoh quote text pada template ini</blockquote>

Post Font

HEADING (h2) SUBHEADING (h3) MINOR HEADING (h4) SMALLEST BOLD TEXT ITALIC TEXT UNDERLINE TEXT STRIKETHROUGH ...

Baca selengkapnya »

22.51

Tips Meringankan Loading Blog Dengan Ampuh

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB4R_Cdt9ywzKffaR1bilS9If3vDzvUWcpyxUZb4T8c40rLfAov0Gy4LVGirdy1xHsWuBQRTQL8yPQPllu3OdaPGVBbQvsiInZk5uxkFm2jmXT_59T1WJspYONQzUGtrdKf_Gumbn8kKU/s1600/Ang%25C3%25A9lica-Sagredos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="meringankan loading blog, mempercepat loading blog, fast SEO" border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB4R_Cdt9ywzKffaR1bilS9If3vDzvUWcpyxUZb4T8c40rLfAov0Gy4LVGirdy1xHsWuBQRTQL8yPQPllu3OdaPGVBbQvsiInZk5uxkFm2jmXT_59T1WJspYONQzUGtrdKf_Gumbn8kKU/s1600/Ang%25C3%25A9lica-Sagredos.jpg" title="Bagaimana Cara Meringankan Loading Blog?" width="640" /></a></div>
 
 
Tips Meringankan Loading Blog Dengan Ampuh - "The web should be fast." kira-kira begitulah slogan Google.Inc tentang pentingnya kecepatan akses pada sebuah blog. Akses yang cepat pada Blog itu sangatlah penting, bahkan merupakan yang terpenting ke-2 setelah kualitas dan kuantitas dari artikel yang berada pada suatu Blog menurut saya. Untuk dapat membuat Blog dengan akses yang cepat, tentunya kita perlu mengikuti aturan yang telah menjadi standar Google. Salah satu standarnya adalah menjadikan Blog kalian sebagai Blog yang SEO Friendly. Artinya, Blog yang kalian kelola haruslah mempunyai loading yang cepat dan artikel berkualitas, sehingga membuat user betah di Blog kalian. 
 
Untuk artikel berkualitas, itu adalah tugas kalian sendiri dalam menentukan artikel mana yang baik untuk di posting, dan mana yang tidak layak untuk di posting. Percaya saya, artikel itu sepenuhnya adalah kemampuan sang Webmaster dalam membuatnya, tidak ada tips dan trik khusus dalam membuatnya.. Kalaupun ada, itu juga masih harus bergantung kepada kalian sebagai Webmaster dalam menentukan artikel nantinya. 
 
Oleh karena itu, saya di sini hanya akan memberi Tips Meringankan Loading Blog Dengan Ampuh. Perlu di ingat, tips ini adalah cara saya sendiri (Raihan Jr) dalam meringankan loading blog. Kalau kalian tidak yakin karena keliatannya Blog ini saja loadingnya berat, apalagi tipsnya.. Kalian boleh Check di GTmetrix. Silahkan dilihat scorenya berapa :p. Memang tidak terlalu baik sih, tapi tidak cukup mengecewakan juga kan? Baiklah, kita mulai saja daripada bertele-tele. 
 
<h3>
Optimasi Template Kalian</h3>
Optimasi seperti apa dulu nih? Ya di optimasi... Template yang kalian gunakan itu biasanya banyak widget-widget mubazir yang membuat loading blog lambat. Contoh saja: Widget Followers. Memang Widget ini cukup berguna bagi para Blogger, tapi setelah saya teliti, Widget ini cukup menguras kuota juga saat mengunjungi Blog (karena gambar para Followers). Untuk itu, sebaiknya pakai Widget 'Join This Site' yang tidak memakai foto para member Blog kalian. Lagian kalian buat apa sih pakai widget Followers dengan foto para member dan jumlah dari para member kalian? Kalau memang ingin pamer jumlah Followers, itu ga begitu berguna sob. Mending di ilangin foto membernya. 
Oh iya, Optimasi ini berguna bagi semua Widget, tidak hanya Followers saja, tapi juga ada Widget seperti: Popular Posts dengan thumbnail yang terlalu banyak, aksesoris blog, dan lain sebagainya. 
 
<h3>
Kurangi Properti background-image</h3>
Seperti yang kita tau lah ya, gambar pada blog itu sangat mempengaruhi cepat lambatnya loading suatu Blog. Semakin banyak gambar, biasanya loadingnnya pun semakin berat. Nah, di setiap template ini biasanya banyak sekali properti background-image. Nih, saya ambil contoh saja ya, blogger indonesia itu sukanya dengan desain template yang fantastis (lebay) sampe sampe segala galanya dipakein background... tidak hanya background warna, tapi juga background gambar! 
Tentu untuk Blogger pemula seperti saya juga, awalnya saya mengira itu hanya sebuah desain sederhana yang biasa saja, dan semua orang wajar menggunakannya. tetapi ternyata saat di check melalui beberapa website penyedia tool site's speed, saya baru sadar kalau gambar merupakan hal yang kurang baik untuk di pasang di setiap sudut template. 
Nah, bagi kalian yang punya background-image yang cukup banyak terdapat pada template kalian, segera hapus saja beberapa di antaranya. Ingat! saya tidak mewajibkan untuk menghapusnya. 
Dengan menghapus beberapa properti tersebut, dan mempertahankan beberapa di antaranya, kalian kini sudah bisa menyeimbangkan antara SEO dan Design Blog. 
Oh iya, 1 lagi, sebaiknya background pada template yang boxed (tidak full width, karena kalau full width kurang memungkin kan untuk pakai background) itu dihapus saja bila ada gambarnya, dan silahkan ganti dengan warna. Saya menyarankan warna yang sesuai dengan bagian dalamnya, sehingga terlihat seperti full width. 
 
<h3>
Gantikan peran jQuery dengan CSS3</h3>
jQuery itu cukup memakan banyak waktu saat loading blog. Ada baiknya bagi kalian untuk menghapus beberapa jQuery yang perannya dapat digantikan dengan CSS3. Mengingat CSS3 kini sudah sangat canggih juga, sehingga dapat menggantikan peran jQuery. Contoh beberapa jQuery yang kurang berguna: Menu dropdown yang ada pada beberapa template, ada baiknya kalian pakai menu dropdown yang sama sekali tidak menggunakan peran jQuery (Pure CSS) seperti pada menu dropdown yang saya buat ini: Membuat Menu Dropdown Simple (Pure CSS). [Untuk demo langsung, silahkan lihat pada menu DI ATAS Header saya..] 
Ingat sekali lagi, CSS3 itu canggih! 
 
<h3>
Desain Blog seperlunya</h3>
Desain Blog berlebihan itu kurang baik sob, walaupun cukup memanjakan mata juga. Tapi coba kalian ingat slogan Google, "The web should be fast." yang artinya kalian harus mengutamakan SEO ketimbang Desain Blog. Pertanyaannya, seperti apakah Desain Blog yang 'seperlunya' itu? Maksudnya itu, mendesain Blog dengan mengutamakan bagian bagian yang penting saja... Jadi kesannya Minimal gitu lohh. 
Contoh desain Blog seperlunya: Responsif, Tidak banyak Widget, mengikuti standar Google dan Yahoo, User Friendly, SEO Friendly, dan masih banyak lagi. Untuk selengkapnya silahkan cari di Google saja :) 
 
 
 
Untuk Tips pokoknya mungkin hanya ada 4 dari saya, karena sisanya jarang saya gunakan... Masih ingin tau tipsnya? walah, yaudah deh, ini tips yang saya rasa jarang atau mungkin berguna untuk digunakannya: 
 
-Minify CSS, Javascript, dan HTML 
-Gunakan Font Awesome untuk menggantikan gambar kecil 
-Minta peendapat para mastah :D 
-Compress ukuran gambar sebelum di upload 
-Leverage Browser Caching (untuk yang ini, saya belum nemuin caranya bagi platform Blogger) 
-Reduce Page Size dan Total number of request 
 
Cukup sekian dulu Tips Meringankan Loading Blog Dengan Ampuh dari saya. Mudah-Mudahan bermanfaat :D 
Sekian, Wassalam

Tips Meringankan Loading Blog Dengan Ampuh

Tips Meringankan Loading Blog Dengan Ampuh - "The web should be fast." kira-kira begitulah slogan Google.Inc tentang pentingn...

Baca selengkapnya »

18.36

TakSimetris

Lorem Ipsum Dolor Sit Amet

Post Font

Tips Meringankan Loading Blog Dengan Ampuh

Populars

Labels

Archives