Tips Mengedit Template HTML Blogger/Blogspot: Mudah dan Aman

Blogger adalah layanan blog gratis yang memberikan keleluasaan bagi user untuk mengedit tampilan dan fungsi blognya. Secara mendasar, Blogger berplatform HTML/XML dengan didukung pengaturan tampilan CSS dan fungsi-fungsi javascript. Kita mengenal adanya fitur edit template HTML Blogger dimana kita dapat dengan bebas melakukan modifikasi, desain ulang, hack, penambahan fitur dari pihak ketiga (third party) berupa widget, dan lain-lain.

Note: Fitur edit HTML Blogger diakses melalui dashboard > design/rancangan > edit HTML.

Beberapa kasus saya temui dari pengunjung dan beberapa teman blogger (khususnya newbie) yang mengeluh karena gagal memasukkan hack/script tambahan, tidak menemukan kode tertentu seperti yang ada di tutorial, bahkan ada pula yang templatenya "kacau" karena salah mengedit template HTMLnya.

Tips ini saya buat untuk memberi masukan dan ide dalam melakukan editing Template HTML agar hasilnya sesuai dengan yang diinginkan. Semoga bermanfaat.

1. Memahami elemen dasar dari template blogger/blogspot sangat penting, pada dasarnya ada 5 elemen penting pada template Blogger yang hampir sama dengan elemen dasar web HTML pada umumnya:

a. HTML/XML tag, yang menandakan bagian dari keseluruhan halaman, diawali dengan <html> dan diakhiri dengan </html>. Khusus untuk tag-tag XML, untuk template Blogger dan HTML editor setelah tahun 2007, selalu diakhiri dengan /, contoh: <data:post.body/>.

b. Head tag, merupakan bagian dari keseluruhan head halaman, di dalamnya dimasukkan aturan-aturan yang mengatur banyak hal, termasuk tampilan (CSS), diawali dengan <head> dan diakhiri dengan </head>.

c. Body tag, merupakan isi dari halaman web/blog, di dalamnya terdapat konten/isi inti halaman, termasuk pula widget-widget yang menjadi bagian dari isi halaman, diawali dengan <body> dan diakhiri dengan </body>.

d. CSS, elemen pengatur tampilan halaman, baik dari segi warna, font, posisi, lebar luas, dan masih banyak lagi. Letaknya diantara <b:skin><![CDATA[ dan ]]></b:skin> dan berada pada bagian head. Pada beberapa kasus kode CSS juga dimasukkan tepat di atas </head> sebagai aturan tambahan.

e. Javascript, merupakan elemen yang sebenarnya mengandung software (web widget) yang berisi perintah-perintah tertentu. Biasanya digunakan untuk memasukkan elemen tambahan seperti popular post, auto readmore, dan sebagainya. Ada dua jenis javascript yang dapat digunakan: internal, yang diupload dan di-host langsung di Blogger, dan eksternal, yang diupload dan dihosting di server lain. Letaknya relatif, tergantung jenisnya. Untuk yang berjenis widget biasanya ada di dalam body.

2. Biasakan back up template terlebih dahulu sebelum editing, klik "Backup Full Template" di atas kotak "Edit HTML". Jika ada kesalahan dan anda tidak tahu script mana yang harus dibenahi, anda dapat dengan mudah mengupload file back-up template dan mengembalikan seperti semula.

3. Perhatikan benar-benar tutorial yang dibaca, jangan sampai ada yang terlewatkan. Sebagai contoh, jika harus mencentang/klik "expand widget templates", maka pastikan sudah melakukannya. Fungsi dari perintah tersebut adalah untuk membuka bagian-bagian body yang mengandung widget. Jika tidak dicentang, bagian-bagian tersebut akan "disembunyikan" oleh Blogger karena memang ditujukan untuk keamanan.

4. Ketika meng-copy script dari halaman tutorial yang anda baca, pastikan semua bagian script sudah tercopy atau jangan ada bagian selain dari script yang ikut ter-copy.

5. Jika harus mengubah isi script/kode, misalnya mengganti url blog/feed, value, dan lain-lain, salin/paste terlebih dahulu kode/script tersebut ke editor semacam notepad, wordpad, word. Setelah melakukan pengubahan script dan memastikan semuanya beres, baru masukkan script tersebut ke template HTML.

6. Agar lebih mudah dan cepat mencari kode tertentu seperti yang diminta di dalam tutorial, gunakan fitur pencarian browser, tekan Ctrl + F, setelah kotak pencarian muncul masukkan kode yang ingin dicari dan tekan next (enter).

7. Perhatikan benar-benar istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Kode-kode dibaca oleh browser dari kiri ke kanan sebagai urutan. Atas bawah hanya digunakan untuk memberi kenyamanan dalam mengurutkan. Bagi browser, dia tetap dibaca dari kiri ke kanan. Contoh:

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

Kita lihat di situ ada 2 tag bersisian, jika harus memasukkan tag/kode baru <b:include data='posts' name='breadcrumb'/> di bawah/setelah <b:include data='top' name='status-message'/>, itu berarti anda harus meletakkan benar-benar setelahnya, sehingga <data:adStart/> harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, jadinya: 

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

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

<data:adStart/>

atau,

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

8. Jika memang masih belum yakin dan terbiasa, buatlah blog baru yang fungsinya untuk eksperimen dan uji coba script (trial and error). Anda bisa dengan bebas melakukan uji coba tanpa ada ketakutan template blog anda rusak atau pembaca kabur. Agar hasilnya akurat, gunakan jenis template yang sama seperti blog anda. Saya memiliki 3 blog untuk eksperimen dan mencoba script baru sehingga bisa dengan bebas melakukan apapun tanpa rasa khawatir.

9. Khusus untuk hack/script tertentu di mana tampilannya bisa langsung dilihat di homepage/beranda (misalnya: memasang readmore atau background), setelah memasukkan script dan selesai meng-edit, jangan langsung di-save dulu. Gunakan/klik fitur preview/pratinjau untuk melihat hasilnya. Jika sudah beres dan sesuai yang diinginkan, baru lah di-save.

10. Pada beberapa template, ada yang bagian tertentunya di apit oleh tag paragraf: <p> dan </p>, sehingga ketika bagian tertentu tersebut dicari, seolah tidak ketemu. Jika template anda berjenis seperti ini, jangan menyerah terlebih dahulu.
Contoh:

Ketika harus mencari <data:post.body/>, dan tidak ketemu, maka ada kemungkinan tag paragraf mengapitnya (<p><data:post.body/></p>), atau ada beberapa kondisi lain (misalnya, anda lupa mencentang "expand widget templates"). Agar lebih mudah lagi, jangan sertakan < dan /> ketika mencari (Ctrl + F), cukup gunakan data:post.body saja.

