Seputar BLOG

8/18/2019 Seputar BLOG

1/17

Tips Membackup Data Dalam Widgets

Karena banyaknya keluhan dari teman-teman blogger ketika mengganti template yaitu menghilangnya

segala aksesori serta blog tools yang telah di pasang di blog, maka pada postingan kali ini saya akan

mencoba mengulas tentang bagaimana cara membackup data-data yang telah di masukan ke

dalam elemen halamanatau di sebut juga dengan widget.

Sebenarnya, tentang cara membackup data widget ini pernah saya ulas di sini, akan tetapi rupanya

postingan tersebut belum terlalu jelas, sehingga masih banyak teman-teman blogger yang merasa kecewa

saat mengganti template.

Ada banyak cara untuk membackup data yang ada dalam Widgets, akan tetapi karena keterbatasan waktu

untuk mengulasnya secara detail, maka saya akan mencoba dua buah langkah saja yaitu membackup

secara langsung dari elemen halaman serta membackup melalu source code template.

Membackup widgets melalui Elemen Halaman

Membackup widgets dengan cara ini sebenarnya sedikit merepotkan, akan tetapi daripada kita kehilangan

berbagai aksesori serta tool yang telah terpasang, sepertinya lebih bijaksana untuk melakukannya.

Silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger dengan ! sobat.

". Klik Layout.

#. Klik menu Elemen halaman, sobat akan melihat halaman seperti ini $contoh saja% :

http://kolom-tutorial.blogspot.com/2007/06/template-baru-vs-template-klasik.htmlhttp://kolom-tutorial.blogspot.com/2007/06/template-baru-vs-template-klasik.html


2/17

&. 'ada contoh gambar di atas terlihat tulisan edit yang saya beri lingakaran merah, tugas sobat

yaitu klik pada tulisan Edit pada setiap elemen halaman yang ada, maka akan muncul popup window

yang menyertakan kode yang pernah di masukan kedalamnya. 'erhatikan gambar berikut :


3/17

(. )opy kode yang tertanam di dalamnya, kemudian paste pada Notepad.

*. +langi langkah di atas pada seluruh elemen yang ada. ika sobat mempunyai " elemen halaman,

maka buka ke " elemen halaman tersebut lalu copy paste kode yang ada di dalamnya

. Selesai.

Seperti yang saya katakan di atas bahwa langkah ini sedikit membosankan dan memerlukan waktu yang

cukup lumayan lama, akan tetapi untuk menyelamatkan data yang ada maka bolehlah untuk di lakukan.


4/17

Backup widget melalui Source Code Template

)ara ini menurut saya lebih cepat dan e/isien, hanya perlu sedikit waktu untuk melakukannya. Akan tetapi

walaupun demikian, cara ini memerlukan kejelian sobat dalam mencari kode widget di balik tumpukan kode

template yang ada. 'enasaran bagaimana langkahnya0 silahkan ikuti langkah-langkah berikut ini :

1. Kunjungi alamat blog milik sobat sendiri.

". Setelah sobat berada pada blog sobat sendiri, klik menu iew yang berada pada bar menu

sebelah atas pada browser masing-masing. 'erhatikan gambar berikut :

#. setelah klik iew, maka akan keluar sub menu dari iew ini, lalu klik Source.

&. Apabila sobat memakai browser !nternet E"plorer , maka akan secara otomatis keluar program

notepad yang memuat source code dari template milik sobat. Apabila sobat memakai

browser Mo#illa $ire%o" atau&pera, maka akan keluar halaman baru yang memuat source code dari

template milik sobat. 'erhatikan gambar berikut :


5/17

