Media Bebas Berekspresi: blogger

Showing posts with label blogger. Show all posts

Home » Posts filed under blogger

Road Show Pesta Blogger Berita menarik bagi para penggiat blog. Ajang kumpul nasional blogger periode keempat atau Pesta Blogger+ 2010 bakal digelar pada 30 Oktober 2010 mendatang. Selain ajang "kopi darat" para penggiat blogging di Indonesia, Pesta Blogger+ 2010 juga bakal menggelar serangkaian blogging workshop atau disebut blogshop.

Ketua Panitia Pesta Blogger+ 2010 Irayani Queencyputri mengatakan, blogshop bakal digelar di 10 kota di Indonesia. "Bekerja sama dengan komunitas blogger lokal di daerah-daerah, pelatihan penggunaan blog dan media sosial akan diberikan terutama kepada komunitas, organisasi atau LSM yang sudah aktif secara offline, tapi belum menggunakan media sosial untuk menyebarluaskan aktivitas mereka," kata dia.

Kegiatan blogshop yang digelar bekerja sama dengan Kedutaan Besar Amerika Serikat di Indonesia ini antara lain akan diselenggarakan di Makassar, Padang, Manado, Pontianak, Banjarmasin, Aceh, Medan, Surabaya, Madura, dan Yogyakarta.

Irayani menjelaskan, melalui pelatihan ini diharapkan akan muncul agen-agen perubahan di kelompok-kelompok mayarakat yang dapat menyuarakan kegiatan mereka dan mendorong banyak orang untuk melakukan perubahan melalui media online. "Diharapkan kita bisa menjangkau komunitas-komunitas online di daerah-daerah yang selama ini belum terjangkau," kata dia.

Pendapat serupa disampaikan Deputi Duta Besar Amerika Serikat untuk Indonesia, Ted Osius. Dia mengatakan berbangga bisa ikut terlibat dalam kegiatan Pesta Blogger+ 2010. "Media sosial dan blog merupakan alat untuk menyuarakan pendapat dan mendukung proses demokrasi. Indonesia merupakan salah satu negara demokrasi terbaik di Asia Tenggara, dan acara ini menunjukkan hal tersebut," akunya.

Pesta Blogger+ 2010 ini merupakan pelaksanaan tahun keempat setelah pertama kalo digelar pada 2007 . Berbeda dengan tahun-tahun sebelumnya, Pesta Blogger+ 2010 tidak hanya akan menjaring para penggiat blogging, namun juga komunitas sosial media di berbagai platform media seperti Facebook, Twitter, Flickr, Devianart, Kaskus, Koprol, dan lainnya.

"Sesuai dengan temanya, Merayakan Keragaman, kita ingin menjaring semua penggiat sosial media di internet untuk membangun perubahan ke arah yang lebih baik," kata Irayani.(ketua panitia)

buat yang pemula bikin tema" gali ide, rakit kreativitas" kayaknya seru tuh,,,ntar bisa road show 2o kota..syukur-syukur bisa mubeng Indonesia apalagi Dunia. heheheheeh..salam kreativitas!! *) Az.

Breadcrumb Remah Roti Untuk Optimalisasi SEO Breadcrumb navigation, biasa disebut navigasi tempat. Secara sederhana berarti nagiasai atau peta dimana kita berada saat ini. lebih jelasnya bisa dilihat pada atas artikel ini, disitu muncul alamat atau tempat anda membaca artikel saat ini. nahh, udah pada paham kan. Breadcrumb Remah Roti Untuk Optimalisasi SEO, ini terkait dengan mesin pencari jejak (mabh gugle) supaya mudah mencari artikel kita. secara tidak langsung akan membantu optimalisasi buat blog kita.

Sebenarnya Breadcrumb merupakan plugin untuk wordpress, tp berhubung banyak pengguna blogspot yang juga ingin mempunyai fasilitas ini. teng teng, jadi dech (hehee..) just kidding sebenarnya banyak artikel yang sudah mengulas materi ini, saya hanya ingin mengulas lebih suderhana lagi, dengan referensi dari salah satu master SEO kita Melodanta (http://melodanta.com. okeh langsung simak dan meluncur ke TKP. hehee... Breadcrumb Remah Roti Untuk Optimalisasi SEO

Seperti biasa, pertama yang haru kita lakukan adalah...

* Sign in ke Blogger dengan akun Anda

* Pilih layout -> edit html

* Beri tanda centang pada 'Expand the Widget Templates'

* Lanjutkan Cari kode seperti ini :

<b:include data='top' name='status-message'/>

* kemudian tambahkan kode ini dibawahnya.

<b:include data='posts' name='breadcrumb'/>

* lalu kita cari lagi kode;

<b:includable id='main' var='top'>

* jika sudah ketemu ganti kode diatas dengan yang ini;

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> Â»
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
Â»Unlabelled
</b:if>
Â» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> Â» Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> Â» All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> Â» Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

* tenang, belom selesai, cari lagi kode ini;

]]></b:skin>

* sisipkan kode dibawah ini, letakkan diatas kode yang tadi;

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

* nahhh, udah capek kan, sekarang simpan templatenya.

Breadcrumb remah roti untuk optimalisasi SEO, sudah selesai dibuat. baik disajikan dalam keadaan dingin (hehehee..). Selamat Mencoba Kawan. oia ada tambahan, ini hanya untuk blogspot, khusus untuk Wordpress kita tinggal memasang pluginnya. Terimakasih.