Masih ada beberapa lagi yang hendak saya sampaikan, namun sekiranya 10 poin di atas cukup lengkap untuk menjadi tips dan petunjuk agar lancar dan aman dalam mengedit Template HTML Blogger/Blogspot. Selanjutnya, sobat Blogger dapat mengembangkan dan membiasakan diri dengan template dan template editor Blogger serta melakukan editing secara mandiri (Do It Yourself [DIY]). Keep on learning and learning.

Salam.

Lanjutin baca »

Kumpulan Blog Dofollow Terlengkap 2012

Berbicara tentang blog dofollow sebenarnya kemarin saya sudah share tentang Blog dofollow PR 3 dan Pr 4. tapi apa salahnya jika saya share lagi tentang kumpulan blog dofollow yang lebih lengkap lagi.

Berikut daftar blog dofollow yang perlu kamu lihat!

Nomor	Alamat Blog	Google Page Rank
1	http://subagya.blogspot.com/	5
2	http://jovieblog.blogspot.com/	4
3	http://eosmate.blogspot.com/	4
4	http://semuadablog.blogspot.com/	3
5	http://dhuwuh.blogspot.com/	3
6	http://cendrawasih11.blogspot.com/	3
7	http://www.elmoudy.com/	3
9	http://apocalytyo.blogspot.com/	3
10	http://tipis.web.id/	3
11	http://yanuar.kutakutik.or.id/	3
12	http://jimmykurniaindradjaya.com/	3
13	http://www.blogguebo.com/	3
14	http://e-je.blogspot.com/	3
15	http://www.rayhanzhampiet.com/	3
16	http://www.rizdancreative.net/	3
17	http://amin-raha.blogspot.com/	2
19	http://awanclickerz.blogspot.com/	2
20	http://www.kangmusa.com/	2
21	http://devit1104.blogspot.com/	2
25	http://kolomkesehatan.blogspot.com/	2
26	http://komunitaskami.com/	2
27	http://www.seby-antoe.com/	2
28	http://mankita.blogspot.com/	2
29	http://madhek.blogspot.com/	2
32	http://id.latuminggi.com/	1
34	http://jemput-rizki.blogspot.com/	1
35	http://ravatar.blogspot.com/	1
36	http://www.iklangratis.inabuy.com/	2
37	http://pasangiklanbaris.om-onny.com/	3
38	http://mediaqta.blogspot.com/	2
39	http://agungtalaga.blogspot.com/	2
40	http://abelavriyanno.blogspot.com/	1
41	http://www.gubukberita.com/	0
42	http://ilmu-duniadanakhirat.blogspot.com/	0
43	http://ahyari.com/	3

Nah, silahkan berkomentar di blog tersebut, namun yang sopan dan tepat artikel yah..kalo gak pasti tidak akan di aprove,karena sebagian besar blog dofollow memberi moderasi pada komentarnya.

Demikian daftar blog dofollow terbaru 2012, semoga bermanfaat.

Lanjutin baca »

Backlink Berkualitas Untuk Mendaptkan PageRank

Mendapatkan Page Rang yang di berikan oleh Google adalah hak yang di idamkan oleh para blogger. Untuk mendapatkan nilai yang baik di mata Google yang biasa dengan di tandai nilai suatu Page Rank ada beberapa langkah yang harus di lakukan oleh seorang blogger. Backlink Berkualitas memang sangat mendukung Untuk Mendaptkan PageRank yang di berikan oleh Google. Inilah beberapa Backlink Berkualitas Untuk Mendaptkan PageRank.

1. Backlink dari Blog Domain .edu 
Domain.edu adalah suatu domain yang di gunakan oleh para blogger yang sangat di sukai Google. Domain .edu memang sangat susah untuk di cari apa lagi yang berada di indonesia. Meskipun kita menemukan suatu blog atau website yang memiliki domain .edu kita belum tentu bisa memiliki backlink dari mereka, karena memang sangat susah untuk mendapatkannya apa lagi kebanyakan dari para pengguna domain .edu kebanyakan tidak memiliki tempat untuk berkomentar.
2. Bertukar Link dengan Para Blogger lain yang Blog Dofollow
Bertukar link adalah salah satu jalan terbanyak yang di lakukan oleh para blogger untuk mendapatkan BAcklink berkualitas. Tapi kita harus hati-hati dalam pertukaran link dengan para blogger lainnya. Sebaiknya kita lihat apakan blog temen kita termasuk Blog Dofollow atau Blog Nofollow.
 

Inilah beberapa cara mendapatkan Backlink Berkualitas Untuk Mendaptkan PageRank. Semoga bermanfaat untuk para sobat blogger.

Lanjutin baca »

Ratusan Blog Domain .Edu

Blog yang memiliki domain .edu adalah salah satu blog yang memiliki domain yang sangat di cintai oleh Google. Sehingga blog yang memiliki domain .edu banya diburu oleh para blogger untuk meningkatkan backlink yang berkualitas.

Bagi anda yang mencari link domain .edu untuk mencari backlink anda dapat melihatnya di bawah ini. Silakan anda berkomentar, namun jangan juga untuk menyepam, gunakanlah anchor text sesuai keyword blog anda.

10 Domain .EDU Dofollow

http://ksdt.ucsd.edu/forum/register.php
http://www-rohan.sdsu.edu/acm/forum/index.php?action=register
http://www.uta.edu/studentorgs/cgsa/forum/register.php
https://www.mc.vanderbilt.edu/bbs/profile.php?mode=register
http://www.bioen.utah.edu/faculty/ADD/wiki/Forum/member.php?action=register
http://swdb.berkeley.edu/inhouse/phpBB2/profile.php?mode=register&sid=67bdb9be03a9f330337d97ffca827
http://uschinaforum.usc.edu/register.aspx
http://www.uri.edu/nra/phpBB2/profile.php?mode=register&sid=2bff7dbac97b45921e91e34b6f82b402
http://www.uvm.edu/~lderosse/courses/nnn/phpBB2/profile.php?mode=register&sid=0c0055861dbd92fc858
https://shell.cas.usf.edu/phpBB2/profile.php?mode=register&sid=4c8d7287e7f7540d6fb3ffbd387050ba

100+ Daftar Blog EDU

