Kamis, 31 Mei 2012

Tips Trik: Cara membuat Next Page Atau Mengganti Older Post Dengan Angka

Tips kali ini adalah mengganti navigasi 'Older Post' atau 'Posting Lama' dengan navigasi angka.
Contohnya seperti ini:


Oke gan, langsung aja...

Seperti biasa, Dasbor Blogger, Rancangan, Edit HTML.

Letakkan script kode dibawah ini sebelum atau diatas kode ]]></b:skin>






.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}






Kemudian, diatas kode </body>, pastekan kode ini:






<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->



Simpan, selesai.


Jumat, 25 Mei 2012

Tips dan Trik: Daftar Situs Penyedia Domain Gratis (Free Domain)

Domain Gratis

Agan Bosan dengan nama domain yang ditambahin embel-embel blogspot.com, wordpress.com, webs.com, multiply.com, dan sebagainya? (kalo ane sih, kaga...)

Banyak solusinya.

Zaman sekarang, sangat banyak situs yang menyediakan domain TLD (Top Level Domain) atau domain tingkat tinggi secara gratis. Baik yang mensupport Name Server atau hanya sekedar Url Forwarding. Baik yang menyertakan sedikit iklan saat digunakan, atau gratis tanpa syarat. Baik itu domain resmi sebuah negara, atau yang disediakan oleh pihak swasta.

Baik, baik, baik, ini daftar
domain gratisnya.

1.Domain Tk
www.dot.tk

2. Dodomain CO.CC
www.co.cc

3. Domain biz.ly
www.biz.ly

4. Domain c4.fr, xl.cx, 0rg.fr, ze.tc, be.ma, 1s.fr, zik.dj, fr.ht, ch.ma
www.venez.fr

5. Domain eu.org
www.eu.org

6. Domain BEE.PL, OSA.PL, BIJ.PL
www.bee.pl

7. Domain pp.ua
www.pp.ua

8.Domain net.ru, org.ru
www.net.ru

9. Domain xorg.pl
www.xorg.pl

10. Domain da.ru
www.da.ru

Ada beberapa situs penyedia yang bahasa atau tulisan nya tidak bisa dimengerti aleh agan2, apalagi ane. So, tips dari ane:

1. Buka situs google.com (bukan co.id)
2. Masukkan alamat web penyedia domain gratis
3. Cari
4. Jangan klik pada judul, tapi pada tulisan Terjemahkan atau Translate this page, yang tersedia dikanan setiap kolom pencarian.

Cara daftar?

Maap, jangan tanyain ane.....

Kamis, 17 Mei 2012

Tips dan Trik: Cara Mengganti Kursor Mouse Menjadi Gambar Di Blog


Ada beberapa blog yang saat kita masuki, kursor mouse nya tidak lagi seperti ini, tapi berubah menjadi seperti ini atau lainnya.

Bagaimana cara membuatnya???

Mudah,

1. Login ke dashboard blogger.

2. Pilih Rancangan , Edit HTML, centang Expand widget template, nggak juga g pa2 (kalo salah tinggal reload).

3. Carilah kode </head>, lebih cepat pake fitur 'Find' ato Cltr F.

4. Copy kode CSS dibawah ini

<style type='text/css'> HTML,BODY{cursor: url(&quot; Url gambar yang mau di jadikan kursor &quot;), auto;} </style>

5. Letakkan diatas kode
</head>,

Simpan, selesai.

Sekarang, gambar untuk dijadikan kursor mousenya darimana???

Mau kreatif?
Bikin sendiri, upload, ambil link nya, pasang.

Malas?
Disini banyak... www.totallyfreecursors.com

Senin, 14 Mei 2012

Tips dan Trik: Cara Membuat Blog Cepat Loading dan Ringan Di Akses

Cara Membuat Blog Cepat Loading dan Ringan Di Akses

Kadang-kadang, saat ane mengunjungi blog atau website di dunia maya, ada beberapa blog (termasuk blog ane) yang bisa bikin hati panas sampe mo mecahin mouse ato ngebanting modem (pengalaman ane). Padahal, tanpa ane sadari mereka berkata dengan muka sedih,

"Apa salahku...?"

