Agar Blog Banyak Pengunjung - Wah.. udah lama nich nggak posting.. Mengawali pagi yang cerah ini, kali ini saya akan memposting tentang cara agar blog banyak pengunjung. Visitor adalah harga mati dalam dunia blog.. Betul? Untuk apa kita mengoptimasi template , memakai beribu hiasan di blog, dan menulis artikel se orisinil mungkin yang nantinya hanya kita sendiri yang menikmatinya ? Blog kita butuh dipromosikan.. Promosi bisa dilakukan dengan berbagai cara.. Diantaranya
1. Memperkenalkan blog ke Berbagai Search engine ( khususnya Google, yahoo, dan Bing). Klik disini!
2. Memperkenalkan Blog ke Blog yang lain ( dalam hal ini "Blogwalking" ).
3. Memperkenalkan Blog ke Jejaring Social ( Khususnya Facebook dan Twitter).
4. Memperkenal Blog Ke Forum - Forum Online.
5. Memperkenalkan Blog Ke Social Bookmarking
Dan untuk satu hal penting yang menjadi hidup matinya blog, yaitu BACKLINK. Backlink itu akan ada dengan sendirinya jika sobat melakukan ke 5 langkah di atas... Sekian....
Dipersilahkan bagi para sobat blogger yang ingin memberi masukkan atau tambahan mengenai postingan di atas...
Blog
Video Editor
ARTIS
Free Games
Desktop Tools
OS Windows And TOLL Windows
Bloger
Software
HACKER
WEB DESAIN
FLASH HP
BAHAN KULIAH
Asal Tahu
Cara Memasang / Membuat Tanda Tangan di Blog
Cara Memasang Tanda Tangan di Blog - Apa kabar sobat blogger! Senang di pagi yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, mungkin beberapa hari kedepan ane tak mungkin ngapdet posting serutin ini jadi kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap - lengkapnya.
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.
Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.
3. Setelah itu, klik tulisan Using the signature creation wizard.
4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
5. Pilih jenis huruf yang di inginkan dan klik Next Step.
6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.
8. Atur kemiringan ( slope ) teks dan klik Next Step
9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.
Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.
Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.
3. Setelah itu, klik tulisan Using the signature creation wizard.
4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
5. Pilih jenis huruf yang di inginkan dan klik Next Step.
6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.
8. Atur kemiringan ( slope ) teks dan klik Next Step
9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.
Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.
Beginilah hasilnya
Cara Memasang / Membuat Tanda Tangan di Blog
Cara Memasang Tanda Tangan di Blog - Apa kabar sobat blogger! Senang di pagi yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, mungkin beberapa hari kedepan ane tak mungkin ngapdet posting serutin ini jadi kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap - lengkapnya.
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.
Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.
3. Setelah itu, klik tulisan Using the signature creation wizard.
4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
5. Pilih jenis huruf yang di inginkan dan klik Next Step.
6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.
8. Atur kemiringan ( slope ) teks dan klik Next Step
9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.
Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.
Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.
3. Setelah itu, klik tulisan Using the signature creation wizard.
4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
5. Pilih jenis huruf yang di inginkan dan klik Next Step.
6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.
8. Atur kemiringan ( slope ) teks dan klik Next Step
9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.
Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.
Beginilah hasilnya
Cara Dapat Backlink Dengan Berkomentar
Cara Dapat Backlink Dengan Berkomentar - Demi menjalin silahturahmi atar sesama blogger biasanya tindakan ini yang di lakukan, yaitu dengan berkomentar di blog yang dikunjungi. Berkomentar merupakan cara yang paling ampuh untuk menunjukkan rasa saling toleran antar sesama blogger, meskipun dibalik semuanya itu terselip sebuah maksud dan tujuan lain.. yakni mendapat Umpan Balik atau dalam bahasa gaulnya LinkBack atau Backlink.
Sekarang ini sudah tak asing lagi yang namanya Comment For Backlink karna itu setelah sebelumya memposting tentang kumpulan efek efek blog, kali ini saya akan kasih beberapa tips sederhana yang bisa sobat terapkan untuk mendapatkan backlink langsung ke blog sobat. Caranya cukup simple, sobat hanya perlu mengetikan inurl: Tempat Keyword “This site uses KeywordLuv” atau dengan keyword ini : inurl: Tempat Keyword “Enable CommentLuv” di google search. ( Tempat Keyword di ganti dengan keyword atau kata kunci sesuai keinginan misalnya "Tutorial Blog" ).Lihat Gambar
Mendapat Backlink Dengan Berkomentar
Maksud sebenarnya dari tutorial kali ini adalah untuk mencari blog yang menggunakan fasilitas Comment Luv.. dengan berkomentar di blog yang dipasangi Comment Luv maka 1 link pada beberapa postingan terakhir akan ditampilkan di bagian bawah si pemberi komentar... ah.. ane bingung ni jelasinnya.. mendingan lihat screenshot berikut.
Perhatikan pada tulisan yang dilingkari, itu adalah link postingan ( pastinya dofollow ) yang akan di sertakan bersama dengan komentar sobat... Pilih salah satu dan klik Post Your Comment maka berikutlah hasilnya...
Lihat tulisan dengan background berwarna biru... itu menandakan bahwa blog tersebut dofollow.. ( baca : cara mengetahui blog dofollow atau nofollow ). Salah satu blog yang menggunakan Commentluv adalah blogger asal malaysia Denai Hati.. Sekian..
Sekarang ini sudah tak asing lagi yang namanya Comment For Backlink karna itu setelah sebelumya memposting tentang kumpulan efek efek blog, kali ini saya akan kasih beberapa tips sederhana yang bisa sobat terapkan untuk mendapatkan backlink langsung ke blog sobat. Caranya cukup simple, sobat hanya perlu mengetikan inurl: Tempat Keyword “This site uses KeywordLuv” atau dengan keyword ini : inurl: Tempat Keyword “Enable CommentLuv” di google search. ( Tempat Keyword di ganti dengan keyword atau kata kunci sesuai keinginan misalnya "Tutorial Blog" ).Lihat Gambar
Mendapat Backlink Dengan Berkomentar
Maksud sebenarnya dari tutorial kali ini adalah untuk mencari blog yang menggunakan fasilitas Comment Luv.. dengan berkomentar di blog yang dipasangi Comment Luv maka 1 link pada beberapa postingan terakhir akan ditampilkan di bagian bawah si pemberi komentar... ah.. ane bingung ni jelasinnya.. mendingan lihat screenshot berikut.
Perhatikan pada tulisan yang dilingkari, itu adalah link postingan ( pastinya dofollow ) yang akan di sertakan bersama dengan komentar sobat... Pilih salah satu dan klik Post Your Comment maka berikutlah hasilnya...
Lihat tulisan dengan background berwarna biru... itu menandakan bahwa blog tersebut dofollow.. ( baca : cara mengetahui blog dofollow atau nofollow ). Salah satu blog yang menggunakan Commentluv adalah blogger asal malaysia Denai Hati.. Sekian..
Cara Menampilkan Rating Bintang di Hasil Pencarian Google
Cara Menampilkan Rating Bintang di Hasil Pencarian Google - Setelah sekian lama mencari artikel tentang cara menampilan rating star di hasil percarian google, akhirnya ane dapat juga tutorialnya. Caranya sangat mudah dan berbeda dengan tutorial lain yang pernah saya coba sebelumnya yang tentuhnya nggak berhasil, entah mungkin karna masalah template atau apalah ..ane nggak tahu..
Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, entar akan ane posting tutorialnya.
Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini..
Cara Menampilkan Rating Bintang di Google
1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget
3. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*
ganti angka berwarna biru dengan Url google plus milik sobat.
4. Kemudian letakkan kode berikut sesudah kode <body>
dan tag penutup </div></div> sebelum tag penutup </body>
5. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.
Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.
6. Klik save dan lihat hasilnya disini!
Jika pemasangnya berhasil, maka sobat akan melihat tampilan seperti gambar berikut.
Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, entar akan ane posting tutorialnya.
Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini..
Cara Menampilkan Rating Bintang di Google
1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget
3. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110332182798805450378' rel='publisher'/>
</b:if>
catatan:</b:if>
ganti angka berwarna biru dengan Url google plus milik sobat.
4. Kemudian letakkan kode berikut sesudah kode <body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
dan tag penutup </div></div> sebelum tag penutup </body>
5. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.
Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
Tambahan:Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.
6. Klik save dan lihat hasilnya disini!
Jika pemasangnya berhasil, maka sobat akan melihat tampilan seperti gambar berikut.
Tips dan Trik Mempercepat Loading Blog
Tips dan Trik Mempercepat Loading Blog - Loading blog yang lemot memang kadang kala sering membuat kita kesal, bayangkan saja jika kita harus menunggu bermenit - menit untuk membuka 1 halaman saja.. huh pasti membosankan tu... Sekedar info, sebenarnya selain faktor perangkat, faktor utama mengapa loading blog kita itu bisa sampai lambat yaitu karna jumlah widget yang terlalu banyak. Untuk memperindah tampilan blog, biasanya kita memasang jam, kalender, dan berbagai macam animasi yang sebenarnya tidak terlalu berguna bahkan hanya akan membuat pengunjung blog bosan dengan tampilan blog yang terlalu norak plus loading blog yang lemot.
Setelah sebelumnya memposting artikel tentang cara memasang emoticon onion di kotak komentar blog, kali ini saya akan kasih beberapa tips singkat untuk mempercepat loading blog. Simak tutorialnya berikut.
1. Yang Terutama dan Paling Utama yaitu dengan Mengurangi Jumlah Widget yang tidak terlalu perting seperti jam, animasi, kalender dan lain - lain apa lagi yang berbentuk flash.
2. Mengkompres css template blog sobat di CSS Compresor, caranya :
Sekian tutorialnya semoga membantu...
Setelah sebelumnya memposting artikel tentang cara memasang emoticon onion di kotak komentar blog, kali ini saya akan kasih beberapa tips singkat untuk mempercepat loading blog. Simak tutorialnya berikut.
1. Yang Terutama dan Paling Utama yaitu dengan Mengurangi Jumlah Widget yang tidak terlalu perting seperti jam, animasi, kalender dan lain - lain apa lagi yang berbentuk flash.
2. Mengkompres css template blog sobat di CSS Compresor, caranya :
- Silahkan Menuju KESINI!
- Kemudian sobat akan menjumpai beberapa pilihan seperti gambar berikut
- Seper pada gambar, sobat pilih Normal pada Compression Mode dan Don't strip any comment pada Comment handling
- Masukkan kode CSS template blog sobat yaitu kode antara kode <b:skin> dan ]]></b:skin> pada kotak yang di sediakan
- kemudian Klik Compress - it.
- Silahkan menuju KESINI!
- Kemudian Masukkan URL blog sobat di kotak yang di sediakan dan Klik Check
- Setelah itu akan dimunculkan kode CSS yang eror atau tak berfungsi di blog sobat.
- Silahkan tinjau ulang kode - kode yang dimunculkan di template blog sobat, atau kalau perlu dihapus saja..
Sekian tutorialnya semoga membantu...
Cara Memasang Menu Accordion di Blog
Cara Memasang Menu Accordion di Blog - Cara Memasang, Membuat atau Membikin Menu Accordion di Blogspot ini adalah re-post dari posting lawas saya yang berjudul cara membuat menu accordion blogger yang nggak masuk ke hatinya om gugel. Karna itu diharapkan mudah - mudahan dengan Re-post ( posting ulang ) ini, artikel saya yang telah saya hapus tersebut bisa terindeks lagi meskipun dengan URL yang berbeda.
Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat. Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.
1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.
7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??
Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat. Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.
1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}
4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
</div>
</div>
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
</div>
7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??
Cara Memasang Menu Accordion di Blog
Cara Memasang Menu Accordion di Blog - Cara Memasang, Membuat atau Membikin Menu Accordion di Blogspot ini adalah re-post dari posting lawas saya yang berjudul cara membuat menu accordion blogger yang nggak masuk ke hatinya om gugel. Karna itu diharapkan mudah - mudahan dengan Re-post ( posting ulang ) ini, artikel saya yang telah saya hapus tersebut bisa terindeks lagi meskipun dengan URL yang berbeda.
Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat. Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.
1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.
7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??
Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat. Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.
1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}
4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
</div>
</div>
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
</div>
7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??
Cara Bikin Blog Menjadi Dofollow
Cara Bikin Blog Menjadi Dofollow - Inilah postingan yang sudah lama ingin ane pos namun selalu saja kelupaan. kali ini saya akan kasih tutorial bagaimana cara bikin blog nofollow menjadi dofollow, cukup dengan merubah beberapa kode maka blog sobat akan langsung beruba menjadi dofollow, namun sebelumnya silahkan cek dulu apakah blog sobat dofollow atau nofollow ( baca : cara mengetahui blog dofollow atau nofollow ). Sobat yang tertarik mengubah blognya dari nofollow menjadi dofollow silahkan ikuti tutorial tips dan trik berikut.
Cara Bikin Blog Menjadi Dofollow
1. Login ke akun blog sobat
2. Klik Rancangan --> Edit HTML --> centang kotak kecil di samping tulisan Expand Template Widget
3. Cari 2 kode berikut dengan menggunakan CTRL + F.
Hapus kode yang berwarna biru sehingga menjadi seperti berikut
5. Kemudian cari kode berikut
Hapus kode yang berwarna biru sehingga menjadi seperti berikut
6. Klik save dan lihat hasilnya.
Nah setelah menjadi dofollow, silahkan gabung di komunitas blog dofollow Indonesia
Cara Bikin Blog Menjadi Dofollow
1. Login ke akun blog sobat
2. Klik Rancangan --> Edit HTML --> centang kotak kecil di samping tulisan Expand Template Widget
3. Cari 2 kode berikut dengan menggunakan CTRL + F.
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
Hapus kode yang berwarna biru sehingga menjadi seperti berikut
<b><a expr:href='data:comment.authorUrl'><data:comment.author/></a> </b>
5. Kemudian cari kode berikut
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
Hapus kode yang berwarna biru sehingga menjadi seperti berikut
<a expr:href='data:backlink.url'><data:backlink.title/></a>
6. Klik save dan lihat hasilnya.
Nah setelah menjadi dofollow, silahkan gabung di komunitas blog dofollow Indonesia
Cara Memasang Game Online di Blog
Cara Memasang Game Online di Blog - Cara Pasang Game di Blogspot - Kadang kala ada saja faktor yang membuat kita malas ngeblog, ada yang karena bosen, karena nggak mood dan macem - macem deh... Sebenarnya rasa bosen tu terjadi di berbagai kegiatan bukan hanya ngeblog, kali ini saya akan kasih tutorial cara mensiasati kebosanan ngeblog.
Mengawali pagi yang indah ini, saya akan memulai postingan saya yang berjudul Cara Meletakkan Game Onlien di Blog yang nantinya bisa sobat maenkan langsung di blog sobat sendiri. Setelah sebelumnya berhasil memposting cara memasang TV di Blog, Cara Bikin Blog, dan lainnya, kali ini akan saya kasih tutorial lengkap cara pasang permainan di blogspot entah sobat pasang di sidebar ataupun di halaman posting. Sobat yang tertarik, silahkan ikuti tutorial berikut.
1. Silahkan menuju ke http://www.khemer.com, disitu sobat akan melihat tampilan seperti berikut.
2. Pilih game yang di inginkan, kemudian ambil embed kode nya.
Cara Pemasangan :
Cara pemasang di sini terbagi 2 yaitu di pasang di halamn postingan ( artikel ) dan di sidebar sebagai widget. Mari kita lihat tutorialnya.
A. Memasang Game Online di Postingan Blog
1. Log in ke akun blogger sobat
2. Buat entri baru dengan meng-klik tulisan Entri Baru
3. Masukkan Embed Code di Edit HTML di form penulisan artikel. Lihat Gambar
4. Setelah itu, klik tulisan Terbitkan Entri yang menadakan entri sobat sudah terposting.
B. Memasang Game Online di Sidebar Blog
1. Klik Rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan embed kode kedalam kotak yang di sediakan.
3. Klik Save / Simpan
Tambahan :
Embed Code yang sobat ambil, kira - kira seperti berikut.
Tambahkan kode <center></center> agar game online ditampilkan di tengah halaman. Hasilnya seperti berikut.
Berikut Contoh Game Onlinenya.. Silahkan di mainkan...
Mengawali pagi yang indah ini, saya akan memulai postingan saya yang berjudul Cara Meletakkan Game Onlien di Blog yang nantinya bisa sobat maenkan langsung di blog sobat sendiri. Setelah sebelumnya berhasil memposting cara memasang TV di Blog, Cara Bikin Blog, dan lainnya, kali ini akan saya kasih tutorial lengkap cara pasang permainan di blogspot entah sobat pasang di sidebar ataupun di halaman posting. Sobat yang tertarik, silahkan ikuti tutorial berikut.
1. Silahkan menuju ke http://www.khemer.com, disitu sobat akan melihat tampilan seperti berikut.
2. Pilih game yang di inginkan, kemudian ambil embed kode nya.
Cara Pemasangan :
Cara pemasang di sini terbagi 2 yaitu di pasang di halamn postingan ( artikel ) dan di sidebar sebagai widget. Mari kita lihat tutorialnya.
A. Memasang Game Online di Postingan Blog
1. Log in ke akun blogger sobat
2. Buat entri baru dengan meng-klik tulisan Entri Baru
3. Masukkan Embed Code di Edit HTML di form penulisan artikel. Lihat Gambar
4. Setelah itu, klik tulisan Terbitkan Entri yang menadakan entri sobat sudah terposting.
B. Memasang Game Online di Sidebar Blog
1. Klik Rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan embed kode kedalam kotak yang di sediakan.
3. Klik Save / Simpan
Tambahan :
Embed Code yang sobat ambil, kira - kira seperti berikut.
<object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object>
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object>
Tambahkan kode <center></center> agar game online ditampilkan di tengah halaman. Hasilnya seperti berikut.
<center><object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object></center>
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object></center>
Berikut Contoh Game Onlinenya.. Silahkan di mainkan...
Cara Memasang Game Online di Blog
Cara Memasang Game Online di Blog - Cara Pasang Game di Blogspot - Kadang kala ada saja faktor yang membuat kita malas ngeblog, ada yang karena bosen, karena nggak mood dan macem - macem deh... Sebenarnya rasa bosen tu terjadi di berbagai kegiatan bukan hanya ngeblog, kali ini saya akan kasih tutorial cara mensiasati kebosanan ngeblog.
Mengawali pagi yang indah ini, saya akan memulai postingan saya yang berjudul Cara Meletakkan Game Onlien di Blog yang nantinya bisa sobat maenkan langsung di blog sobat sendiri. Setelah sebelumnya berhasil memposting cara memasang TV di Blog, Cara Bikin Blog, dan lainnya, kali ini akan saya kasih tutorial lengkap cara pasang permainan di blogspot entah sobat pasang di sidebar ataupun di halaman posting. Sobat yang tertarik, silahkan ikuti tutorial berikut.
1. Silahkan menuju ke http://www.khemer.com, disitu sobat akan melihat tampilan seperti berikut.
2. Pilih game yang di inginkan, kemudian ambil embed kode nya.
Cara Pemasangan :
Cara pemasang di sini terbagi 2 yaitu di pasang di halamn postingan ( artikel ) dan di sidebar sebagai widget. Mari kita lihat tutorialnya.
A. Memasang Game Online di Postingan Blog
1. Log in ke akun blogger sobat
2. Buat entri baru dengan meng-klik tulisan Entri Baru
3. Masukkan Embed Code di Edit HTML di form penulisan artikel. Lihat Gambar
4. Setelah itu, klik tulisan Terbitkan Entri yang menadakan entri sobat sudah terposting.
B. Memasang Game Online di Sidebar Blog
1. Klik Rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan embed kode kedalam kotak yang di sediakan.
3. Klik Save / Simpan
Tambahan :
Embed Code yang sobat ambil, kira - kira seperti berikut.
Tambahkan kode <center></center> agar game online ditampilkan di tengah halaman. Hasilnya seperti berikut.
Berikut Contoh Game Onlinenya.. Silahkan di mainkan...
Mengawali pagi yang indah ini, saya akan memulai postingan saya yang berjudul Cara Meletakkan Game Onlien di Blog yang nantinya bisa sobat maenkan langsung di blog sobat sendiri. Setelah sebelumnya berhasil memposting cara memasang TV di Blog, Cara Bikin Blog, dan lainnya, kali ini akan saya kasih tutorial lengkap cara pasang permainan di blogspot entah sobat pasang di sidebar ataupun di halaman posting. Sobat yang tertarik, silahkan ikuti tutorial berikut.
1. Silahkan menuju ke http://www.khemer.com, disitu sobat akan melihat tampilan seperti berikut.
2. Pilih game yang di inginkan, kemudian ambil embed kode nya.
Cara Pemasangan :
Cara pemasang di sini terbagi 2 yaitu di pasang di halamn postingan ( artikel ) dan di sidebar sebagai widget. Mari kita lihat tutorialnya.
A. Memasang Game Online di Postingan Blog
1. Log in ke akun blogger sobat
2. Buat entri baru dengan meng-klik tulisan Entri Baru
3. Masukkan Embed Code di Edit HTML di form penulisan artikel. Lihat Gambar
4. Setelah itu, klik tulisan Terbitkan Entri yang menadakan entri sobat sudah terposting.
B. Memasang Game Online di Sidebar Blog
1. Klik Rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan embed kode kedalam kotak yang di sediakan.
3. Klik Save / Simpan
Tambahan :
Embed Code yang sobat ambil, kira - kira seperti berikut.
<object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object>
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object>
Tambahkan kode <center></center> agar game online ditampilkan di tengah halaman. Hasilnya seperti berikut.
<center><object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object></center>
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object></center>
Berikut Contoh Game Onlinenya.. Silahkan di mainkan...
Cara Cepat Agar Breadcrumb di Indeks Google
Cara Cepat Agar Breadcrumb Terindeks Google - Kali ini kita akan membahas cara membuat breadcrumnb segera terindeks google, bahkan blog tak berpagerank alias N/A pun bisa langsung merasakan kedasyatan trik ini. Breadcrumb navigasi ( baca : cara membuat / memasang navigasi breadcrumb di blog ) adalah komponen penting yang harus ada di blog sobat. Menurut kabar yang selama ini saya dengar, breadcrumb navigasi akan di indeks search engine terutama pada blog yang minimal ber pagerank 3, teori ini tersebut memang tak sepenuhnya salah dan memang benar adanya, karna memang "dulu" breadcrumb navigasi yang di indeks google hanya akan sobat dapati pada blog berpagerank 3 ke atas ( mujur - mujuran kalau 2 ) Berbeda sekali dengan sekarang..
Setelah google , yahoo, dan bing terintegrasi dengan schema.org dan data-vocabulary.org ( terutama dalam mengenali snippet ), bahkan blog dengan pagerank 0 pun bisa langsung di indeks breadcrumbnya. Nah.. dengan penjelasan yang membingungkan di atas, maka timbul 2 pertanyaan :
1. Apa yang sebenarnya di indeks google dari breadcrumb navigasi?
Jawaban : yang di indeks dari breadcrumb navigasi adalah label atau kategori sebuah artikel, karna itu saran saya untuk mengoptimasi bagian ini.
2. Bagaimana cara agar breadcrumb langsung terindeks di google? hahaha.. kali ini saya akan kasih jawabannya.
Cara Agar Breadcrumb Langsung di Indeks Google
1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Silahkn sobat back up ( download template lengkap ) unutk mencegah kalau - kalau terjadi eror
4. Centang kotak kecil di samping tulisan Expand template widget
5. Bagi yang belum pernah memasang navigasi breadcrumb silahkan cari kode berikut. ( gunakan CTRL + F untuk kemudahan pencarian kode )
atau kode
6. Letakkan kode di bawah ini tepat setelah kode tadi
Sehinnga hasilnya begini
7. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
8. Klik save dan lihat hasilnya.. Untuk mengetes apakah sudah jadi atau belum silahkan cek di
Catatan :
Untuk sobat yang sudah terlanjur memasang bredcrumb yang biasa, silahkan ganti saja kode breadcrumb yang telah dipasang sebelumnya dengan kode nomor 6.
Sekian..
Setelah google , yahoo, dan bing terintegrasi dengan schema.org dan data-vocabulary.org ( terutama dalam mengenali snippet ), bahkan blog dengan pagerank 0 pun bisa langsung di indeks breadcrumbnya. Nah.. dengan penjelasan yang membingungkan di atas, maka timbul 2 pertanyaan :
1. Apa yang sebenarnya di indeks google dari breadcrumb navigasi?
Jawaban : yang di indeks dari breadcrumb navigasi adalah label atau kategori sebuah artikel, karna itu saran saya untuk mengoptimasi bagian ini.
2. Bagaimana cara agar breadcrumb langsung terindeks di google? hahaha.. kali ini saya akan kasih jawabannya.
Cara Agar Breadcrumb Langsung di Indeks Google
1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Silahkn sobat back up ( download template lengkap ) unutk mencegah kalau - kalau terjadi eror
4. Centang kotak kecil di samping tulisan Expand template widget
5. Bagi yang belum pernah memasang navigasi breadcrumb silahkan cari kode berikut. ( gunakan CTRL + F untuk kemudahan pencarian kode )
<div class='post hentry'>
atau kode
<div class='post hentry uncustomized-post-template'>
6. Letakkan kode di bawah ini tepat setelah kode tadi
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> > </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != "true"'> > </b:if> </b:loop> </b:if> > </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>
Sehinnga hasilnya begini
<div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> > </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != "true"'> > </b:if> </b:loop> </b:if> > </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if> 7. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
.breadcrumbs{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height:1.4em;
border-bottom:2px double #cadaef;
}
border-bottom:2px double #cadaef;
}
8. Klik save dan lihat hasilnya.. Untuk mengetes apakah sudah jadi atau belum silahkan cek di
Catatan :
Untuk sobat yang sudah terlanjur memasang bredcrumb yang biasa, silahkan ganti saja kode breadcrumb yang telah dipasang sebelumnya dengan kode nomor 6.
Sekian..
Cara Membuat Menu Navigasi Horisontal CSS3
Cara Membuat Menu Navigasi Horisontal Animasi CSS3 - Tutorial kali ini saya pastikan akan membuat tampilan blog sobat lebih bergairah, setelah beberapa waktu yang lalu menerbitkan artikel tentang membuat menu horisontal animasi menyamping ( KWICKS ) kali ini kembali saya akan memposting artikel serupa namun berbeda. Bedanya dimana?? nanti sobat blogger yang nilai sendiri. Silahkn ikuti tutorial singkat berikut untuk membuat menu animasi mendatar dengan CSS3.
1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin>
Sesuaikan kode angka yang berwarna biru dengan ukuran template.
4. Klik save dan lanjut ke tahap ke 2.
5. Klik Rancangan --> Elemen laman
6. Klik Tambah Gadget tepat di bawah header dan kemudian pilih HTML/Javascript..
7. Masukkan kode berikut kedalam kotak HTML/Javascript.
Silahkan ubahsuaikan semua kode yang bercetak tebal ( bold ) sesuai keinginan. Sekian tutorialnya dan semoga membantu..
1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin>
.Hansuperanima{
position:relative;
margin:15px 0 0 10px;
overflow:hidden;
margin:0;
float:left;
padding:0;
background:#1d1d1d url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
}
ul#superAnima{
padding:0;
margin:3px 4px 3px 4px;
clear:both;
float:left;
}
ul#superAnima li{
margin:0;
padding:0;
overflow:hidden;
float:left;
height:40px;
}
ul#superAnima li a.anima{
padding:10px 10px;
font:10px Arial;
float:left;
color:white;
text-decoration:none;
text-transform:uppercase;
text-shadow:1px 1px 1px #000;
clear:both;
height:18px;
line-height:20px;
background:white url(https://lh4.googleusercontent.com/-a0zdLvnsQE8/T2XFNjkIrWI/AAAAAAAAAcQ/rrmwCSZMx3k/h120/gradBlueH2V53.gif) top left repeat-x;
text-align:center;
transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
font-weight:bold;
border:1px solid #999;
}
ul#superAnima li a.anima:hover{
transform:scale(1.0) rotate(0deg) translate(0, -40px);
-o-transform:scale(1.0) rotate(0deg) translate(0, -40px);
-moz-transform:scale(1.0) rotate(0deg) translate(0, -40px);
-webkit-transform:scale(1.0) rotate(0deg) translate(0, -40px);
-ms-transform:scale(1.0) rotate(0deg) translate(0, -40px);
}
ul#superAnima li a.anima span{
padding:10px 9px;
color:transparent;
opacity:0.2;
filter:alpha(opacity=20);
border:2px solid transparent;
transition:all 1.6s ease-out;
-o-transition:all 1.6s ease-out;
-moz-transition:all 1.6s ease-out;
-webkit-transition:all 1.6s ease-out;
-ms-transition:all 1.6s ease-out;
transform:scale(8.0) rotate(0deg) translate(0,-10px);
-o-transform:scale(8.0) rotate(0deg) translate(0,-10px);
-moz-transform:scale(8.0) rotate(0deg) translate(0,-10px);
-webkit-transform:scale(8.0) rotate(0deg) translate(0,-10px);
-ms-transform:scale(8.0) rotate(0deg) translate(0,-10px);
}
ul#superAnima li a.anima span:hover{
opacity:1.0;
filter:alpha(opacity=100);
padding:4px 9px;
height:18px;
transform:scale(1.0) rotate(0deg) translate(0,0);
-o-transform:scale(1.0) rotate(0deg) translate(0,0);
-moz-transform:scale(1.0) rotate(0deg) translate(0,0);
-webkit-transform:scale(1.0) rotate(0deg) translate(0,0);
-ms-transform:scale(1.0) rotate(0deg) translate(0,0);
color:#FF0;
border:2px solid #000;
background:#555;
text-shadow:1px 1px 1px #000;
box-shadow:1px 2px 15px #fff, 0px -1px 3px red, -2px -2px 2px orange, -3px 3px 3px yellow;
border-radius:4px;
}
ul#superAnima li{
border:1px solid transparent;
background:#CC9933 url(https://lh4.googleusercontent.com/-Tk55wbQOL_s/T2XGvQfF2WI/AAAAAAAAAcY/1_THN4F2g7A/h120/gradOrangeBlackV45H2.gif);
}
ul#superAnima li:hover{
background:#000 url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
border:1px solid #777;
}
Catatan:position:relative;
margin:15px 0 0 10px;
overflow:hidden;
margin:0;
float:left;
padding:0;
background:#1d1d1d url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
}
ul#superAnima{
width:599px;
margin:10px 0 20px;padding:0;
margin:3px 4px 3px 4px;
clear:both;
float:left;
}
ul#superAnima li{
margin:0;
padding:0;
overflow:hidden;
float:left;
height:40px;
}
ul#superAnima li a.anima{
padding:10px 10px;
font:10px Arial;
float:left;
color:white;
text-decoration:none;
text-transform:uppercase;
text-shadow:1px 1px 1px #000;
clear:both;
height:18px;
line-height:20px;
background:white url(https://lh4.googleusercontent.com/-a0zdLvnsQE8/T2XFNjkIrWI/AAAAAAAAAcQ/rrmwCSZMx3k/h120/gradBlueH2V53.gif) top left repeat-x;
text-align:center;
transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
font-weight:bold;
border:1px solid #999;
}
ul#superAnima li a.anima:hover{
transform:scale(1.0) rotate(0deg) translate(0, -40px);
-o-transform:scale(1.0) rotate(0deg) translate(0, -40px);
-moz-transform:scale(1.0) rotate(0deg) translate(0, -40px);
-webkit-transform:scale(1.0) rotate(0deg) translate(0, -40px);
-ms-transform:scale(1.0) rotate(0deg) translate(0, -40px);
}
ul#superAnima li a.anima span{
padding:10px 9px;
color:transparent;
opacity:0.2;
filter:alpha(opacity=20);
border:2px solid transparent;
transition:all 1.6s ease-out;
-o-transition:all 1.6s ease-out;
-moz-transition:all 1.6s ease-out;
-webkit-transition:all 1.6s ease-out;
-ms-transition:all 1.6s ease-out;
transform:scale(8.0) rotate(0deg) translate(0,-10px);
-o-transform:scale(8.0) rotate(0deg) translate(0,-10px);
-moz-transform:scale(8.0) rotate(0deg) translate(0,-10px);
-webkit-transform:scale(8.0) rotate(0deg) translate(0,-10px);
-ms-transform:scale(8.0) rotate(0deg) translate(0,-10px);
}
ul#superAnima li a.anima span:hover{
opacity:1.0;
filter:alpha(opacity=100);
padding:4px 9px;
height:18px;
transform:scale(1.0) rotate(0deg) translate(0,0);
-o-transform:scale(1.0) rotate(0deg) translate(0,0);
-moz-transform:scale(1.0) rotate(0deg) translate(0,0);
-webkit-transform:scale(1.0) rotate(0deg) translate(0,0);
-ms-transform:scale(1.0) rotate(0deg) translate(0,0);
color:#FF0;
border:2px solid #000;
background:#555;
text-shadow:1px 1px 1px #000;
box-shadow:1px 2px 15px #fff, 0px -1px 3px red, -2px -2px 2px orange, -3px 3px 3px yellow;
border-radius:4px;
}
ul#superAnima li{
border:1px solid transparent;
background:#CC9933 url(https://lh4.googleusercontent.com/-Tk55wbQOL_s/T2XGvQfF2WI/AAAAAAAAAcY/1_THN4F2g7A/h120/gradOrangeBlackV45H2.gif);
}
ul#superAnima li:hover{
background:#000 url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
border:1px solid #777;
}
Sesuaikan kode angka yang berwarna biru dengan ukuran template.
4. Klik save dan lanjut ke tahap ke 2.
5. Klik Rancangan --> Elemen laman
6. Klik Tambah Gadget tepat di bawah header dan kemudian pilih HTML/Javascript..
7. Masukkan kode berikut kedalam kotak HTML/Javascript.
<div class="Hansuperanima">
<ul id="superAnima">
<li><a class="anima" href="http://christiantatelu.blogspot.com">Home<br /><br /><span>Home</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com/feeds/comments/default">Comment<br /><br /><span>Comment</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com">Christian Tatelu<br /><br /><span>Christian Tatelu</span></a></li>
<li><a class="anima" href="http://facebook.com/csnice">My Facebook<br /><br /><span>My Facebook</span></a></li>
<li><a class="anima" href="http://twitter.com/deactivatednumi">My Twitter<br /><br /><span>My Twitter</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com/feeds/posts/default">Feed Blog<br /><br /><span>Feed Blog</span></a></li>
</ul>
</div>
<ul id="superAnima">
<li><a class="anima" href="http://christiantatelu.blogspot.com">Home<br /><br /><span>Home</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com/feeds/comments/default">Comment<br /><br /><span>Comment</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com">Christian Tatelu<br /><br /><span>Christian Tatelu</span></a></li>
<li><a class="anima" href="http://facebook.com/csnice">My Facebook<br /><br /><span>My Facebook</span></a></li>
<li><a class="anima" href="http://twitter.com/deactivatednumi">My Twitter<br /><br /><span>My Twitter</span></a></li>
<li><a class="anima" href="http://christiantatelu.blogspot.com/feeds/posts/default">Feed Blog<br /><br /><span>Feed Blog</span></a></li>
</ul>
</div>
Silahkan ubahsuaikan semua kode yang bercetak tebal ( bold ) sesuai keinginan. Sekian tutorialnya dan semoga membantu..
Menampilkan Judul Artikel Saja di Homepage
Menampilkan Judul Artikel / Posting Saja di Homepage - Apa kabar sobat blogger? pada kesempatan kali ini kita akan coba membahas tentang bagaimana cara membuat judul artikel saja yang tampil di halaman depan blog. Tutorial kali ini sebenarnya berfungsi hampir sama dengan readmore ( baca : cara memasang readmore di blog ) namun jika readmore menampilkan judul artikel berserta ringkasan artikel, maka yang ini hanya akan menampilkan judul artikel ( posting ) saja. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.
1. Login ke akun blogger sobat.
2. Klik rancangan --> edit HTML
3. Letakkan kode berikut di bawah kode ]]</b:skin>
4. Simpan dan lihat hasilnya.
Tambahan :
Jika setelah menggunakan kode di atas dan masih menyisahkan elemen - elemn seperti tanggal posting, jumlah komentar dll, silahkan gunakan kode berikut menggantikan kode no 3.
Sekian....
1. Login ke akun blogger sobat.
2. Klik rancangan --> edit HTML
3. Letakkan kode berikut di bawah kode ]]</b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body{display:none;}
</b:if>
</b:if>
</style>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body{display:none;}
</b:if>
</b:if>
</style>
4. Simpan dan lihat hasilnya.
Tambahan :
Jika setelah menggunakan kode di atas dan masih menyisahkan elemen - elemn seperti tanggal posting, jumlah komentar dll, silahkan gunakan kode berikut menggantikan kode no 3.
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>
Sekian....
Daftar Lengkap Komunitas Blogger Seluruh Indonesia
Daftar Lengkap Komunitas Blogger Seluruh Indonesia - Apa kabar sobat blogger! Berbicara tentang blog tentunya kita akan berbicara tentang seorang blogger, dan berbicara tentang seorang blogger tidak lengkap rasanya jika kita tidak tahu daerah asal blooger ( orang yang ngeblog ).
Blogger yang berasal dari manado, makassar, jakarta, madura, bandung dan lain - lain tergabung dalam satu komunitas primer yaitu komunitas blogger indonesia. Di indonesia sendiri terdapat 33 provinsi yang juga terbagi atas beberapa kabupaten dan kota yang terpisah oleh lautan, dengan kata lain, berarti banyak sekali blogger yang tersebar diseluruh indonesia yang tak mungkin saling bertemu dan saling berbagi secara langsung antar sesama blogger indonesia. Berdasarkan penilaian ini, maka dibuatlah komunitas - komunitas blogger di berbagai daerah di seluruh indonesia, misalnya manado dengan kawanua blogger, makassar dengan Angingmammiri dan lainnya.
Berikut beberapa komunitas blogger terbesar di indonesia yang saya kumpulkan dari berbagai sumber.
1. Komunitas Blogger Maluku
http://arumbai.org
2. Komunitas Blogger Bali
www.baliblogger.org
3. Komunitas Blogger Banjarmasin
http://www.bloggerbanua.com
4. Komunitas Blogger Padang
http://palanta.org
5. Komunitas Blogger Medan
http://bloggersumut.net
6. Komunitas Blogger Palembang
http://wongkito.net
7. Komunitas Blogger Jogja
http://bloggerjogja.net
8. Komunitas Blogger Pekanbaru ( Riau )
http://www.bertuah.org
9. Komunitas Blogger Semarang
http://loenpia.net
10. Komunitas Blogger Surabaya
http://tugupahlawan.com
11. Komunitas Blogger Madura
http://plat-m.com
12. Komunitas Blogger Makassar
http://angingmammiri.org
13. Komunitas Blogger Jambi
http://www.komunitasbloggerjambi.info
14. Komunitas Blogger Manado
http://www.kawanuablogger.com
15. Komunitas Blogger Palu
http://uvebana.com
16. Komunitas Blogger Acehwww.acehblogger.or.id
17. Komunitas Blogger Gorontalo
http://saronde.org
18. Komunitas Blogger Banten
belum ada data
19. Komunitas Blogger Mataram
belum ada data
20. Komunitas Blogger Kupang
belum ada data
21. Komunitas Blogger Pontianak
belum ada data
22. Komunitas Blogger Banjarmasin
belum ada data
23. Komunitas Blogger Samarinda
belum ada data
24. Komunitas Blogger Kendari
belum ada data
25. Komunitas Blogger Mamuju
belum ada data
26. Komunitas Blogger manokwari
belum ada data
27. Komunitas Blogger sofifi
belum ada data
28. Komunitas Blogger Jayapura
belum ada data
Masih banyak data komunitas yang masih perlu dimasukkan, namun sampai saat ini saya sendiri belum mendapatkan datanya, silahkan bagi sobat blogger yang ingin menambahkan komunitas daerahnya dalam cantuman di atas dengan berkomentar di halaman ini.
Blogger yang berasal dari manado, makassar, jakarta, madura, bandung dan lain - lain tergabung dalam satu komunitas primer yaitu komunitas blogger indonesia. Di indonesia sendiri terdapat 33 provinsi yang juga terbagi atas beberapa kabupaten dan kota yang terpisah oleh lautan, dengan kata lain, berarti banyak sekali blogger yang tersebar diseluruh indonesia yang tak mungkin saling bertemu dan saling berbagi secara langsung antar sesama blogger indonesia. Berdasarkan penilaian ini, maka dibuatlah komunitas - komunitas blogger di berbagai daerah di seluruh indonesia, misalnya manado dengan kawanua blogger, makassar dengan Angingmammiri dan lainnya.
Berikut beberapa komunitas blogger terbesar di indonesia yang saya kumpulkan dari berbagai sumber.
1. Komunitas Blogger Maluku
http://arumbai.org
2. Komunitas Blogger Bali
www.baliblogger.org
3. Komunitas Blogger Banjarmasin
http://www.bloggerbanua.com
4. Komunitas Blogger Padang
http://palanta.org
5. Komunitas Blogger Medan
http://bloggersumut.net
6. Komunitas Blogger Palembang
http://wongkito.net
7. Komunitas Blogger Jogja
http://bloggerjogja.net
8. Komunitas Blogger Pekanbaru ( Riau )
http://www.bertuah.org
9. Komunitas Blogger Semarang
http://loenpia.net
10. Komunitas Blogger Surabaya
http://tugupahlawan.com
11. Komunitas Blogger Madura
http://plat-m.com
12. Komunitas Blogger Makassar
http://angingmammiri.org
13. Komunitas Blogger Jambi
http://www.komunitasbloggerjambi.info
14. Komunitas Blogger Manado
http://www.kawanuablogger.com
15. Komunitas Blogger Palu
http://uvebana.com
16. Komunitas Blogger Acehwww.acehblogger.or.id
17. Komunitas Blogger Gorontalo
http://saronde.org
18. Komunitas Blogger Banten
belum ada data
19. Komunitas Blogger Mataram
belum ada data
20. Komunitas Blogger Kupang
belum ada data
21. Komunitas Blogger Pontianak
belum ada data
22. Komunitas Blogger Banjarmasin
belum ada data
23. Komunitas Blogger Samarinda
belum ada data
24. Komunitas Blogger Kendari
belum ada data
25. Komunitas Blogger Mamuju
belum ada data
26. Komunitas Blogger manokwari
belum ada data
27. Komunitas Blogger sofifi
belum ada data
28. Komunitas Blogger Jayapura
belum ada data
Masih banyak data komunitas yang masih perlu dimasukkan, namun sampai saat ini saya sendiri belum mendapatkan datanya, silahkan bagi sobat blogger yang ingin menambahkan komunitas daerahnya dalam cantuman di atas dengan berkomentar di halaman ini.
Langganan:
Postingan (Atom)








