http://ajmcgr11.me.holycross.edu/2009/08/30/just-had-the-greatest-day-of-my-life/dsc01333
http://cv.uoc.edu/app/blogaula/cv092_71_500_01_13908/2010/05/26/redes-sociales-y-turismo-2-0
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/04/14/¿el-objeto-sinfonico-o-la-orquesta-creativa
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/05/23/la-traca-final
http://blogs.law.columbia.edu/outlaws/2009/01/29/check-out-our-upcoming-events-at-right
http://quantum.esu.edu/clubs/phisigmakappa/brotherhood/committees
http://cv.uoc.edu/app/blogaula102/102_16_506_04_23964/2011/04/10/objecte-comunicatiu-marta-maldonado
http://nuweb4.neu.edu/nuin/marcianoc/2011/08/10/blog-2
http://blogs.uis.edu/uissac/coffee_house/post_50
http://ajmcgr11.me.holycross.edu/2010/01/20/home-for-christmas-paris-for-new-years-and-back-to-palma/dsc02329
http://ualr.edu/jmdipippa/index.php/2009/08/brainwashed-and-dry-cleaned/comment-page-21
http://faculty.virginia.edu/MyTube/fall2009_adspotlights/2009/11/04/negative-advertising-in-the-08-presidential-contest
http://blogs.wagner.edu/2010/09/10/self-help/comment-page-43
http://ridhosaputra.blog.upi.edu/2010/11/08/tugas-makalah-konsep-teknologi
http://ba281.community.uaf.edu/2011/08/01/week-8-5
http://today.uconn.edu/blog/2011/09/pasqualoni-on-big-east-shakeup-we-have-to-do-what-is-best-for-uconn
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/04/08/objecte-comunicatiu-jordi-lopez-mestres
http://forum.belmont.edu/um/2008/07/19/dan-en-route-via-comment-post
http://smog.edmonds.wednet.edu/wordpress/cousec/2009/12/17/hello-world
http://advocacy.mit.edu/coulter/blog/?p=13
http://cv.uoc.edu/app/blogaula102/102_16_506_04_23964/2011/05/24/lelena-garcia-i-la-muntanya-russa
http://ualr.edu/jmdipippa/index.php/2009/08/brainwashed-and-dry-cleaned/comment-page-13
http://blogs.stlawu.edu/henry/2009/01/26/art-rage/comment-page-2
http://www.laney.edu/wp/apass/2011/03/29/how-to-ask-for-a-recommendation-letter
http://meek.olemiss.edu/2010/01/14/455
http://www.laney.edu/wp/apass/2011/03/23/community-resources
http://blogs.valpo.edu/anzhen/2008/01/27/culture-shock
http://vwordpress.stmarys-ca.edu/nostayer/2011/03/30/creative-lab-3-a-stroll-through-st-marys
http://today.uconn.edu/blog/2011/09/school-of-nursing-honored-as-center-of-excellence
http://meek.olemiss.edu/2010/08/09/the-hands-on-management-of-harold-burson
http://febrinaldi.blog.upi.edu/2009/06/16/proposal-penelitian-tro
http://ualr.edu/jmdipippa/index.php/2009/07/the-importance-of-being-white/comment-page-8
http://research.ridgway.pitt.edu/geopolitics/2010/08/11/hello-world
http://blogs.wagner.edu/2010/09/10/self-help/comment-page-16
http://ajmcgr11.me.holycross.edu/2010/05/28/2-weeks-left/dsc00343
http://students.expression.edu/segoviaandres/2011/05/08/osama-bin-laden-is-dead-upcoming-movie-a-success
http://blogs.wagner.edu/2010/08/03/accountability-the-road-to-success-in-and-out-of-the-classroom/comment-page-29
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/05/17/kit-de-supervivencia
http://cscash.personal.asu.edu/wordpress/2010/05/01/presenting-the-new-king-of-hip-hop
http://ajmcgr11.me.holycross.edu/2009/11/24/science-excursion-2-and-my-birthday
http://ba281.community.uaf.edu/2011/07/11/week-5-3
http://sites.education.miami.edu/solveit/2011/03/17/hello-world
http://ajmcgr11.me.holycross.edu/2009/11/09/halloween-in-barcelona/dsc01814
http://students.washington.edu/secular/2008/03/18/which-faith-ask-the-grey-bloke
http://nuweb4.neu.edu/nuin/blog/2011/08/27/week-4-a-month-in-melbourne-crikey
http://students.expression.edu/tido/2011/03/07/nosaj-thing-night-crawler
http://blogs.valpo.edu/anzhen/2008/01/25/welcome-to-my-blog
http://cv.uoc.edu/app/blogaula/cv092_71_500_02_13908/2010/05/11/redes-sociales-y-turismo-2-0
http://ajmcgr11.me.holycross.edu/2010/05/28/2-weeks-left/dsc00484
http://cv.uoc.edu/app/blogaula/cv092_71_500_02_13908/2010/03/18/¿debemos-frenar-a-google
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/04/11/solo-para-refrescar-memorias
http://cv.uoc.edu/app/blogaula102/102_16_506_04_23964/2011/05/12/ana-hernandez-paradoxa-real-o-irreal
http://researchdaily.blogs.umassd.edu/2009/09/28/history-of-projectile-motion
http://info.hsls.pitt.edu/morningreport/2011/01/25/in-patients-who-cannot-have-a-pulmonary-angiogram-is-ventilation-perfusion-scanning-useful-to-exclude-pulmonary-embolism
http://nuweb4.neu.edu/nuin/marcianoc/2011/10/25/blog-11-final-thoughts
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/04/03/objeto-comunicativo
http://snogami.personal.asu.edu/wordpress/2010/01/29/about-suzanne-nogami
http://info.hsls.pitt.edu/morningreport/2010/09/16/transverse-myelitis
http://ajmcgr11.me.holycross.edu/2009/08/30/just-had-the-greatest-day-of-my-life/dsc01387
http://blogs.wagner.edu/2010/08/03/accountability-the-road-to-success-in-and-out-of-the-classroom/comment-page-25
http://blogs.york.cuny.edu/wp/volksword/who
http://students.expression.edu/electronicsports/2011/03/02/some-info-about-the-starcraft-palyerbase
http://dtlee.personal.asu.edu/wordpress/2010/01/temp
http://today.uconn.edu/blog/2011/08/post-irene-outages-can-present-health-hazards
http://blogs.wagner.edu/2010/08/03/accountability-the-road-to-success-in-and-out-of-the-classroom/comment-page-5
http://blogs.stlawu.edu/lucia/2009/03/15/fun-game-says-leah
http://blogs.wagner.edu/2010/08/10/strength-training/comment-page-58
http://today.uconn.edu/blog/2011/09/new-classroom-building-dedicated
http://louisville.edu/rso/lambdachialpha/presidents-blog/archive/2007/10/23/asdfas
http://snogami.personal.asu.edu/wordpress/2010/02/14/bargain-shopping
http://students.expression.edu/jidelson/about-this-blog
http://blogs.wagner.edu/2010/08/03/accountability-the-road-to-success-in-and-out-of-the-classroom
http://cscash.personal.asu.edu/wordpress/about
http://students.expression.edu/segoviaandres/2011/04/27/my-infograph
http://meek.olemiss.edu/2010/07/27/355
http://cv.uoc.edu/app/blogaula102/102_16_506_04_23964/2011/05/12/paradoxa-internacional
http://blogs.stlawu.edu/henry/about
http://ridhosaputra.blog.upi.edu/2010/11/17/harry-potter-and-the-deathly-hallows-part-i-2010
http://snogami.personal.asu.edu/wordpress/2010/04/27/my-third-must-see-monday
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/03/31/¿quien-soy-desiree-rodrigo¿que-soy-4
http://info.hsls.pitt.edu/morningreport/2008/04/17/is-there-a-change-in-csf-fluids-in-seizure-patients-who-get-a-lumbar-puncture
http://www.cs.grinnell.edu/~spurgeo1/wordpress/archives/moma-3
http://students.expression.edu/tido/2011/03/08/lil-b-the-based-god-a-marketing-genius
http://students.expression.edu/allenduane/2011/06/30/214
http://blogs.stlawu.edu/henry/2009/10/13/210
http://blogs.stlawu.edu/lucia/2009/03/03/edward-burtynsky
http://social.rollins.edu/wpsites/chm220th/2011/09/08/gregors-separation-of-benzoic-acid-and-m-nitroaniline
http://students.expression.edu/tido/2011/02/17/dennis-sindrey-the-pill
http://ualr.edu/jmdipippa/index.php/2009/08/us-attorney-purge-documents
http://febrinaldi.blog.upi.edu/2009/10/23/tugas-paper-seminar
http://gk12net.uml.edu/blog/nickmisiunas/2011/04/28/april-week-two
http://today.uconn.edu/blog/2011/09/uconn-awarded-484000-federal-economic-development-grant
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/04/14/banksy
http://blogs.stlawu.edu/lucia/2009/03/15/another-typography
http://febrinaldi.blog.upi.edu/2010/05/21/tweeting-out-loud™
http://blogs.wagner.edu/2010/07/28/transitions
http://students.expression.edu/electronicsports/2011/03/05/another-small-piece-of-history
http://forum.belmont.edu/um/2008/07/14/liz-construction
http://snogami.personal.asu.edu/wordpress/2010/03/09/online-media-project-dance-teacher-profile
http://forum.belmont.edu/um/2009/07/05/sunday-update
http://ajmcgr11.me.holycross.edu/2009/11/24/science-excursion-2-and-my-birthday/dsc01855
http://www.cs.grinnell.edu/~spurgeo1/wordpress/archives/hello-world
http://students.expression.edu/segoviaandres/2011/04/29/james-bucky-barnes-as-the-most-recent-captain-america
http://research.ridgway.pitt.edu/geopolitics/2010/11/16/the-potential-of-rare-earth-elements-for-strategic-leverage
http://students.washington.edu/secular/2008/03/02/mar-4th-ask-a-bible-literalist
http://students.expression.edu/patterson/i
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/04/11/elementos-de-comunicacion-una-idea-aproximada-2
http://meek.olemiss.edu/2010/01/14/448
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/05/19/on-es-el-nord
http://advocacy.mit.edu/coulter/blog/wp-trackback.php?p=13
http://blogs.wagner.edu/2010/07/28/transitions/comment-page-29
http://blogs.stlawu.edu/lucia/2009/04/02/becoming
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/05/02/yo-antes-era-muy-indecisa-ahora-no-estoy-segura
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/05/11/soy-un-mentiroso-%C2%BFcomo-sabes-que-estoy-diciendo-la-verdad
http://www.lcc.gatech.edu/~rwhitson3/wordpress/blog/2010/01/07/migration-and-adaptation-in-postcolonial-and-british-nineteenth-century-lit
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/04/14/brillante-objeto-comunicativo
http://academic.stedwards.edu/joedoc/blog/2011/02/21/abandoned-home/home3
http://students.expression.edu/segoviaandres/2011/06/13/location-and-interviewees
http://today.uconn.edu/blog/2011/09/introducing-uconn-president-susan-herbst
http://today.uconn.edu/blog/2011/08/mens-soccer-faces-early-season-challenges
http://ridhosaputra.blog.upi.edu/2010/11/12/10-penemuan-terbesar-dalam-satu-dekade-terakhir-★
http://www.laney.edu/wp/president/2010/11/05/mehserle-sentencing
http://blogs.stlawu.edu/lucia/2008/12/18/narrative
http://blogs.stlawu.edu/lucia/2009/10/01/self-portrait-wips
http://meek.olemiss.edu/2010/09/13/ken-boutwell
http://mcis.marietta.edu/community/atd001/my-works/facebook-case-study
http://forum.belmont.edu/cambodia/2008/05/23/first-day-in-siem-reap
http://ridhosaputra.blog.upi.edu/2010/11/03/5-tsunami-terdasyat-di-dunia
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/03/31/cecilia-bru-de-sala
http://today.uconn.edu/blog/2011/09/can-obamas-jobs-bill-work
http://ridhosaputra.blog.upi.edu/boger
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/04/06/els-ulls-que-van-donar-la-volta-al-mon
http://meek.olemiss.edu/2010/03/09/ethiopia
http://blogs.valpo.edu/anzhen/2008/01/27/chinese-spring-festival-is-coming
http://cv.uoc.edu/app/blogaula102/102_16_506_04_23964/2011/03/14/nomes-soc-un-ull
http://students.expression.edu/segoviaandres/roughcut
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/05/07/xa-doja-toni-garcia-sanchez
http://students.expression.edu/fearz/links-and-citations
http://cv.uoc.edu/app/blogaula102/102_16_506_04_23964/2011/05/13/paradoxa-internacional-tomeu-janer-mulet
http://nuweb4.neu.edu/nuin/blog/2011/07/31/my-email
http://students.expression.edu/vexationelucidation/2011/03/07/fl0w-chart-of-fun
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/05/24/fins-molt-aviat-mar
http://cv.uoc.edu/app/blogaula102/cv102_m1_110_01_25235/2011/03/02/hello-world
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/05/15/%C2%A1hasta-luego
http://blogs.valpo.edu/anzhen/2008/02/08/forrest-gump
http://fct.blogs.muhlenberg.edu/archives/50
http://students.expression.edu/thewall/2011/10/17/class-lecture-doodle-sounds
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/04/13/objeto-comunicativo-3
http://cv.uoc.edu/app/blogaula/082_00_004_23/2009/04/28/instructions-for-ca5
http://nuweb4.neu.edu/nuin/punzalanr/2009/09/08/social-context-of-adidas-womens-challenge
http://blogs.york.cuny.edu/wp/volksword/public-comments
http://fct.blogs.muhlenberg.edu/archives/52
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/05/11/paradoxes-de-la-vida
http://blogs.law.columbia.edu/outlaws/2009/03/01/out-in-the-workplace-a-success
http://blogs.stlawu.edu/henry/2010/03/25/doodles-i-drew-when-i-should-have-been-paying-attention-in-class
http://febrinaldi.blog.upi.edu/2010/11/29/peta-bisnis
http://homepages.baylor.edu/marcie_moehnke/2010/10/05/risky-busines/risky-business
http://www.umbc.edu/studentlife/orgs/frisbee/hello-world
http://cv.uoc.edu/app/blogaula102/102_16_506_04_23964/2011/03/31/soc-dona-muller-mare-amiga
http://blogs.valpo.edu/anzhen/2008/02/18/presidents-day
http://ajmcgr11.me.holycross.edu/2010/05/28/2-weeks-left
http://blogs.stlawu.edu/henry/2009/04/13/lets-do-it-againdizzy-rascal-mash
http://cscash.personal.asu.edu/wordpress/2010/03/15/well-done-nike
http://ualr.edu/jmdipippa/index.php/2009/08/us-attorney-purge-documents/comment-page-1
http://meek.olemiss.edu/2010/03/05/kitco-news-names-terry-wooten-editor-in-chief
http://today.uconn.edu/blog/2011/09/laurencin-appointed-to-high-level-federal-advisory-council
http://blogs.valpo.edu/anzhen/2008/02/14/julie-of-the-wolves
http://students.expression.edu/gmercadosession1/2011/12/01/in-n-out-hidden-messages
http://blogs.stlawu.edu/lucia/2009/03/17/more-found-art
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/03/21/si-fos-seria
http://blogs.stlawu.edu/lucia/2009/03/19/huzzah-for-illustratah
http://meek.olemiss.edu/2010/07/27/garreth-c-blackwell
http://today.uconn.edu/blog/2011/08/moving-in
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/04/30/si-no-estoy-en-un-error-esto-no-es-una-paradoja-pero-si-estoy-en-un-error-esto-me-sirve-de-paradoja
http://ajmcgr11.me.holycross.edu/2009/09/24/settling-down/dsc01554
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/03/31/hola-aqui-us-deixo-la-meva-re-presentacio
http://academic.stedwards.edu/joedoc/blog/2011/02/28/dont-dress-for-dinner-rehearsal/dsc_2643-1-2
http://ajmcgr11.me.holycross.edu/2009/09/24/settling-down/dsc01532
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/03/21/irena-tort-carrogio-no-irene-tor-carroggio-amb-dues-%E2%80%9Cr%E2%80%9D-i-dues-%E2%80%9Cg%E2%80%9D
http://cscash.personal.asu.edu/wordpress/2010/04/09/focus-and-creativity-are-good-looks
http://vwordpress.stmarys-ca.edu/nostayer/2011/03/31/creative-lab-4-welcome-to-clown-college
http://cv.uoc.edu/app/blogaula102/102_16_506_01_23964/2011/04/28/una-paradoxa…
http://nuweb4.neu.edu/nuin/blog/2010/08/22/a-week-in-review-august-22
http://meek.olemiss.edu/2010/04/06/the-disarming-informal-style-of-the-host-of-studio-b
http://academic.stedwards.edu/joedoc/blog/2011/02/28/gaslight-baker-2/37980003-1-3
http://students.expression.edu/segoviaandres/2011/06/17/captain-america-the-first-avenger-video-game
http://blogs.stlawu.edu/lucia/2009/10/08/final-self-portrait
http://keiowm.blogs.wm.edu/2011/08/13/discrimination-against-black-people
http://cv.uoc.edu/app/blogaula102/cv102_86_506_01_23957/2011/05/12/somos-paradojas-con-patas
http://blogs.wagner.edu/2010/08/03/accountability-the-road-to-success-in-and-out-of-the-classroom/comment-page-17
http://nuweb4.neu.edu/nuin/punzalanr/2009/10/19/knock-knock-whos-there-change
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/05/09/la-paradoxa-de-lestacio-de-tren-i-el-yonki/estacion-tren-2
http://cv.uoc.edu/app/blogaula102/102_16_506_04_23964/2011/04/01/rosario-vila-llei-de-la-creativitat-i-objecte-comunicatiu
http://cv.uoc.edu/app/blogaula/cv092_71_500_01_13908/2010/03/17/%C2%BFdebemos-frenar-a-google
http://ajmcgr11.me.holycross.edu/2010/02/07/im-bad-at-updating-my-blog/dsc00035
http://www.cs.grinnell.edu/~spurgeo1/wordpress/archives/fyi
http://cv.uoc.edu/app/blogaula102/102_16_506_02_23964/2011/03/31/%C2%BFquien-soy-desiree-rodrigo%C2%BFque-soy-4
http://dtlee.personal.asu.edu/wordpress/2010/02/red-cross-fraud-in-action
http://nuweb4.neu.edu/nuin/marcianoc/2011/10/17/blog-10
http://forum.belmont.edu/cambodia/2011/05/30/day-11