MENGHARUKAN...!

Jadi, siapa yang salah???
Yang bersalah adalah blog yang loadingnya lama banget alias berat. Lambat loding!

Kenapa blog lambat loading nya?
Beberapa penyebabnya adalah terlalu banyak widget di dalam blog, terutama widget iklan. Bisa juga karena template blog yang terlalu banyak memakai corak gambar/image untuk background nya. Dan bisa juga terjadi karena koneksi internet yang lambat!!!

Cara mengatasinya?
Buka situs www.cssdrive.com, pilih menu Tools, kemudian klik sub menu CSS Compressor. Atau buka langsung link ini http://www.cssdrive.com/index.php/main/csscompressor/ . Kemudian agan akan dibawa kehalaman untuk mengompres kode CSS.

Contoh gambar:


Kemudian , ambil kode HTML blog ente
pastekan kedalam kotak yang disediakan, klik tombol Compress-it!, tunggu sampai selesai proses.

Selanjutnya, ambil kode HTML yang telah selesai di kompres, pastekan kembali kedalam blog agan.

Terkadang, kode HTML yang di kompres tidak dapat disimpan kembali. Jika terjadi, pandai2lah menyikapinya. Jangan kompres semua kode HTML nya, tapi ambil sebagian kode yang dirasa lebih penting untuk cepat loading, seperti untuk isi postingan saja.

Ane hanya ngambil kode ini saja untuk di kompres pada blog ini:





/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}

html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}

a:link {
text-decoration: none;
color: $(link.color);
}

a:visited {
text-decoration: none;
color: $(link.visited.color);
}

a:hover {
text-decoration: underline;
color: $(link.hover.color);
}

.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;

height: 276px;
width: 100%;

background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}

/* Columns
----------------------------------------------- */
.content-inner {
padding: 0;
}

.header-inner .section {
margin: 0 16px;
}

.tabs-inner .section {
margin: 0 16px;
}

.main-inner {
padding-top: $(date.space);
}

.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}

*+html body .main-inner .column-center-inner {
margin-top: -$(date.space);
}

#layout .main-inner .column-center-inner {
margin-top: 0;
}

/* Header
----------------------------------------------- */
.header-outer {
margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.Header h1 a {
color: $(header.text.color);
}

.Header .description {
font: $(description.font);
color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}

.header-inner .Header .titlewrapper {
padding-top: $(header.padding.top);
}

/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}

#layout .tabs-outer {
overflow: visible;
}

.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;

border-top: 1px solid $(tabs.border.color);

}

.tabs-cap-bottom {
bottom: 0;
}

.tabs-inner .widget li a {
display: inline-block;

margin: 0;
padding: .6em 1.5em;

font: $(tabs.font);
color: $(tabs.text.color);

border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}

/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}

.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: $(widget.outer.margin.top);
}

#layout .main-inner .column-left-outer,
#layout .main-inner .column-right-outer {
margin-top: 0;
}

.main-inner .column-left-inner,
.main-inner .column-right-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

-moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}

#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
margin-top: 0;
}

.sidebar .widget {
font: $(widget.font);
color: $(widget.text.color);
}

.sidebar .widget a:link {
color: $(widget.link.color);
}

.sidebar .widget a:visited {
color: $(widget.link.visited.color);
}

.sidebar .widget a:hover {
color: $(widget.link.hover.color);
}

.sidebar .widget h2 {
text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.main-inner .widget {
background-color: $(widget.background.color);
border: 1px solid $(widget.border.color);
padding: 0 $(widget.padding.side) 15px;
margin: 20px -16px;

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}

.main-inner .widget h2 {
margin: 0 -$(separator.outdent);
padding: .6em $(separator.outdent) .5em;
border-bottom: 1px solid $(widget.border.bevel.color);
}

.footer-inner .widget h2 {
padding: 0 0 .4em;

border-bottom: 1px solid $(widget.border.bevel.color);
}

.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
border-top: $(title.separator.border.size) solid $(widget.border.color);
padding-top: $(widget.padding.top);
}

.main-inner .widget .widget-content {
margin: 0 -$(separator.outdent);
padding: 7px $(separator.outdent) 0;
}