Ada Cara Membuat Related Posts Vulgar Nan Elegan Akhirnya setelah sekian lama membuka baju, bugil didepan camera tersembunyi. berlari telanjang keliling blog cpu, Ada cara membuat related posts vulgar nan elegan. kalimat didepan tuh maksudnya pemerkosaan template alias utak-atik template, biar lebih seru aja tuh kalimat. labih jelasnya begono eh begini, dah lama aq pingin pasang related post tp udah aq coba seratus cara tetap ajah templateq bugil (g bisa dipasang related post). setelah keliling kamar hotel (blog temen2 mksdx, hehee..) akhirnya ketemu dech ditempat sobat Oemar (http://lembar-coretan.blogspot.com) thxz sobat.

oke langsung saja lepas celana dalam, disini ada cara membuat related posts vulgar nan elegan. sebelumnya kita login terlebih dahulu ke Blogger, edit HTML melalui Dasboard > Layout > Edit HTML, jangan lupa centang kotak 'Expand Widget Templates'. Sekarang kita cari kode </head> lalu copy-paste kode dibawah ini (tepat diatas kode </head>)

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5f7x_Z6U8MyuyvIaxMrw9gqXYxJCl5P3Q6egl-30iidi8uWNPr7uKIX-Qig-hDM6rzc86OHABwJttdWDG_LRTVXAFnvVTSXWe0dU7uDI1CgzJrUVPajRpzZ_JZbV37EvbTP3ssLN8lIA/") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
#related-posts ul li:hover {
background-color:#E2EBF8;
border-top:1px dotted #cccccc;
}
</style>
<script src='http://oemar.googlecode.com/files/Related_post_hack.js' type='text/javascript'/>

kemudian cari kode <p><data:post.body/></p> biar lebih mudah kita bisa menggunakan CTRL+F pada keybord. selanjutnya copy-paste kode dibawah ini (letakkan tepat dibawah <p><data:post.body/></p>).

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

selanjutnya simpan Template kita. Ada Cara Membuat Related Posts Vulgar Nan Elegan seperti contoh dibawah artikel ini. selain ada cara membuat related posts vulgar nan elegan, kita juga bisa menambah Scroll pada artikel terkait yang ingin ditampilkan. banyak cara menuju jawa, berbagai cara membuat Related Post. semoga berhasil sobat.

Cara Memperbaiki Kotak Komentar Yang Rusak Mengatasi Error Pada Kotak Komentar, "Hai sob.. kotak komentarnya error.. word verifikasinya cuma tampil sepotong tuh.." kmrn baru dpt kritik dari sobat Saung Web. tengkyu sebelumnya sob. akhirnya udah aku aplikasikan ke blog aku nieh. ada beberapa masalah yang biasa atau sering ditemui para blogger antara lain kotak word verificationnya hanya muncul sepotong. kadang masalah sepele tersebut menimbulkan hal yang tidak mengenakkan.

ok tanpa pikir panjang dibawah ini adalal cara atau tips memperbaiki kesalahan tersebut.
Cara ke 1 : Tekan tombol Tab pada Keyboard

Untuk mengatasi jika word verifikasi hanya muncul sepotong atau sebagian, Yang paling mudah yaitu tinggal klik aja tulisan word verification , dan untuk menampilkan kotak Post Comment , tinggal tekan aja tombol Tab pada keyboard beberapa kali sampai kotak Post Comment muncul.

Cara ke 2 : Tampilkan Fungi Scroll Pada Kotak Komentar

Login ke account blogger anda
Klik Layout ---> Edit HTML
Beri tanda pada Expand Widget Templates
Cari kode seperti dibawah ini : ( Untuk memudahkan dalam mencari , tekan CTL +F , lalu copy kalimat yang akan dicari dan pastekan di kolom yg disediakan , terus klik next )

Ganti tulisan warna merah ( no ) dengan yes, hingga menjadi seperti ini

Jika sudah jangan lupa Save Template
Selesai..

Cara ke 3 : Mendisable Show word verification for comments ?

1. Login ke account blogger anda
2. Pilih Settings , lalu klik Comments
3. Cari hampir kebawah tulisan : Show word verification for comments? Lalu pilih no , jangan yes
4. Jika sudah Klik Save Settings

mungkin beberapa cara diatas bisa membantu para sobat blogger smua, terutama masalah kotak komentar yang sering error. semoga sukses.

Menurunkan Alexa Rank Dengan Sparky "Kilat"

Taukah Anda Fungsi atau manfaata dari Tool bar Alexa Sparky. Bagi Anda yang mempunyai situs / blognya sepi pengunjung, trik ampuh ini bisa digunakan untuk meramaikan situs / blog Anda. Sebenarnya cara ini banyak sekali manfaatnya, misalnya bagi Anda yang mengikuti program Pay per Clik (PPC) yang berbasis impresi seperti halnya adbrite, cara ini dapat meningkatkan jumlah impresi pada situs / blog Anda. Ada juga manfaat lainnya kita bisa langsung melihat ranking alexa sebuah situs / blog di desktop komputer kita.

sebagai contoh blog kawan saya Agusta, saat melakukan verifikasi alexa id pada awal Bulan Februari sampai pada akhir bulan lalu, alexa rank saya turun sangat drastis dari yang semula berada dikisaran 22 juta menjadi 500 ribuan. Dan mohon maaf nih, Teman saya Agusta bukan bermaksud sok master :D dengan memberi judul artikelnya"cara meningkatkan alexa rank secepat kilat". Sebenarnya dikasih judul cara meningkatkan alexa rank aja sih bisa, gak perlu ampe ditambahin secepat kilat seperti itu :D, tapi niat dia mungkin biar agak sedikit menjual lah, judul seperti itu terkesan komersil .