EDU Forums

http://scratch.mit.edu/forums/
https://forums.yaleglobal.yale.edu/index.jspa
http://www.msrit.edu/forum
http://www.chicagobooth.edu/fulltime/forums/
http://forums.edgcm.columbia.edu/
https://vue-forums.uit.tufts.edu/
http://www.ocf.berkeley.edu/~wwu/cgi-bin/yabb/YaBB.cgi
http://openmx.psyc.virginia.edu/forums
https://discover.mbl.edu/forums/

Semoga Bermanfaat :)

Lanjutin baca »

TEMPAT PARSE KODE HTML

Halo sobat semua, untuk mempercepat loading blog atau untuk membuat valid kode HTML biasa yang saya lakukan adalah dengan mempasre kode HTML. Disini saya alan menyediakan tempat parse kode HTML.

silakan sobat Copas kode HTML di bawah ini

Lanjutin baca »

Membuat Judul Sidebar Widget Rata Tengah (Center Positions)

hari ini saya ingin share kepada teman-teman semua tentang bagaimana cara Membuat Judul Sidebar Widget Rata Tengah (Center Positions), menarik bukan?

Begini, terkadang untuk sebagian besar templates bawaan default untuk semua posisi Judul berada di Rata Kiri (Left Positions) termasuk templates saya yang sekarang ini, tetapi kalau bagi mata saya (khusus untuk judul sidebar widget) rata kiri tidak enak untuk dilihat (note: berbeda orang beda pendapat).