.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
margin: -$(widget.padding.top) -15px 0;
padding: 0;

list-style: none;
}

.main-inner .widget #ArchiveList {
margin: -$(widget.padding.top) 0 0;
}

.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
padding: .5em 15px;
text-indent: 0;

color: $(widget.alternate.text.color);

border-top: $(list.separator.border.size) solid $(widget.border.color);
border-bottom: 1px solid $(widget.border.bevel.color);
}

.main-inner .widget #ArchiveList ul li {
padding-top: .25em;
padding-bottom: .25em;
}

.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}

.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
border-bottom: none;
}

.post-body {
position: relative;
}

.main-inner .widget .post-body ul {
padding: 0 2.5em;
margin: .5em 0;

list-style: disc;
}

.main-inner .widget .post-body ul li {
padding: 0.25em 0;
margin-bottom: .25em;

color: $(body.text.color);

border: none;
}

.footer-inner .widget ul {
padding: 0;

list-style: none;
}

.widget .zippy {
color: $(widget.alternate.text.color);
}

/* Posts
----------------------------------------------- */
body .main-inner .Blog {
padding: 0;
margin-bottom: 1em;

background-color: transparent;
border: none;

-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.main-inner .section:last-child .Blog:last-child {
padding: 0;
margin-bottom: 1em;
}

.main-inner .widget h2.date-header {
margin: 0 -15px 1px;
padding: 0 0 $(date.padding.bottom) 0;

font: $(date.font);
color: $(date.text.color);

background: $(date.background);

border-top: $(date.border.size) solid $(date.border.color);
border-bottom: 1px solid $(widget.border.bevel.color);

-moz-border-radius-topleft: $(date.header.border.radius.top);
-moz-border-radius-topright: $(date.header.border.radius.top);
-webkit-border-top-left-radius: $(date.header.border.radius.top);
-webkit-border-top-right-radius: $(date.header.border.radius.top);
border-top-left-radius: $(date.header.border.radius.top);
border-top-right-radius: $(date.header.border.radius.top);

position: $(date.position);
bottom: 100%;
$(date.side): $(date.header.position);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.main-inner .widget h2.date-header span {
font: $(date.font);
display: block;
padding: .5em 15px;
border-left: $(date.border.size) solid $(date.border.color);
border-right: $(date.border.size) solid $(date.border.color);
}

.date-outer {
position: relative;
margin: $(date.space) 0 20px;
padding: 0 15px;

background-color: $(post.background.color);
border: 1px solid $(post.border.color);

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}

.date-outer:first-child {
margin-top: 0;
}

.date-outer:last-child {
margin-bottom: $(date.last.space.bottom);

-moz-border-radius-bottomleft: $(date.last.border.radius.bottom);
-moz-border-radius-bottomright: $(date.last.border.radius.bottom);
-webkit-border-bottom-left-radius: $(date.last.border.radius.bottom);
-webkit-border-bottom-right-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom);
border-bottom-left-radius: $(date.last.border.radius.bottom);
border-bottom-right-radius: $(date.last.border.radius.bottom);
}

.date-posts {
margin: 0 -$(separator.outdent);
padding: 0 $(separator.outdent);

clear: both;
}

.post-outer, .inline-ad {
border-top: 1px solid $(post.border.bevel.color);

margin: 0 -$(separator.outdent);
padding: 15px $(separator.outdent);
}

.post-outer {
padding-bottom: 10px;
}

.post-outer:first-child {
padding-top: $(post.first.padding.top);
border-top: none;
}

.post-outer:last-child, .inline-ad:last-child {
border-bottom: none;
}

.post-body {
position: relative;
}

.post-body img {
padding: 8px;
background: $(image.background.color);
border: 1px solid $(image.border.color);

-moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(image.border.radius);
-webkit-border-radius: $(image.border.radius);
border-radius: $(image.border.radius);
}

h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}

h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}

h3.post-title a:hover {
color: $(link.hover.color);
text-decoration: underline;
}

.post-header {
margin: 0 0 1em;
}

.post-body {
line-height: 1.4;
}

.post-outer h2 {
color: $(body.text.color);
}