(. Simpanlah $Sae% data source code tersebut untuk nanti di masukan ke dalam elemen halaman.

*. Selesai.

Seperti yang saya katakan di awal bahwa cara ini sangat mudah, akan tetapi source code tersebut memuat

bukan hanya kode widget, akan tetapi seluruh kode yang termuat di dalam template milik sobat.

'ertanyaan yang mungkin timbul yaitu di manakah letak kode-kode yang ada dalam elemen

halaman'widget0 awabannya yaitu setiap kode $baik aksesori blog, jaascript, kode buku tamu, dll% yang

tertanam di dalam elemen halaman akan selalu di awali dengan kode :

!an di akhiri dengan kode :


6/17

Sebagai contoh, di dalam source code template milik saya terdapat kode seperti ini :

Buku Tamu


7/17

Cara Merubah Template BlogBy : Bahrul Ulum

Bosan dengan tampilan blog anda ? silahkan ganti tampilan nya dengan templateyang dapat anda cari secara gratis di banyak situs penyedia template gratis.

Untuk merubah template sbb :

• Cari Situs Penyedia Template Gratis

• Untuk inormasi template gratis bisa lihat di blog saya yang laindihttp:!!panduanbisnis".blogspot.com!#$$%!$#!template&gratis.html atau andabisa langsung kesini : http:!!btemplates.com! atau disinihttp:!!reetemplates.blogspot.com!

• 'i situs penyedia template pilih template yang anda sukai .

• (alu klik )do*nload).

• Simpan hasil do*nload dihardisk anda+.

• Setelah di do*nload ,lik kanan ikon hasil do*nload itu +

• lalu klik - etrak here-

• Untuk cara mengatur /le silahkan lihat di : trik -Mengatur 0ile-