Nah, karena penampilan blog selalu menjadi perhatian saya (blog terlihat klop secara keseluruhan) agar bisa juga dinikmati dengan nyaman khususnya oleh teman-teman dan umumnya untuk para pengunjung, maka saya pun mengambil inisiatif mencari cara bagaimana agar Judul Sidebar Widget tersebut berada di rata tengah.

Bagi teman-teman semua yang ingin membuat Judul Sidebarnya berada di Rata Tengah, silahkan ikuti langkah-langkah di bawah ini:

1. Login akun blogspot,
2. Klik design/rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Lalu cari kode berikut: .sidebar h2 {

Kode tambahan (untuk membuat menjadi rata tengah): text-align:center;

Ket:
- Apabila diurutan kode tersebut sudah terdapat kode: text-align:left; maka yang hanya diubah adalah tulisan 'left' nya diganti menjadi 'center',

- Apabila kode: text-align:left; nya tidak ada maka tambahkan kode: text-align:center; berada setelah kode: .sidebar h2 {

4. Jika sudah, sekarang bisa klik Save Templates.

Note:
Cara ini juga bisa digunakan untuk Judul Widget pada Footer, langkah-langkahnya juga sama seperti di atas, teman-teman hanya perlu mencari kode: #footer { atau id.footer atau #bottom h2 { (disesuaikan saja, tiap templates berbeda). Lalu bisa juga untuk Judul Postingan, silahkan cari kode .post h3 {

Seperti itulah cara Membuat Judul Sidebar Widget Rata Tengah (Center Positions), semoga bisa bermanfaat dan selamat mencoba. Salam...

Lanjutin baca »

Membuat Tanda Tangan Dalam Postingan

Tanda tangan pribadi atau own signature ini bisa di simpan dalam Blog atau Web misalnya di postingan seperti yang tampak dibawah ini atau dalam Email.. keren gak tuh..??.. Oh ya postingan di ambil dari Saung Link dengan judul How To Make Your Signature Online
Ok langsung ke tkp tentang Cara Membuat Tanda Tangan Dalam Postingan atau How To Make Your Signature Online , sbb. :

1. Login ke Web   My Live Signature atau klik  disini
2. Pilih menu Click Here To Star atau Star Now
3. Klick  Using the signature creation wizard , selanjutnya ikuti tahapannya
4. Step 1. Enter the name , masukan nama anda, lalu klik next step
5. Step 2. Select the font, pilih jenis huruf, lalu klik next step
6. Step 3. Select the size , pilih ukuran
7. Step 4. Select the color, pilih warna
8. Step 5. Set the slope , pilih posisi
9. Finished!  The signature is ready , tanda tangan sudah jadi,
10. Lihat dibawahnya ada  Your signature ID: …. Please copy the ID or save this page to use the signature in future.
11. Selanjutnya tinggal pilih : Want us to animate this signature? , Want to download this signature? , atau Want to use this signature?
12. Misalnya untuk mendapatkan kode html klik  Want to use this signature ,
13. Klik  Generate HTML code untuk mendapatkan kode html nya , nanti tinggal copy aja
14. Masih ada kelanjutannya silahkan ikuti How to use the code? , bagaimana menggunakan ttd untuk email , blog  atau website , ikuti tutorialnya seperti : Click here to read how to add your HTML signature in e-mail messages.
    Click here to read how to add your HTML signature in blogs.
    Click here to read how to add your HTML signature on websites.
    
15. The end, . Just enjoy To Make Your Signature Online. You can see  other tutorial on website

Demikian tentang Cara Membuat Tanda Tangan Dalam Postingan , saya buat sambil menahan kantuk saat nonton Piala Eropa atau Euro 2012 semoga bermanfaat.

Lanjutin baca »

Cara Memperbaiki Warning: Missing required field "updated" dan Warning: Missing required hCard "author"

Salam blogger gan! kali ini Syams Share postingkan Bagaimana cara mengatasi Error Warning: Missing required field "updated" ??? nah pasti sobat bingung kesana kemari hasilnya nol? disini Syams share mempunya cara yang lebih mudah ok langsung saja sobat blogger ikuti langkah - langkah dibawah ini. semoga berasil!

Jika Sobat Berasil Maka Gambarnya Seperti ini Coba dilihat:

Langkah pertama:
Masuk ke dashboard blogger Sobat, tab 'desain' klik, klik tab 'edit HTML', jangan lupa untuk mencentang 'Expand Template Widget', untuk keselamatan ane sarankan kalian untuk "Download Full Template" pertama dan menyimpan template Anda ke hard disk Anda. langkah pertama selesai. oke lanjut..

Langkah kedua
Cari Kode <b:if cond='data:post.hasJumpLink'> dan letakan kode dibawah ini tepat di atasnya

<div class='vcard' id='hcard- Nama Blog'>
<span class='fn n'>
<span class='given-name'>Posted by: Nama Blog</span>
</span>
<a class='updated' href=' http://blog-seo2012.blogspot.com/ ' rel='bookmark'> nama blog, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
</div>

Langkah ketiga
Simpan dan Cek apakah sudah bisa mengatasi Error Warning: Missing required field "updated" dan Warning: Missing required hCard "author"

Lanjutin baca »

Pengertian dan Sejarah SEO

Bagi saya dan kita semua yang sudah terlanjur cinta pada dunia internet khususnya para blogger kata SEO tentu sudah sangat akrab dan menjadi bahan perbincangan sehari-hari. Bagi para Pengguna internet ( blogger) memahami dan menguasai ilmu tentang SEO (Search Engine Optimization) itu seperti sebuah keharusan yang tidak bisa lagi ditawar, bagaikan sebuah Jimat (senjata andalan) yang harus di miliki untuk bertarung di dunia Internet agar bisa bersaing dan keberadaannya diakui.

Ilmu tentang SEO ini cakupannya sangatlah luas, karena kita harus mengoptimal sebuah Website atau blog hampir disemua sisi. Banyak juga para pengguna internet yang memilih cara cepat (instant) agar website atau blog mereka bisa optimal dalam pencarian mesin pencari atau bisa juga dikenal dengan istilah Blackhat SEO, namun hal itu bisa membahayakan bagi si pengguna cara tersebut apabila Mesin Pencari mengetahui sebuah website atau blog menerapkan cara tersebut, akan sangat membahayakan posisi situs tersebut pada Search Engine Result Page (SERP).

Pada artikel kali ini saya coba mengutip Penjelasan tentang seo dari sebuah sumber yaitu: wikipedia

Ada baiknya kita pahami dulu pengertian SEO ini dengan baik sebelum benar-benar menerapkannya pada blog, agar kita tidak terjerumus kedalam kategori pengguna Blackhat SEO.
Dalam artikel yang saya kutip dari wiki ini bisa kita lihat Pengertian dan Sejarah SEO di urai dengan baik dan jelas.

Optimisasi mesin pencari (SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.

Kebutuhan SEO semakin meningkat seiring dengan perkembangan jaringan internet yang digunakan dan dimanfaatkan sebagai media bisnis. Tentunya bagi sebuah perusahaan pemasaran yang berbasis web, agar berhasil mendapatkan pelanggan baru mereka harus berada pada posisi teratas pada mesin pencari. Bagi sejumlah pihak, hal ini adalah peluang untuk mereka menawarkan jasa Optimisasi mesin pencari bagi perusahaan yang menjalankan usaha bisnis berbasis web di internet.

 

Menurut Danny Sullivan, pada 26 juli 1997 istilah ” search engine optimization ” pertama kali digunakan oleh sebuah pesan spam yang diposting di Uneset. Algoritma mesin pencari saat itu masih sederhana / belum terlalu kompleks dan mudah dimanipulasi.

Algoritma pada versi awal tersebut melakukan pencarian didasarkan sepenuhnya oleh informasi yang di buat oleh para webmaster melalui meta tag pada kode html situs. Meta tag menyediakan informasi tentang konten yang mengandung kata kunci (keyword). Kesempatan ini oleh sebagian webmaster digunakan untuk memanipulasi mesin pencari dengan cara menuliskan kata kunci yang tidak relevan atau tidak sesuai dengan  konten situs yang sebenarnya, sehingga mesin pencari salah dalam menempatkan dan memberi peringkat sebuah situs. Akibatnya, hasil pencarian menjadi tidak akurat dan merugikan bagi pengguna internet maupun bagi mesin pencari itu sendiri karena tidak menemukan informasi yang berkualitas dan relevan seperti yang di harapkan.

Dua mahasiswa doktoral ilmu komputer Universitas Stanford, Larry Page dan Sergey Brin berusaha mengatasi permasalahan tersebut dengan membangun Backrub, sebuah mesin pencari sederhana yang mengandalkan perhitungan matematika untuk memeringkat halaman web. Algoritma tersebut, yang dinamakan PageRank, merupakan fungsi matematika yang kompleks berupa kombinasi antara perhitungan jumlah link yang mengarah pada suatu halaman web dengan analisis atas kualitas masing-masing link tersebut.

Berdasarkan prinsip kerja PageRank, secara umum bisa dikatakan bahwa halaman web yang memperoleh peringkat tinggi adalah halaman web yang banyak di-link oleh halaman web lain. Nilai PageRank juga akan semakin tinggi apabila halaman web yang mengarah kepadanya juga memiliki kualitas yang tinggi. Nilai sebuah link dari situs berkualitas tinggi seperti Yahoo! atau DMOZ dapat bernilai lebih tinggi daripada kombinasi nilai link dari seratus situs web berkualitas rendah.
Backrub hanyalah sebuah permulaan. Pada tahun 1998 Page dan Brin mendirikan Google yang merupakan versi tingkat lanjut dari Backrub. Dalam waktu singkat Google memperoleh reputasi dan kepercayaan dari publik pengguna internet karena berhasil menyajikan hasil pencarian yang berkualitas (tidak dimanipulasi), cepat, dan relevan. PageRank lantas menjadi standar baik bagi mesin pencari lain maupun bagi webmaster yang berusaha agar situs webnya memperoleh nilai PageRank setinggi mungkin sehingga menempati posisi tertinggi pada hasil pencarian.

Sejak tahun 1997 perusahaan mesin pencari menyadari bahwa beberapa webmaster (pengelola website) melakukan segala hal untuk dapat terindeks pada urutan teratas hasil pencarian, termasuk dengan cara-cara yang manipulatif dan ilegal. Infoseek, salah satu mesin pencari generasi pertama, melakukan perbaikan pada algortima mereka untuk mencegah manipulasi dengan “meta tag” yang tidak relevan.

Bagaimanapun, dalam beberapa hal mesin pencari juga menyadari nilai ekonomi yang besar dari peringkat hasil pencarian, dan mereka kadang-kadang memiliki kepentingan terselubung dari aktivitas perusahaan SEO. Beberapa perusahaan mesin pencari mengirim perwakilan atau menjadi tamu pada event-event rutin yang diselenggarakan komunitas SEO.

Namun untuk para  webmaster, mesin pencari seperti Google dan Yahoo! memberi kesempatan bagi mereka untuk bisa mengoptimalkan situsnya agar bisa terindeks dengan baik oleh mesin pencari. Aplikasi Webmaster tool yang disediakan oleh google ini memperkenalkan sitemap berbasis XML, begitu juga dengan Yahoo! juga telah menerapkan sitemap berbasis XML, yang sebelumnya menyediakan Program Site Explorer agar para webmaster bisa mendaftarkan URL, memeriksa jumlah halaman situs mereka yang telah berhasil terindeks di data-base Yahoo. Yang harus selalu kita ingat bahwa, Mesin pencari tidak metolerir cara SEO yang manipulatif dan menghalalkan segala cara.

Lanjutin baca »

Cara Membuat Halaman Sitemap / Daftar isi

Memuat Daftar Isi Halaman memang sudah banyak di ahas oleh para blogger yang lain. tapi saya disini akan sedikit membahas tentang Cara Membuat Halaman Sitemap / Daftar isi yang sederhana yang tidak begitu sulit.
Kita harus bersusah payah atau membuat site map yang rumit kita buat saja Daftar Isi atau site map yang sederhana.
Silakan sobat copas aja kode berikut.

<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 500;</script><br />
<script src="http://hitamputihkehidupan.googlecode.com/files/hp-blogtoc.js"></script><br />
<script src="http://blog-seo2012.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=9999"></script>


Sobat bisa gunakan halaman baru dengan bisa merubah tanggal post penerbitan yang lebih awal mau lihat contohnya silakan buka Sitemap/Daftar Isi di blog ini.

Lanjutin baca »

membuat postingan di home page menjadi 2 kolom

Kustomisasi halaman posting ini tentu saja bermanfaat untuk memanfaatkan ruang blog yang terbatas menjadi maksimal, karena lebar halaman posting yang defaultnya 1 buah kini bisa menjadi 2 buah, tentu saja dengan konsekuensi tampilan lebar halaman posting di home page menjadi kecil karena ruangnya dibagi menjadi 2 kolom,akan tetapi hal ini tidak berlaku pada halamam page atau pada saat menampilkan url artikel anda, maka halaman posting akan kembali default dengan lebar yang normal.

berikut cara membuat postingan di home page menjadi 2 kolom:

1. Login ke blogger dengan ID anda.
2. Klik Rancangan. 
3. Klik tab Edit HTML. 
4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
5. Cari kode css .post{ ( masing-masing template kadang berbeda) cari yang seperti ini :

.post{background:#fff;
margin:0.5em 0.5em;
border:0px solid #ccc;}
padding:0.5em;

6. Jika anda sudah temukan kode tersebut perhatikan perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut, sehingga menjadiseperti ini :

.post{background:#fff;
margin:0.5em auto 0.5em;
border:0px solid #ccc;}
padding:0.5em;

7. Kemudian carilah kode ]]></b:skin>, copy lalu paste kode berikut persis dibawah kode ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style>

.post {

width:285px;

height:400px;

margin-right:5px;

overflow:hidden;

float:right;

border:3px double #808080;

}.post-body{color:#555;margin: 5px 10px 5px 10px;padding:0;font-family:&#39;tahoma&#39;,Helvetica,Sans-serif;font-size:11px;line-height:16px;text-align:justify} </style></b:if>

Jika sudah selesai, silahkan di preview dulu, jika tidak terjadi masalah , jangan ragu-ragu silahkan save template.

silahkan atur ketinggian dan lebar sesuaikan dengan lebar postingan template anda, lihat yang berwarna biru.

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang membuat postingan di home page menjadi 2 kolom kali ini, semoga bermanfaat bagi Anda

Lanjutin baca »

Cara Membuat Header 2 Kolom

Bismillah

Dalam sebuah blog memang banyak tutorial dan jika bahas satu persatu memang tiada habis-habisnya, tapi dengan ngeblog kita bisa berkreasi semau kita sendiri alhasil kreasikita bagus dan ditawai iklan oleh suatu produk dan banggalah kita, namun saya disini tidak membahas berbangga karena dapet duit tapi saya disini akan berbagi suatu tutorial yaitu membuat header menjadi 2 kolom, dalam kolom header biasanya kita hanya meletakkan logo blog kita dan selesai, namun dengan adanya bantuan 1 kolom lagi mungkin kita bisa gunakan untuk meletakkan iklan

Preview

---

Cara Membuat Header 2 Kolom

---

Langkah 1
Login ke Blogger
Masuk ke "Rancangan - Edit HTML"
Cheklist "Expand Template Widget"
Langkah 2
Cari kode: ]]></b:skin> dan letakkan kode dibawah ini diatasnya

#header {width:50%;display:inline-block;_float:left;}
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}

#header-right .widget {margin:0;}

Langkah 3
Kemudian cari kode yang mirip seperti ini

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Judul Blog Sobat (Header)' type='Header'/>

...

</b:section>

... merupakan kode yang agak panjang, jadi saya tidak menuliskannya.
Dan dibawahnya kode </b:section> pada kode diatas letakkan kode berikut

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Contoh Penerapannya

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title=' Judul Blog Sobat  (Header)' type='Header'/> 

...

</b:section> 

<b:section id='header-right' showaddelement='yes'/> 
<div style='clear: both;'/>

Langkah 4
Sekarang cari kode ]]></b:template-skin>  dan letakkan kode dibawah ini diatasnya