.post-footer {
margin: 1.5em 0 0;
}

#blog-pager {
padding: 15px;
font-size: 120%;

background-color: $(pager.background.color);
border: 1px solid $(widget.border.color);

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);

-moz-border-radius-topleft: $(pager.border.radius.top);
-moz-border-radius-topright: $(pager.border.radius.top);
-webkit-border-top-left-radius: $(pager.border.radius.top);
-webkit-border-top-right-radius: $(pager.border.radius.top);
-goog-ms-border-top-left-radius: $(pager.border.radius.top);
-goog-ms-border-top-right-radius: $(pager.border.radius.top);
border-top-left-radius: $(pager.border.radius.top);
border-top-right-radius-topright: $(pager.border.radius.top);

margin-top: $(pager.space.top);
}

.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: $(feed.text.color);
}

.blog-feeds a, .post-feeds a {
color: $(feed.link.color);
}

.blog-feeds a:visited, .post-feeds a:visited {
color: $(feed.link.visited.color);
}

.blog-feeds a:hover, .post-feeds a:hover {
color: $(feed.link.hover.color);
}

.post-outer .comments {
margin-top: 2em;
}





Fungsinya?
Saat blog di akses, yang pertama terlihat adalah potingan blog, bukan widget atau lainnya, Dan harus diingat, tujuan utama pengunjung mengunjungi blog agan adalah untuk membaca informasi didalamnya. Bukan untuk menjadi member, melihat kategori, arsip blog, apalagi untuk iklan.

Sedikit saran, cukup 1 (satu) postingan pada halaman utama.

Selamat mencoba dan lihat hasilnya...

Kamis, 10 Mei 2012

Daftar Situs Penyedia Blog Gratisan







1. Blogger.com -- Tempat yang paling mudah untuk membuat blog.
2. WordPress.com -- Selain dapat di instal di situs sendiri, sodara-sodara juga bisa menggunakan software yang sama di situs mereka (ane juga kurang ngerti).
3. Blog.com -- Menawarkan hosting unlimited.
4. Blogladder.com
5. Blogr.com -- Bisa untuk hosting foto, video, dan podcasts
6. BlogSpirit.com -- Berbasis di Eropa. Gratisnya cuma 1 bulan, habis tu bayar!
7. Blogster.com -- Gratis hosting gambar.
8. BlogYx.com -- Ada tambahan chat box nya.
9. Bloki.com -- Bisa kolaborasi.
10. Bravenet.com -- Hosting gratis, rss feed, dan banyak lagi.
11. ClearBlogs.com
12. Etribes.com
13. Multiply.com
14. Netcipia.com
15. ShoutPost.com
16. SoulCast.com
17. Squarespace.com
18. Terapad.com
19. Tooum.com
20. Tumblr.com
21. Weebly.com
22. Vox.com
23. Xanga.com
24. Zoomshare.com
25. 360.yahoo.com

Cukup sekian dulu sodara-sodara, kapan-kapan akan ditambah lagi...

Selasa, 08 Mei 2012

Tips & Trik Blog

Sore hari tanggal 9 maret 2012, ane bikin blog baru. Tema atau problem yang kan di bahas disini adalah tema lama, Tips & Trik Blog. Emang sih, tema ini dah jadul banget, bahkan sudah ada sejak tahun seribu sembilan ratusan gitu.... Tapi percaya atau tidak, diakui atau tidak, ini tema enggak akan ada matinya...

Setiap hari, jam, menit, bahkan disetiap detik pasti akan muncul blog baru atau Pendatang Baru di dunia blogging.

Nah,,, blog ane kan blog baru, postingannya pun baru, sudah pasti ada Tips dan Trik baru mengenai blogging disini.

Truz, disaat Para Pendatang baru berkeliling mencari pencerahan (coba hitung berapa banyak kata 'baru' dari atas ampe bawah), mungkin karena terburu-buru (bukan baru), tiba-tiba...

BRRUUUKKK......!!!

Si Pendatang Baru pun kesandung batu dan jatuh tepat di blog ane...

Makanya gan, jalan tu ati-ati. Kata Mastah-Mastah, Biar Lambat Asal Selamat.

KEEP SPRITE......