untuk bisa menggunakan tool bar Alexa Sparky Anda perlu mendownload Alexa Sparky, atau bisa juga anda langsung addon alexa sparky. setelah Anda berhasil mendownload sofware tersebut, cukup klik Accep and install, pilih install Now, Tunggulah proses instalasi dilakukan sampai selesai. setelah selesai, klik tombol Restart Firefox untuk dapat menggunakan add ons tersebut. Setelah sukses menginstall pada status bar firefox sebelah kanan bawah akan terlihat Alexa Sparky. yang menunjukkan ranking situs juga grafik ranknya.

Selanjutnya kalau ingin meningkatkan trafik secepat kilat, kmu coba buka yang ini. Pada bagianURL, masukan alamat blog / situs Anda, tentukan pula Proxy list pada Unique Proxy Servers List. Untuk diingat jangan lupa matikan terlebih dahulu Pop Up blokir pada setingan Mozzila Firefox Anda agar bisa berjalan dengan baik. Terakhir Generate Users. Gunakan teknik ini sekitar 1 jam setiap hari selama satu minggu dan bisa lihat hasil yang luar biasa. Selamat Mencoba !

Kata Siapa Blogger Gemar Hapus Akun Blog ?

Kalimat diatas mungkin membuat kita bingung atau bahkan ga ngerti, tadi aku kaget banget abis baca artikel dari Blog Kang Rohman yang berisi peringatan atau himbauan supaya para blogger berhati-hati ( sebelumnya maaf Kang, judul nie aku buat biar ga terkesan Copas :D ). karena om Google lagie sensi kayakx, hehee... beberapa saat yang lalu terbukti ada blog kang Rohman yang dihapus, bahkan ada juga blog teman Kang Rohman yang dihapus beserta akunnya. dan menurut infonya akun tersebut telah berisi lebih dari 60 blog (wow, kebayang ga? berapa lama kita bikin segitu banyak blog :( ).

oke, mungkin gambaran diatas udah buat kita khawatir. belom lagie dengan adanya fakta beberapa blog sudah dihapus oleh blogger, sekarang tinggal kita cari bagaimana mengatasi hal tersebut supaya perkembangan kreatifitas dan Dollaritas ( :D buat yg berbisnis ria ) kita ga terganggu karena berita kurang menyenangkan seperti ini.

Cara Mengantisipasi Agar Blog Tidak Terhapus Oleh Blogger

Sebenarnya belom ada cara yang pasti untuk menghindari kewenangan pihak Blogger ini, tp paling tidak kita berusaha supaya blog kita terhindar dari acara Delete mania ( hapus menghapus.. :P ). dibawah ini ada beberapa tips dari Kang Rohman untuk mengurangi resiko terhapusnya blog kita, atau sekedar meminimalisir dampak fatal setelah di hapus.

Jangan melakukan tindakan yang melanggar Term Of Service ("Persyaratan dan Kondisi") blogger.

Jangan terlalu banyak melakukan hal-hal yang nyerempet-nyerempet seperti paid post review,, menjual link,, banner iklan ( uppsss.. kelihatannya blog kang Rohman masuk kategori yg ini :D )

Jangan memasang Auto-Blog (blog yang otomatis bisa posting sendiri).

Usahakan dalam satu akun jangan terlalu banyak blog.
Pisahkanlah blog yang dirasa sangat penting bagi anda, jadikan ini satu account satu blog jangan sampai dicampur dengan blog-blog yang menurut anda kurang berkualiatas. Jadi seandainya yang satu terkena penghapusan maka yang lain masih selamat. Kalau dua-duanya dihapus ya tinggal sabar aja kalau itu... :D
Untuk memisahkan blog yang penting adalah dengan cara membuat alamat email baru, lalu anda undang email tersebut sebagai author ( login => pengaturan => Izin => Menambah Penulis), kemudian berikan hak yang setara dengan admin sebelumnya, nah jika sudah setara tinggal login ke akun yang baru kemudian hapus tuh admin yang lama.

Lakukan backup blog secara teratur, ini bisa anda lakukan dengan cara : Login -> Pengaturan - Tab dasar -> Export Blog.
Sebaiknya gunakan custom domain atau memakai top level domain (TLD) sehingga blog anda bukan lagi beralamat seperti http://contoh.blogspot.com, namun akan beralamat seperti http://Domainanda.com, jika alamat anda sudah jadi custom domain dan suatu saat blog anda dihapus blogger, maka anda tinggal membuat blog baru lalu lakukan Import dengan memakai file hasil backup (ingat langkah sebelumnya), kemudian ganti lagi alamatnya dengan dengan domain yang tadi ( ini merupakan jurus kucing-kucingan dengan blogger). Perlu diketahui bahwa hasil import beda dengan posting baru, jika anda melakukan import maka tanggal posting serta komentar yang ada akan tetap seperti itu.
Langkah yang lebih arif yaitu tinggalkan ketergantungan anda dari blogger, silahkan beli hosting yang murah tapi berkualitas lalu pakai mesin Wordpress.org, kemudian import semua data yang ada di blogger ke wordpress anda dan blog anda akan kembali.

sementara itu dulu tips supaya blog kita terhindar dari penghapusan, moga aja blog kita tidak sampai di hapus oleh blogger yang akhirnya kita harus mulai dari awal lagie. semoga sukses...

Cara Melihat Kecepatan Blog

Bagaimana cara mengetahui kecepatan website? Posting kali ini berhubungan dengan 2 posting sebelumnya, yaitu mengenai website speed dan google webmaster.

Mungkin Anda sedikit bingung, mengapa saya katakan mengukur kecepatan website berhubungan dengan google webmaster. Ya, sebenarnya cara mengukur/mengetahui kecepatan website yang akan saya bahas yaitu dengan menggunakan tool dari google webmaster.

Google bahkan bisa dipastikan akan benar-benar menggunakan website speed dalam faktor rankingnya. Karena pada google webmaster sudah disediakan tool untuk mengetahui kecepatan website Anda.

Jadi, bagi yang ingin mengecek/mengetahui kecepatan website atau blognya tidak perlu menggunakan aplikasi atau layanan online yang lain. Karena dengan google webmaster tentu hasilnya akan lebih akurat. Untuk tutorialnya bisa dilihat dibawah ini.

Pertama, kunjungi google webmaster dan masuk dengan akun Anda.
Klik website Anda. Jika belum mendaftarkan website Anda, lihat dulu posting cara mendaftar website ke google webmaster.
Setelah itu, pilih menu Labs » Site performance.
Lihat hasilnya! Pada halaman tersebut akan ditampilkan waktu yang dibutuhkan untuk membuka website Anda.

Ada sedikit catatan, bagi website/blog yang baru tampaknya belum bisa melihat kecepatan website Anda. Jadi, terus saja update website Anda.

Selamat mencoba!

sumber: Tutorial Blog

Pasang Social Bookmark di Blog / wordpress

Apa itu social bookmark? Social bookmark adalah metode untuk pengguna Internet untuk dapat menyimpan, mengorganisir, mencari, dan mengelola bookmark halaman web di Internet dengan bantuan meta data, biasanya dalam bentuk tag yang secara bersama-sama dan atau kolaborasi menjadi folksonomy. Folksonomy disebut juga tag sosial, "proses oleh banyak pengguna yang menambahkan meta data dalam bentuk kata kunci untuk berbagai konten" (wiki). Sekarang sudah tahu kan apa itu social bookmark? Gampangnya sobat bisa men-share artikel blog sobat dalam layanan bookmark ini, bahkan juga para pengunjung blog sobat.

Contoh layanan bookmark seperti: technorati, del.icio.us, digg, google bookmark dan lainya. Apakah sobat ingin memasangnya? Kalau ya ikuti langkah berikut ini:

# Langkah pertama sobat bisa langsung mendaftar layanan social bookmark di beberapa website dibawah ini:

Daftar Layanan Social Bookmark, semua GRATIS tinggal pasang:

1. http://addthis.com/

2. http://www.socialmarker.com/

3. http://www.social-bookmark-script.com/

4. http://www.socialbookmarksmanager.com/

5. http://addtoany.com/

# Setelah mendaftar sobat tinggal pasang script/kode yang diberikan sesuai dengan keinginan sobat, biasanya di setiap posting paling bawah (seperti saya, sobat bisa lihat dibawah posting ini)

Untuk cara pasang social bookmark, sobat bisa ikuti langkah berikut:

1. Sign In ke blog anda.

2. Tuju tab Layout/Tata Letak ► Edit HTML

3. Backup template anda dengan mengklik Download Full Template.

4. Centang kotak yang bertuliskan Expand Widget Template.

5. Setelah itu sobat cari kode ini :

<div class='post-footer'>

6. Setelah ketemu, pasang script bookmark yang telah sobat dapatkan dari salah satu layanan bookmark diatas, tepat di ATAS kode tadi.

7. Simpan template dan lihat hasilnya...

Moga manfaat...!

sumber: TB

Cara Merubah Blog Supaya Dofollow

Melengkapi posting sebelumnya mengenai dofollow, kali ini saya akan menulis bagaimana cara mengubah blog menjadi dofollow.

Mengubah blog menjadi dofollow yang dimaksud di sini, yaitu mengubah link pada penulis komentar dari nofollow menjadi dofollow.

Cara mengubah blog menjadi dofollow sebenarnya cukup mudah. Di bawah ini akan saya jelaskan cara mengubah tag nofollow menjadi dofollow pada blogspot.

# Masuk ke akun blogger Anda.
# Klik Tata Letak.
# Kemudian pilih Edit HTML.
# Sebelum mulai mengedit, klik terlebih dahulu Expand Template Widget.
# Setelah itu cari kode seperti di bawah.

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>

# Kemudian ubah kode nofollow menjadi dofollow. Atau bisa juga dengan menghilangkan kode rel='nofollow'.

<a expr:href='data:comment.authorUrl' rel='dofollow'><data:comment.author/></a>
atau
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>

# Terakhir simpan template.

Sekarang blog Anda sudah menjadi dofollow. Untuk meyakinkannya coba periksa dengan cara yang pernah saya jelaskan pada artikel tips mudah mengetahui blog dofollow.

Cara mengubah blog menjadi dofollow cukup mudah bukan?

Cara Mudah Mengetahui Blog Dofollow atau Nofollow

Pada artikel sebelumnya mengenai apa itu dofollow dan nofollow belum dijelaskan cara untuk mengetahui suatu blog dofollow atau nofollow.

Nah, di posting ini saya akan memberikan cara-cara yang bisa Anda lakukan untuk mengetahui suatu blog dofollow atau nofollow dengan cepat dan mudah.

Ada beberapa cara yang bisa Anda lakukan.

1. Pertama, dengan cara yang umum digunakan dan bisa diterapkan di browser mana saja, yaitu dengan menampilkan source halaman.
Caranya:

* cara pertama, klik kanan halaman, kemudian klik "view page source".
* cara kedua, pilih menu "view" di bagian atas browser, klik "page source".
* cara ketiga, tekan tomblol Ctrl + U.

Sesuaikan dengan web browser Anda, setiap browser mungkin sedikit berbeda.

Setelah itu, cari link yang Anda inginkan. Kemudian, lihat kode seperti di bawah ini.

<a href='http://newxzone.blogspot.com/' rel='dofollow'>

atau tanpa atribut "rel"

<a href='http://newxzone.blogspot.com/'>

Kode di atas menunjukkan bahwa link tersebut dofollow, sedangkan yang bukan dofollow (nofollow) seperti di bawah ini.

<a href='http://newxzone.blogspot.com/' rel='nofollow'>

2. Cara kedua, dengan menggunakan browser firefox. Ada tiga cara cepat yang bisa Anda lakukan dengan firefox.

* Cara pertama, blok/seleksi link, kemudian klik kanan dan klik "view selection source".

Cara ini sama seperti cara di atas, tapi dapat mempercepat waktu Anda.

* Cara kedua, klik kanan, kemudian klik "properties"

* Cara ketiga, dengan menggunakan Add-ons Firefox NoDoFollow.

Download di sini!

Pertama, install Add-ons NoDoFollow, kemudian klik kanan dan klik "NoDoFollow", maka akan tampil warna yang berbeda antara dofollow dan nofollow link.

Mengetahui Blog Dofollow Atau Nofollow

o warna biru untuk dofollow link.
o warna merah untuk nofollow link.

Pengertian Dofollow dan Nofollow

Sekarang banyak blogger yang mencari-cari blog dofollow, yang tentunya akan memberi efek positif terhadap blog mereka. Lalu apa itu dofollow dan nofollow link serta kegunaannya?

Dofollow atau nofollow merupakan atribut HTML yang menandakan suatu link diikuti oleh mesin pencari atau tidak. Dofollow link berarti memperbolehkan mesin pencari untuk mengikuti tautan/link tersebut. Sebaliknya, nofollow link tidak memperbolehkan mesin pencari untuk mengikutinya.

Banyak blog yang menampilkan slogan U Comment I Follow, seperti blog ini. Slogan itu menunjukkan bahwa blog tersebut dofollow. Dengan kata lain, link yang kita cantumkan setiap memberi komentar pada posting blog akan diikuti/diidentifikasi oleh google dan search engine lainnya.

Lalu apa manfaat yang akan Anda dapatkan dengan memperoleh dofollow link ke website Anda?

Seperti yang telah saya sebutkan pada posting tentang cara meningkatkan pagerank, dofollow link merupakan syarat utama yang harus Anda peroleh dalam mencari backlink yang berkualitas. Dan tentunya akan berpengaruh dalam memperoleh dan meningkatkan PageRank google.

Bagi Anda yang ingin mendapatkan atau meningkatkan pagerank google, dofollow link merupakan hal yang sangat penting. Untuk itu, berusahalah mencari dofollow link dari blog yang tentunya merupakan blog dofollow seperti blog ini.

Membuat Tabel Pada Posting Blog Membuat tabel pada blog bisa dijadikan sebagai tempat untuk mengumpulkan widget, tulisan, image dan sebagainya agar terlihat indah dan tersusun rapi pada blog. Bagi pengguna komputer yang sering mengoperasikan microsoft office seperti ms word dan ms excel, membuat tabel sangatlah mudah dengan menu-menu yang telah di sediakan. Tetapi untuk menampilkan tabel pada blog, haruslah menggunakan kode HTML dengan perintah <table> ........... <table> agar tabel bisa tampil pada blog.

Sebelum membuat sebuah tabel pada blog, terlebih dahulu hendaklah mengetahui beberapa atribut yang terdapat didalamnya :

bgcolor : untuk mengatur warna background/latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna"

align : untuk mengatur tata letak tulisan yang ada pada tabel. Misalnya : rata kiri (left), rata kanan (right), rata tengah (center) dan rata kiri kanan (justify). Penempatan kodenya seperti ini : align="left""right""center""justify"

cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel didalam sebuah tabel. Penempatan kodenya seperti ini : cellpadding="1 pixel"

border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya seperti ini : border="1 pixel"

cellspacing : untuk mengatur jarak antar sel. penempatan kodenya seperti ini : cellspacing="1 pixel"

height : untuk mengatur tinggi tabel. Penempatan kodenya seperti ini : height="1 pixel""%"

weight : untuk mengatur lebar tabel. Penempatan kodenya seperti ini : weight="1 pixel""%"

Maka akan terbentuk sintaksnya seperti ini :

<table align="left""center""right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel""%"
height="pixel""%">

.....................

</table>

Untuk membuat tabel tunggal maka kode HTML nya seperti dibawah ini :

<table width="200" border="1">
<tr>
<td align="left">

Contoh

</td>
</tr>
</table>

Untuk membuat tabel dengan 1 baris dan 2 kolom, kodenya sebagai berikut :

<table width="300" border="1">
<tr>
<td align="left">

Kolom 1

</td>
<td align="left">

Kolom 2

</td>
</tr>
</table>

Untuk membuat tabel 2 kolom dan 2 baris kode HTML nya sebagai berikut :

<table width="300" border="1">
<tr>
<td align="left">

Contoh

</td>
<td align="left">

Contoh juga denk

</td>
</tr>
<tr>
<td align="left">

Contoh

</td>
<td align="left">

Contoh juga denk

</td>
</tr>
</table>

Dan untuk selajutnya silahkan kalian kembangkan sendiri, selamat mencoba yach...

sumber: Zona Klik

Related Post / artikel terkait menggunakan Scroll bar Related Post dengan fungsi scroll. Melanjutkan artikel sebelumnya mengenai cara membuat related post di blogspot, kali ini saya akan menjelaskan cara membuat related post menjadi tampak lebih indah.

Tutorial related post atau artikel terkait yang akan dijelaskan, yaitu membuat related post dengan fungsi scroll dan dengan tampilan yang lebih menarik. Dengan fungsi scroll ini artikel terkait dalam jumlah yang banyak akan lebih tersusun rapi, tidak memanjang ke bawah.

Dengan begitu, related post ini akan meningkatkan perhatian pembaca terhadap artikel-artikel terkait yang ada. Tentunya hal ini akan berpengaruh terhadap pageview yang juga akan berpengaruh terhadap alexa rank.
Ini contohnya.

Bagi yang ingin mencoba, silahkan ikuti tutorial di bawah ini.

1. Log in ke akun blogspot Anda.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Beri tanda centang pada tulisan Expand Widget Templates.
4. Cari kode berikut.

<p><data:post.body/></p>

5. Copy-paste kode berikut di bawah kode tadi.

<b:if cond='data:blog.pageType == "item"'> <H2>Artikel Terkait:</H2> <DIV class='rbbox'> <DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <DIV id='albri'/> <SCRIPT type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('albri').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </SCRIPT> </DIV> <script type="text/javascript">RelPost();</script> </DIV> </b:if><br />

6. Setelah itu, copy-paste kode berikut di atas kode ]]></b:skin>.