#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}

Langkah 5

Semoga bermanfaat, selamat mencoba dan semoga berhasil

Lanjutin baca »

Belajar Membuat Blog Di Blogspot.com

Salam sukses selalu, Belajar Komputer Melalui Internet saat ini akan membahas tentang Belajar membuat blog di blogspot. Belajar membuat blog di blogspot ini mungkin bagi sebagian orang pembahasan ini sudah ga asing lagi namun mungkin bagi seorang pemula yang baru memulai terjun ke dunia blogging ini sedikit dapat membantu, sebelum beranjak ketahap pembuatan blog ga ada salahnya kalau sedikit membahas apa itu blog.

Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. untuk lebih jelasnya pembahasan blog silahkan kunjungi situs Wikipedia

Sekarang langsung saja ke topik utama.

Pada kesempatan ini saya akan membahas pembuatan blog di blogger.com dimana blogger.com ini masih termasuk pengembangan google, daftar di situs ini free alias gratis jadi bagi para pemula ga usah ragu atau takut seandainya nanti harus mengeluarkan biaya. sebagai permulaan mungkin kita harus menyiapkan dulu sebuah Email sebagai modal kita menjadi seorang blogger dan email inipun bisa didapatkan secara gratis. Nah dalam pembuatan Email disarankan kita menggunakan email yang disediakan oleh google sendiri yaitu Gmail, kenapa disarankan memakai Gmail? karena untuk memudahkan kita nanti pada saat mengembangkan fitur-fitur atau fasilitas yang disediakan di blogger.com dan google tersebut karena nantinya akan menjati satu kesatuan yang dapat mengembangkan blog kita menjadi blog yang dapat dikatakan berkualitas.