Catatan : Pastikan terlebih dulu bah*a anda telah mengetahui template lama andamemakai yg mana+ apakah dengan classic12TM(3 template+ atau 4e* 15M(3templateCiri# nya bisa dilihat di dalam halaman editor 2TMl sbb :

Untuk yg classic12TM(3 + cirinya di paling atas..dia*ali dengan 67 '8CT9Phtml...dst..dst..+ seperti tampak dalam gambar sbb :

http://www.bahrul-ulum.com/http://panduanbisnis1.blogspot.com/2009/02/template-gratis.htmlhttp://panduanbisnis1.blogspot.com/2009/02/template-gratis.htmlhttp://universityofbloggers.blogspot.com/2009/02/cara-mengatur-file-di-komputer.htmlhttp://www.bahrul-ulum.com/http://panduanbisnis1.blogspot.com/2009/02/template-gratis.htmlhttp://universityofbloggers.blogspot.com/2009/02/cara-mengatur-file-di-komputer.html


8/17

'an untuk yang 4e* 15M(3template cirinya di paling atas..dia*ali dengan 67?ml ;ersionda perubahan pada dashbor blogspot sbb : Untuk Template4e* 5M( akan tertulis tab Design 1 Bukan (ayout:lagi seperti yg di 'ashbor lama 3

4ah..=ika kita sudah mengetahui =enis template lama kita+ maka langkah selan=utnya

adalah mencari template yg sesuai dengan template lama+ misalnya yg lama pakai4e* 15M(3 + maka carilah template dengan yg 4e* 15M(3 pula..dan sebaliknya...

http://airsehatoxy.blogspot.com/http://airsehatoxy.blogspot.com/


9/17

Ciri hasil do*nload 4e* 15M(3 1 setelah di ekstrak dari P/le3 seperti terlihat dalamgambar :

'an Ciri hasil do*nload classic12TM(3 seperti terlihatdalam gambar :

Setelah proses men do*nload template selesai+ dan sudah sesuai dengan pilihantemplate antara yg lama dengan yg baru+ (angkah selan=utnya sbb :

•Signup 1Masuk3 ke dashboar blogspot milik anda.

• Pilih -LAYOUT- Design atau -tata letak-.

• Pilih dit 2TM(.

• ,lik -'o*nload 0ull Template- untuk menyimpan template lama anda dan

agar anda mempunyai backup unuk =aga&=aga =ika ter=adi -gagal-

• lalu klik tab -Telusuri- atau -bro*se- .

•


10/17

• 4ah anda akan mencari /le hasil do*nload anda di dalam /le hardisk yang

tadi anda simpan.

• Aika sudah ketemu klik )open).

• anda akan kembali ke halaman blogspot.

• (alu klik -Unggah- atau Upload.

• Setelah proses upload selesai+ akan ada kon/rmasi bah*a template baru ituakan menghapus beberapa *diget!gadget yang telah terpasang di blog andasebelumnya.

• 8leh sebab itu =ika anda ingin gadget itu tampil kembali di template andayang baru +maka sebelum anda merubah template+ sebaiknya kode&kode htmldari *idget dicopy dulu dan bisa anda simpan di notepad sementara.

• Selesai.


11/17

cara mengganti, merancang dan membuat

template blog sendiri di blogspot

Kabar gembira bagi teman-teman blogger yang memiliki blog di

situs Blogger (Blogspot), karena sekarang blogger sudah menyediakan fasilitas yang

akan memudahkan anda mengganti, membuat dan merancang template blog sendiridengan sangat mudah dan praktis

Caranya malah lebih mudah langsung anda coba daripada memahami tutorial ini

BTW.. bagi yang penasaran, berikut langkah-langkahnya

. !ogin di Blogger

". #ada $ashboard, pilih link Design

%. langkah ini optional, tapi sebaiknya anda backup template lama anda terlebih

dahulu, terutama settingan pada meta tag-nya

Cara membackup template ada bermacam-macam & ('ebelumnya klik $esign Edit

Html)

Cara & #ada bagian *dit +tml Klik Download Full Template, lalu simpan pada

hardiskflashdisk anda, anda bisa meng-upload file tersebut bila ingin kembali ke

template sebelumnya

Cara " & #ada bagian *dit +tml klik kolom pada Expand Widget

Templates(tuuannya supaya idget-idget anda ikut terbackup), lalu copy paste

semua code script template di baahnya dan salin ke file /otepadWordpad (pada

komputer anda 'tart menu 'tart 0enu cari aplikasi Wordpad/otepad)Setelah proses backup selesai, lanjutkan pada langkah 4

1. Klik !ink 2 Template Designer di sebelah !ink *dit +T0!

3. #ilih 0odel Template yang anda suka

4. 5anti Background sesuka anda

6. #ilih model layout sesuai selera atau kebutuhan

7. 'entuhan 8khir, Advanced

pada fasilitas ini anda bisa mengganti model Tulisan (9ont) dan uga arnanya,

mulai dari font pada #age, Title, $escription, link, dsb

0udah Baaanget so : 'elamat 0encoba ;

http://blog.top10rank.us/cara-mengganti-merancang-dan-membuat-template-blog-sendiri-di-blogspot/http://blog.top10rank.us/cara-mengganti-merancang-dan-membuat-template-blog-sendiri-di-blogspot/http://www.blogger.com/http://www.blogger.com/http://blog.top10rank.us/cara-mengganti-merancang-dan-membuat-template-blog-sendiri-di-blogspot/http://blog.top10rank.us/cara-mengganti-merancang-dan-membuat-template-blog-sendiri-di-blogspot/http://blog.top10rank.us/cara-mengganti-merancang-dan-membuat-template-blog-sendiri-di-blogspot/http://www.blogger.com/http://www.blogger.com/http://blog.top10rank.us/cara-mengganti-merancang-dan-membuat-template-blog-sendiri-di-blogspot/


12/17

9es7 Trik Cara Mengganti dan Setting BackgroundBloggerSenin, Juli 18, 2011 Walman Carakom.Com

Image or Picture Topic. Tutorial Cara mengganti background blogspot dan tips trik menjadikan

oto kita atau gam!ar sendiri di pasang se!agai !ackground !log. "agaimana mem!uat, mengedit dan

ganti #arna latar $ang le!i% unik dan menarik& 'ari meru!a% semuan$a sekali sentu%an setting !logdengan tips trik jitu, temukan ja#a!ann$a disini. Blogger adala% sala% satu la$anan !log dari sekian

jenis pen$edia la$anan seperti Wordpress, "logdetik, 'ultipl$ dan lain se!again$a. "osan dengan

dengan tampilan latar !log $ang itu(itu aja, sekarang kreasi anda $ang akan menja#a!n$a.

Screens%oot "ackgound "logger

Blogger memiliki tips trik $ang menarik diantaran$a cara mengganti background blogger

dengan foto atau gambar yang unik sesuai selera anda. "uat )ariasi dan pernak(pernik $ang

menunjang pengunjung untuk tertarik dengan !log $ang anda miliki. Pem!aca akan ingat dan secara

tidak langsung datang kem!ali mencari inormasi didalam !log kesa$angan anda.

Tampilan template yang fresh blogger dan menarik adala% sesuatu $ang mem!uat kita terus

semangat untuk mengelolan$a maupun megupdate inormasi. *papun $ang dilakukan akan !er%asil

jika dipengaru%i ole% %ati, kesunggu%an dan suasana + 'aka mari kreasikan tampilan blog anda.

Pengen tau tips trik cara meru!a% tampilan %alaman la$out !elakang !logspot dengan oto anda atau

http://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.htmlhttp://www.carakom.com/2011/07/go-trik-cara-mengganti-dan-setting.html


13/17

gam!ar unik lainn$a+ Sekarang a$o, kita co!a langka%(langka% !erikut ini

1. -ogin ke "logger as!or / lik ancangan / Pili% Ta! dit 3T'-

2. Setela% itu klik Download Template Lengkap untuk mem!ackup

template jika sekiran$a nanti terjadi kesala%an, kita masi% mempun$ai

cadangan ile $ang masi% !aik

4. Silakan centang Expand Template Widget untuk masuk pada kategori memodiikasi template

$ang akan diru!a%

5. Tekan Ctrl + F Pada ke$!oard untuk memuda%kan mencari kode pada template

6. Cop$ kode CSS ini ke template anda se!elum kode

backgrondimage# rl 7- 9oto *nda:;

$

>

1. pload ile gam!ar $ang akan dijadikan se!agai !ackground !log anda.

Situs la$anan %osting gam!ar gratis seperti %reeimage&osting' images&ack'

(&otobcket dan lain se!againn$a

2. emudian ganti - 9oto *nda menjadi url gam!ar $ang tela% anda upload

Conto%

body

backgrondimage# rl) &ttp#//i*+,-p&otobcket-com/albms/ii.0/mo&amedrias/body-gi% 12

$

>

4. lik Simpan Template

5.


14/17

Mengganti Header Template (ada Blogger 'osted by 2erman on 3riday, 4ctober 1, "5&1 comments

Supaya blog Anda terlihat unik atau beda dari yang lain. Maka Anda

harus mengganti tampilan blog Anda.

Ada banyak cara untuk melakukannya. Misalnya dengan mengganti template yang dibuat

oleh pihak ketiga tapi rata-rata template tersebut sudah ada yang menggunakannya.

6erkecuali Anda membuat template sendiri namun cara ini memerlukan waktu yang lama

dan tidak mudah untuk membuat sebuah template yang bagus. adi salah satu cara yang

paling mudah dan e/ekti/ adalah mengganti header pada template.

2eader merupakan unsur yang paling penting dalam sebuah template karena setiap

pengunjung yang datang ke blog Anda pertama kali yang dilihat adalah headernya. adi

mengganti header merupakan cara yang paling tepat.

2eader tidak harus berupa gambar. Anda juga bisa menggunakan teks sebagai header yang

penting enak dilihat. ika anda ingin menggunakan gambar sebagai header tetapi tidak bisa

membuatnya. angan khawatir, karena saat ini ada banyak situs yang menyediakan gambar

header secara gratis jadi Anda tinggal mendownload saja. 7eberapa website yang memilikiheader yang cukup bagus

seperti: )**pi"el+blogspot+com, %reewebpageheaders+com,smashingmaga#ine+com,

dan masih banyak lagi.

'ada postingan ini saya akan membahas tentang mengganti header

dari%reewebpageheaders+com. +ntuk mendowloadnya, silahkan ikuti langkah-langkah

dibawah ini:

1. 7uka situs http,''%reewebpagesheaders+com'gallery

http://www.hermanblog.com/2008/11/mengganti-header-template-pada-blogger.htmlhttp://www.hermanblog.com/2008/11/mengganti-header-template-pada-blogger.html#comment-formhttp://www.hermanblog.com/2008/10/modifikasi-tampilan-blog-dengan.htmlhttp://www.hermanblog.com/2008/10/modifikasi-tampilan-blog-dengan.htmlhttp://www.hermanblog.com/2008/11/mengganti-header-template-pada-blogger.htmlhttp://www.hermanblog.com/2008/11/mengganti-header-template-pada-blogger.html#comment-formhttp://www.hermanblog.com/2008/10/modifikasi-tampilan-blog-dengan.htmlhttp://www.hermanblog.com/2008/10/modifikasi-tampilan-blog-dengan.html


15/17

". +ntuk mendownload header. Anda harus memiliki account terlebih dahulu.

Klikregister untuk menda/tar.

#. Klik -gree. Kemudian Anda akan diminta untuk

mengisi 8egistration /orm. 3orm ini terdiri dari " bagian yaitu : .e/uired in%o dan &ptional

in%o.

Required info merupakan in/o yang harus Anda berikan untuk penda/taran

sedangkan Optional info merupakan in/o yang digunakan untuk menampilkan data Anda

kepada pengunjung saat Anda login. ika Anda merasa tidak perlu maka diabaikan saja

untuk bagian ini

&. Kemudian klik Submit .egistration $orm. ika sudah Anda akan mendapat pesan

seperti ini.

(. 7uka email yang Anda gunakan untuk

menda/tar. Klik pada link yang diberikan untuk mengak/ti/kan account Anda.

*. ika sudah, Anda akan mendapat pesan bahwa account Anda sudah diakti/kan.

. klik .eturn to the %ront page o% %ree

Web (age Headers.

5. 9alu klik Login untuk mendowload gambar header.

. 'ilih kategori header yang Anda inginkan. ika Anda sudah menemukan gambar yang

cocok. Klik pada gambar tersebut lalu klik 0ownload.

1. Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu

pilih Sa1e !mage -s lalu tekan Sa1e.

11. Selesai. Sekarang gambar sudah tersimpan di komputer Anda

9angkah selanjutnya yang harus Anda lakukan adalah mencari tahu berapa ukuran header

pada template Anda supaya pada saat mamasang ukurannya pas dengan header template

Anda. )aranya:

1. Klik Layout-;Edit HTML.

". )ari kode


16/17

#. ika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya background: url ? no-repeat@ width:5p@ height:1p@

Width adalah panjang header dan Height adalah lebar header. 7erarti Anda harus meresiBe

gambarnya menjadi 51 piel. Anda bisa menggunakan program pengolah gambarseperti Ms 'aint, A)! See, photoshop untuk meresiBenya.

&. Setelah selesai. 7uka Blogger , masuk ke menu 0esign-;(age Elements.

(. Klik Edit pada bagian 2eader.

*. Kemudian akan muncul halaman baru.

. 'ilih Browse %rom your computer jika gambarnya disimpan dikomputer atauBrowse

%rom the web jika gambarnya disimpan di image hosting seperti: mageshack, 'hotobucket,

dan Ceocities.

5. 'ada bagian ='lacement=. 'ilih Behind title and description jika Anda ingin

manampilkan gambar dibelakang judul dan deskripsi blog atau pilih !nstead o% title and

description jika Anda ingin menutupi judul dan deskripsi blog.

. 9alu klik Sa1e. Klik iew Blog untuk melihat hasilnya.


17/17

Catatan,

6idak semua template bisa dipasang gambar. Ada yang menggunakan teks saja. adi

pilihlah template sesuai kebutuhan.

Selamat mencoba. Semoga berhasil...

Seputar BLOG

Documents

Transcript of Seputar BLOG