/*-----------------------------
kode related post optimal
visit http://www.ateonsoft.com
------------------------------*/
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

7. Terakhir, copy kode berikut dan paste di atas kode </head>, kemudian simpan template.

<SCRIPT src='http://ateon.fs.googlepages.com/kodescript.js' type='text/javascript'/>

ilahkan dicoba tutorial blog kali ini mengenai cara membuat related post dengan fungsi scroll yang lebih indah. Semoga bermanfaat dan semoga berhasil.

Cara Menulis Kode / Script Sebagai Artikel Menuliskan kode / script sebagai artikel mungkin masih membingungkan bagi sebagian blogger apalagi saya sebagai pemula. Tapi dengan belajar, semuanya menjadi mungkin dan mudah untuk kita lakukan. Seperti menuliskan kode / script sebagai artikel ini misalnya, awalnya sih bingung tapi alhamdulillah sekarang udah bisa. Tapi mungkin tidak ya apa yang sudah kita pelajari kita lupakan..?
Nah.. untuk merefreshnya kita ulangi lagi yuk cara-caranya.

Untuk menuliskan kode / script sebagai artikel sebenarnya ada beberapa cara, namun kita bahas yang paling mudah aja ya.

Caranya kita hanya mengganti saja kode tersebut dengan beberapa karakter yang sudah menjadi rumus. Yaitu :

