Download - 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
-
8/18/2019 Seputar BLOG
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 :
-
8/18/2019 Seputar BLOG
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.
-
8/18/2019 Seputar BLOG
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 :
-
8/18/2019 Seputar BLOG
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 :
-
8/18/2019 Seputar BLOG
6/17
Sebagai contoh, di dalam source code template milik saya terdapat kode seperti ini :
Buku Tamu
-
8/18/2019 Seputar BLOG
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/18/2019 Seputar BLOG
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/
-
8/18/2019 Seputar BLOG
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- .
•
-
8/18/2019 Seputar BLOG
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.
-
8/18/2019 Seputar BLOG
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/
-
8/18/2019 Seputar BLOG
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
-
8/18/2019 Seputar BLOG
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.
-
8/18/2019 Seputar BLOG
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
-
8/18/2019 Seputar BLOG
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
-
8/18/2019 Seputar BLOG
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.
-
8/18/2019 Seputar BLOG
17/17
Catatan,
6idak semua template bisa dipasang gambar. Ada yang menggunakan teks saja. adi
pilihlah template sesuai kebutuhan.
Selamat mencoba. Semoga berhasil...