Tahapan membuat blog di blogspot

Membuat akun Gmail

Membuat blog di blogspot kita harus buat akun Gmail terlebih dahulu Silahkan buka dulu Postingan Cara membuat akun Gmail

Daftar Blog di blogger

1. Silahkan kunjungi situs http://www.blogger.com
2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan bawah, ubah bahasa ke Indonesia agar lebih mudah difahami.
   
3. Silahkan langsung masuk/login dengan menggunakan username/nama pengguna serta password/sandi gmail anda ( akun email anda bisa untuk login ke blogger).
   
   
   
   
4. Isilah formulir yang ada :
   1. Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.
   2. Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.
   3. Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.
   4. Klik tanda panah bertuliskan “Lanjutkan”. 
    
5. Klik tombol “Blog Baru”.
   
   
   
   
6. Isilah formulir :
   1. Judul : Isi dengan judul blog yang di inginkan, misal : Coretan sang penghayal
   2. Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.
   3. Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).
   4. Lanjutkan dengan klik tombol “Buat blog!”.
      
      
      
      
   5. Sampai disini blog anda telah berhasil di buat.
7. Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai mengeposkan”.
   
   
   
   
8. Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.
   
   
   
   
9. Silahkan lihat blog anda dengan klik tombol “Lihat Blog”
10. Selesai.

Kini blog anda telah tercipta dan dapat di buka di berbagai belahan dunia. Umumkan pada teman-teman anda bahwa anda kini telah mempunyai blog. Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Belajar membuat blog di blogspot kali ini, semoga bermanfaat bagi Anda.

Lanjutin baca »