Untuk kode < karakter penggantinya adalah <

Untuk kode > karakter penggantinya adalah >

Untuk kode " karakter penggantinya adalah "

Tapi mungkin akan muncul masalah jika artikel yang akan kisa post terdapat banyak kode-kode di dalamnya. Nah... untuk lebih memudahkannya kita gunakan saja media konversi online dengan langkah seperti berikut :

Kita tuliskan saja semua artikel yang akan kita post, kemudian kita copy semua tulisan tersebut dan paste pada form yang sudah ada pada media konversi online.

Klik ENCODE untuk mengkonversikannya. Atau DECODE untuk mengembalikannya pada tulisan asli kita.

Copy tulisan yang sudah kita Encode lalu paste pada halaman posting kita.

Dan.... jadi dah... tengg tengg... gimana...?

Semoga bermanfaat ya...

sumber: Separate Lifes

Memasang Meta Tag pada blogger Cara memasang meta tag di blogger. Melanjutkan posting sebelumnya mengenai 5 tips dasar SEO untuk pemula, kali ini saya akan memberikan sedikit tutorial mengenai cara memasang meta tag di blogger.

Seperti yang telah kita ketahui, pemasangan meta tag adalah salah satu hal yang paling dasar dalam SEO. Karena meta tag ini sangat penting bagi search engine (mesin pencari) untuk mengetahui identitas dari website anda.

Untuk itu Anda perlu memasang meta tag dalam mengoptimalkan situs Anda di Search Engine. Berikut contoh dari meta tag.

Copy kode di atas dan letakkan di bawah kode <head>. Kemudian ganti kode warna merah dengan deskripsi dan keyword Anda.

Sekarang blog Anda telah memiliki deskripsi dan keyword yang akan digunakan untuk hasil pencarian Search Engine (SERP). Masih ada beberapa meta tag yang lain, tapi yang terpenting adalah ketiga meta tag di atas.

Setelah situs/blog Anda memiliki keyword, hal yang perlu Anda lakukan selanjutnya adalah mengoptimalkan keyword utama Anda. Mengenai pengoptimalan keyword ini bisa anda lihat di posting 5 tips dasar SEO.

Samapai di sini dulu, semoga bermanfaat...

Membuat Teks Area Sekarang waktunya kita untuk praktek, langsung aja lihat contoh yang pertama dibawah ini, karena dalam pembuatan teks area nantinya akan saya bagi menjadi beberapa tingkatan yang mempunya functional tersendiri.. ni dia contohnya..

Pembuatan teks area standar / default

<p align="center"><textarea name="code" rows="5" cols="25">text letakkan disini</textarea></p>

Keterangan :
rows = tinggi
cols = lebar

Pembuatan textarea dengan button / tombol higtlight

Untuk yang ini, adalah memudahkan pengunjung blog anda untuk memberi tanda hightlight

Pembuatan teksarea dengan onclick hightligt

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya, cuman bedanya yg tanpa menggunkan bantuan form.. nah untuk mencobanya silahkan anda klik pada halaman teksarea contoh hasil dibawah ini..

pembuatan textarea sensitif hightlight

Untuk teks area yang ini fungsinya hampir sama dengan teks area yang barusan dicontohkan diatas ini, tapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi suda ter hightlight sendiri, ni dia contoh codenya..

Oiya.. hampir lupa, kalo ingin merubah lebar dan tinggi tampilan textarea silahakn ganti angka angka pada kata " rows " dan " cols "

Nah contoh contoh diatas adalah sebagai contoh aja dan sebagai pembelajaran dan bisa anda kembangkan sendiri sesui dengan fungsional nya..
Moga aja membantu yah, n kalo masih bingung atau bahkan sudah berhasil membuat ini dan ingin koar koar disini juga silahkan.. monggo mas.. hehehe..

sumber: Masterblog Ayiek

Cara Membuat Related Post (Artikel Terkait) Informasi kali ini akan membahas mengenai cara membuat related post atau artikel terkait di blogspot. Artikel atau posting terkait yang dimaksud di sini adalah artikel yang berada pada kategori atau label yang sama.

Related post ini tentu akan memudahkan pengunjung dalam menemukan artikel-artikel yang berhubungan dengan artikel yang sedang dibaca. Selain itu, related post juga akan berpengaruh terhadap SEO.

Nah, bagi yang ingin memasang related post di blogspot ikuti tutorial berikut ini.

1. Log ini ke akun blogger Anda.
2. Pilih menu Tata Letak (Layout) » Edit HTML.
3. Beri tanda centang pada tulisan Expand Widget Templates.
4. Copy-paste script berikut di atas kode </head>.

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

5 Simpan template.
6 Kemudian cari kode berikut.

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

7 Setelah itu tambahkan kode berwarna merah berikut di antaranya hingga menjadi seperti di bawah ini.

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>

</b:loop>
</b:if>

8 Simpan lagi template.
9 Kemudian copy-paste kode berwarna merah berikut di bawah kode tadi.

</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

10. Simpan template.

Silahkan dicoba tutorial membuat atau memasang related post ini. Semoga berhasil!

sumber: Tutorial Blog

Cara Buat Halaman Baru pada Blogger/Blogspot

Beberapa hari yang lalu ada seorang sobat blogger menanyakan pada saya tentang bagaimana membuat halaman baru pada Blogger / Blogspot.

Sebenarnya untuk membuat halaman baru pada Blogger / Blogspot sangat mudah, hanya saja mungkin kita sering melewatkannya... yaitu dengan cara manipulasi posting dan link.

Kenapa disebut manipulasi posting dan link? Karena yang akan kita lakukan disini hanya melakukan posting (yang kita anggap isi dari halaman baru), merubah tanggal postingnya dan yang terakhir membuat suatu link (yang akan kita tampilkan pada blog kita) dan diarahkan pada halaman baru tadi.

Masih bingung? Ok berikut langkahnya :

Masuk dulu ke dalam account Blogger/Blogspot anda.
Buat postingan baru dan isikan sesuai apa keinginan anda untuk halaman baru tersebut.
Setelah selesai mengisi, klik Opsi Entri dan ubah tanggal (format : Tahun/Bulan/Tanggal sesuai pengaturan tanggal anda) dan jam buat agar menjadi postingan terlama.
Sekarang Terbitkan/Publish, masuk pada bagian edit entri (pilih yang atas) dan cari hingga anda menemukan postingan terlama yang baru anda buat. Sorot dan copy linknya.
Masuk pada Tata Letak/Layout, jika anda memiliki linkbar (semacam link yang berada pada header blog) buat link baru dan arahkan pada link yang anda copy tadi. Jika anda tidak memiliki linkbar, maka anda bisa membuat link baru yang bisa anda letakkan dimana saja asalkan bisa terlihat jelas, lalu arahkan pada link yang anda copy.
Simpan perubahan dan lihat hasilnya.

Ok kawan sekian saja tips blogger dari saya, semoga membantu! ^_^

sumber: themaniaxblog

cara buat read more / baca selengkapnya

Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).

Cara Pertama:

1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" (lihat gambar 1)
2. Letakkan kode berikut persis di atasnya kode </head> (lihat gambar 2)
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

3. Letakkan kode berikut di bawah kode

<p><data:post.body/></p>

(lihat gambar 3)

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost">

</span>

Jangan lupa klik SIMPAN PENGATURAN.

Gambar 1.

Gambar 2.

Gambar 3.

Cara Memposting

Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode

Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode

dan

Masalah yang Sering Dihadapi

1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian:

XML error message: The element type “style” must be terminated by the matching end-tag “”.

Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.

2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
Selesai. Selamat ngeblog di blogger / blogspot dengan READ MORE.

Apabila Anda berhasil melakukan cara bikin READ MORE di atas tak perlu lagi mencoba cara di bawah. Cara di bawah cuma sebagai alternatif dan agak lebih rumit di banding cara yang di atas.

Cara Kedua:

1. Buka template –> edit HTML
2. Kasih tanda tik/cek menu “expand widget template”
3. Cari kode berikut di TEMPLATE blog Anda:

<div class='post-header-line-1'/>
<div class='post-body'>

4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

5. Di Bawah kode di atas ada kode html sbb:

<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>

6. Nah, di antara kode

<p><data:post.body/></p>

dan kode

<div style='clear: both;'/> 
</div>

pasang kode html ini:

<a expr:href='data:post.url'>Read More .. </a>
</b:if>

7. Jadi, susunan kode html di template setelah ditambah dg kode READ MORE akan menjadi seperti ini (yg warna biru adalah kode tambahan untuk READ MORE, sedang kode warna hitam adalah kode asli template):

<div class='post-header-line-1'/><div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>

</b:if>

<div style='clear: both;'/> 

</div>

Klik Simpan Template. Selesai.

8. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost">

</span>

Jangan lupa klik SIMPAN PENGATURAN.

Cara Memposting

Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode

<span class="fullpost">
</span>

Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode

<span class="fullpost">

dan

</span>

Catatan Penting:

(A) Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di halaman muka, Anda bisa mengeditnya dg cara sbb:

1. Klik menu EDIT POSTS
2. Klik EDIT di artikel yg akan diedit.
3. Pasang kode

<span class="fullpost">

di bawah paragraf yg akan ditampilkan. Dan pasang kode

</span>

di akhir artikel.

Ingat hanya ada SATU kode

<span class="fullpost">

dan

</span>

. Apabila terdapat lebih dari satu, dan biasanya numpuk di bagian paling bawah artikel, maka dibuang saja.

Masalah yang Sering Dihadapi

1. Saat mengklik “Simpan Perubahan” kita sering mendapat pesan demikian:

XML error message: The element type “style” must be terminated by the matching end-tag “”.

Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ‘ dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.

2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Solusi: klik “Pengaturan” -> klik “Format” -> buang semua tanda kutip buka/tutup di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.

Membuat widget kotak Blogroll

Ternyata banyak juga yang bertanya mengenai blogroll yang saya gunakan karena mungkin hemat tempat. Dan mungkin karena sadar segalanya sekarang serba naik; baik BBM yang naik disusul harga kebutuhan pokok naik, juga ongkos angkutan umum yang ikut naik 30 hingga 50%, maka segalanya perlu diperhemat, termasuk pemasangan blogroll yang mesti diperhemat juga *beuh, ga nyambung* heuheu.

Saya tidak tahu harus menamai apa blogroll ini, tapi menurut keyword yang masuk dan pertanyaan yang saya terima diantaranya, cara membuat widget kotak untuk blogger, widget kotak blogroll untuk blogger, widget blogroll untuk blogger, tempat blogroll hemat, blogroll hemat tempat, kode html tempat blogroll, cara membuat blogroll hemat tempat, cara membuat widget kotak, cara membuat widget blogroll, blogroll wordpress, wp plugin blogroll, widget blogroll untuk wordpress (wp), dan sebagainya yang pasti untuk satu tujuan yaitu penghematan tempat di blog. ~~memanfaatkan keyword prase ya om?~~. Bagaimanapun, widget blogroll ini memang hemat tempat.

Berikut ini tiga tipe contoh blogroll yang bisa Anda gunakan baik yang bernaung dibawah bendera blogger ataupun blog wordpress self hosted maupun dengan hosting wordpress (free). Dan widget blogroll ini hanya memerlukan tag HTML biasa dengan menggunakan semacam “kotak” kemudian diberi overflow dengan dibatasi width (lebar) dan height (tinggi) sehingga overflow pun berfungsi dengan baik jika link blog teman-teman Anda sudah begitu banyaknya. Tiga tipe tersebut adalah dengan border (garis tepi) tanpa border dan menggunakan warna background.

Untuk membuat widget kotak blogroll tersebut yang Anda perlukan adalah tag HTML sebagai berikut,

Tag HTML blogroll dengan border (Blogroll 1)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFF;">

<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>

<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>

Link lainnya

</div>

Tag HTML blogroll tanpa border (Blogroll 2)

<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFFF;">

<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>

<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>

Link lainnya

</div>

Tag HTML blogroll dengan background (Blogroll 3)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: left; background:#FEA8A1;">

<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>

<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>

Link lainnya

</div>

Anda bisa mengubah lebar dan tinggi kotak widget blogroll tersebut dengan mengubah angka yang terdapat setelah width (lebar) dan height (tinggi) disesuaikan dengan ukuran sidebar template Anda. Lalu untuk align teks dan backgroundnya, Anda bisa mengubah left (kiri), right (kanan) atau center (tengah) setalah text-align: dan mengubah kode warna setelah background:# … disesuaikan dengan warna template Anda.
Selamat mencoba! :wink:

sumber: hakimtea

Ek4zone.com

kata kita

Teman-Teman Menyapa

Related Link

Komentar Terbaru

Clock

Sobat Blogger