Perancang Template Terbaru Dari Blogger

Blogger Dalam Konstruksi ini ialah akomodasi gres yang diperuntukkan pra blogger pengguna blogspot, sebagai bukti begitu besarnya perhatian blogger terhadap para pengguna blogger. Dengan akomodasi ini semua menjadi semakin gampang dalam mengolah blog dimana seorang blogger sanggup melaksanakan konstruksi blognya sambil sanggup melihat eksklusif hasilnya. Sebelumnya sesudah melaksanakan perubahan pada perancangan blog, untuk melihat hasil perubahan kita perlu melaksanakan proses preview/pratinjau sedangkan dengan adanya akomodasi ini seorang blogger sanggup dengan gampang melaksanakan editing template dan mempercantik tampilan blog dengan sanggup eksklusif melihat hasilnya.

Ada beberapa akomodasi yang ada pada Blogger Template Designer, yaitu Templates untuk menentukan templates blog, pilih sesuai dengan harapan kita sendiri.

Kemudian yang kedua ialah Background/Latarbelakang disini seorang blogger sanggup mengganti warna latar belakang blognya dengan gampang hanya dengan klik warna dan jadinya eksklusif dpat dilihat di bab bawahnya.

Layout terdiri dari tiga bab yaitu Body Layout, Footer Layout dan Adjust Width dengan adanya ketiga akomodasi Layout ini maka seorang blogger dengan gampang sanggup mengatur berapa kolom yang diinginkan untuk body, berapa kolom untuk footer dan seberapa besar ukuran lebar blog.

Untuk Body Layout tediri dari 1 kolom sampai 4 kolom, sanggup dilihat menyerupai gambar berikut :

 Berikut ialah referensi footer layout yang sanggup terdiri dari satu kolom, dua kolom maupuan tiga kolom, jikalau dibandingkan dengan template blog sebelumnya yang sanggup dilakukan perubahan melalui edit HTML sekarang hanya dengan klik format yang sudah disediakan.

Adjust Width ialah akomodasi untuk mengatur lebar blog dan sidebar dengan cara menggeser trackbar ke kiri untuk memperkecil ukuran lebar blog dan sidebar dan geser ke kanan untuk memperbesar ukuran lebar blog atau sidebar. Selain dengan menggeser trackbar sanggup juga eksklusif mengetik angka ukuran PX-nya.

 

Pada hidangan Advanced seorang blogger sanggup mengubah bentuk huruf/fonts, warna latar, link, judul blog, teks tab, latar tab, header tanggal, entri, catatan kaki, tautan catatan kaki dan add css untuk menciptakan custom css.

Mengubah Readmore Menjadi Baca Selanjutnya

Readmore pada awalnya tidak dilengkapi dalam blogger sehingga para pemilik blog berusaha membuatnya sendiri dengan menambah script untuk readmore.

Namun ketika ini mungkin alasannya blogger selalu memperhatikan para pengguna blog yang memakai blogger maka blogger pun sudah mengikut sertakan yang namanya readmore.

Menu readmore pada jendela posting artikel terlihat menyerupai dalam gambar berikut

Apabila seorang blogger menandai readmore dengan tanda di atas maka yang muncul pada artikel yakni goresan pena Readmore >>.

Nah kemudian bagaimana jikalau mengganti kata Readmore yang dimiliki blogger contohnya menjadi Baca Selanjutnya... atau Baca Seterusnya atau Baca Lagi...

Berikut ini cara mengganti kata "Readmore >>" menjadi  "Baca Selanjutnya..."

Login ke Blogger kemudian klik Layout/Tata Letak kemudian klik Edit HTML.
Berikan tanda centang pada kota Expand Template Widget.
Cari aba-aba menyerupai di bawah ini.

<data:post.body/>

di bab bawah aba-aba <data:post.body/> terdapat aba-aba menyerupai berikut (lihat gambar dalam kotak warna merah) :

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> 
      </div>
    </b:if>

selengkapnya terlihat menyerupai berikut :

hapus aba-aba di atas kemudian ganti dengan aba-aba di bawah ini :

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>Selanjutnya...</a> 
      </div>
    </b:if>

Cara menciptakan Readmore sudah selesai, kemudian berikutnya yakni bagaimana menempatkan kata Baca selanjutnya ke dalam artikel.

Ketik dulu artikel awal (sebelum kata Baca selanjutnya, kemudian klik icon Readmore (klik pada icon menyerupai yang terlihat dalam gambar 1 di atas ditunjuk dengan tanda panah), kemudian ketik artikel selanjutnya sampai selesai.

Memasang Slideshow Pada Blogger

Slide merupakan tampilan berupa objek yang dalam kurun waktu tertentu selalu bergantian tampil antara objek atau image yang satu dengan image yang lainnya.

Artikel ini merupakan balasan atas pertanyaan dari sahabat kita Diktus yang menanyakan bagaimana cara menempatkan slide pada blog menyerupai yang ada pada blog ini. Sebenarnya sih goresan pena wacana memasang slide pada blog ini sudah banyak ditulis para blogger lain namun tidak salahkan untuk mempermudah pengunjung BIK dalam mendapat info wacana memasang slide ini sehingga perlu diposting di blog ini juga.

Berikut ini tips memasang slide berupa foto-foto kita sendiri di blog.

Untuk menampilkan slide berupa foto sangat mudah, namun sebelumnya semua foto yang dijadikan slide harus disimpan terlebih dahulu di situs/web penyedia layanan untuk upload foto misanya picasa web album.

Pada rujukan ini saya memakai Picasa Web Albums anda sanggup saja memakai friendster atau situs penyedia slide lainnya.

Setelah foto-foto tersimpan dalam picasa web albums, langka selanjutnya yaitu menempatkan foto-foto tersebut sebagai slide di sidebar blog caranya :

Login ke Picasa Web Albums, kemudian klik pada Picasa Web Albums dan tentukan albums mana yang akan dijadikan slide (bila anda mempunyai beberapa albums) dan perhatikan goresan pena Link to this album klik disitu, kemudian klik Embed Slideshow sehingga muncul jendela menyerupai berikut :

Langka berikutnya yaitu adalah memilih ukuran slide yang hendak ditampilkan dalam blog dengan cara klik pada pilihan Select Slideshow Size, disitu ada beberapa pilihan yaitu Small 144px, Medium 288px (seperti yg ada dalam blog BIK ini), Large 400px, Extra Large 600px dan Extra-extra Large 800px.

Tips berikutnya yaitu berikan tanda centang atau contreng pada Autoplay biar slide akan berjalan dengan sendirinya, jikalau tidak diberi tanda centang maka slide tidak akan jalan sebelum menekan/klik tombol play.

Pilihan Show Captions dan HTML Link (for MySpace) tidak usah berikan tanda centang, tapi bila ingin menampilkan captions dan HTML Link, silahkan berikan tanda centang. Sebagai rujukan pada blog ini saya hanya memakai atau memberi tanda centang pada Autoplay saja.

Langkah terakhir yaitu copy code yang berada pada kotak Embed slideshow. Code ini nantinya akan ditempatkan di dalam blog.

Ok mari kita teruskan tips ini dengan memasang code yang sudah kita dapatkan dari picasa web albums tadi ke dalam blog.

Login terlebih dahulu ke blogger dengan akun anda kemudian klik Layout dan Add Gadget/tambah gadget.

Pilih HTML/JavaScript

Pastekan isyarat yang sudah di copy dari picasa web albums tadi kemudian klik Save/Simpan.

Selesai....Slide berisi foto-foto anda akan terlihat pada blog anda sekarang.

Auto Hide Navbar Pada Blogspot

Navbar pada blogspot akan selalu tampil apabila sebuah blog dibuka oleh seseorang alasannya navbar yakni salah satu persyaratan yang harus dipenuhi, (TOS) dari blogger sendiri.

Namun akan lebih baik apabila navbar yang akan selalu muncul di bab atas blog kita, dapat dihilangkan, namun sekali lagi apabila navbar tersebut sudah tentu melanggar TOS dari blogger. Maukah blog anda yang sudah anda buat dengan susah payah kemudian dihapus oleh blogger hanya alasannya melanggar TOS ? tentu tidak mau bukan ? jadi jangan sekali-kali melanggar TOS.

Blogger memang selalu mengerti dengan impian para pemilik blog terbukti dengan diadakannya pelihan navbar transparan. Bagi yang mau menciptakan navbar transparan dapat dibaca artikel Cara Membuat NavBar Transparan.

Selain navbar transparan ada juga navbar autohide menyerupai navbar pada blog ini, dengan navbar auto hide, maka setiap pergerakan mouse diarahkan ke tempat navbar maka navbar akan muncul begitu juga apabila mouse pointer tidak berada di dalam arena navbar, dengan sendirinya navbar akan tersembunyi.

Berikut ini cara mengubah navbar yang selalu muncul menjadi navbar auto hide.



Login terlebih dahulu ke blogger, kemudian klik Layout, Edit HTML.
Cari arahan menyerupai berikut :  

body {
  background:#BCA;
  margin:0;
  text-align:center;
  line-height: 1.5em;
  font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
  color:$mainTextColor;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


selanjutnya ketik atau copy arahan berikut dan pastekan sempurna di bab atas arahan body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Simpan hasil perubahan dengan klik Save Template.

Panduan Mengubah Icon Blogger Favicon

Logo blogger yang sudah tidak absurd lagi di mata para pengguna internet sebab begitu khas dengan lambang abjad B dan juga begitu banyak pengguna internet yang menciptakan blog gratisnya memakai blogspot sehingga logo blogger/blogspot selalu terlihat sepeti :

Artikel ini saya posting atas undangan sahabat kita yang berjulukan Salim yang menanyakan perihal cara mengubah icon bloggger (favicon). Blog sahabat kita Salim sanggup dilihat di http://salimhimafi.blogspot.com.Selain membantu saudara Salim juga bermanfaat bagi sobat-sobat blogger pemula yang ingin mengganti logo blogger dengan logo buatannya sendiri.

Logo menyerupai di atas sering terlihat di address kafe pada sebuah blog yang memakai icon blogger standar, namun logo tersebut sanggup diganti dengan gambar yang lain menyerupai pada blog ini yang sudah saya ganti dengan pas foto saya sendiri menyerupai berikut :

Tidak sulit untuk mengganti sebuah logo blog menyerupai di atas menjadi gambar atau foto anda sendiri, caranya mari kita berguru bersama.

Sebelum memulai masuk ke blogger kita harus persiapkan sebuah gambar yang  hendak dijadikan logo pengganti logo blogger dan mengubahnya menjadi sebuah icon.

Gambar tersebut tidak eksklusif sanggup dipakai sebagai logo yang tampil pada address kafe sebab logo yang tampil pada address kafe harus diubah dulu semoga ukurannya tidak terlalu besar dan berbentuk sebuah icon dengan format file : *.ico.

Untuk mengubah file gambar tersebut  menjadi sebuah icon, kita sanggup memanfaatkan situs penyedia layanan pembuatan icon gratis menyerupai di sini. atau cari di google atau search engine lainnya situs penyedia layanan pembuatan favicon gratis dengan keyword "Favicon Generator".

Setelah menciptakan sebuah file icon, langkah berikutnya yaitu menyimpan file icon tersebut di google pages atau sanggup juga menyimpannya di situs lain, kemudian catat alamat url icon tersbebut. Sebagai teladan saya memakai google pages untuk menyimpan icon blog yang urlnya yaitu :

http://hendrypiran.googlepages.com/pasfoto.ico

Setelah itu login ke blogger dengan akun anda kemudian klik Tata Letak dan Edit HTML

Langkah selanjutnya cari instruksi menyerupai berikut :

<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

copy code berikut kemudian paste-kan di antara kedua instruksi di atas :

<link href='http://hendrypiran.googlepages.com/pasfoto.ico' rel='icon' type='image/x-icon'/>

ganti alamat url icon (yang berwarna orange) dengan url icon anda sehingga hasil instruksi selengkapnya menyerupai berikut :

<title><data:blog.pageTitle/></title>
<link hrgef='http://hendrypiran.googlepages.com/pasfoto.ico' rel='icon' type='image/x-icon'/>
<b:skin><![CDATA[/*

simpan hasil perubahan dan coba pratinjau/preview blog anda. Logo Blogger sudah diganti dengan foto anda sendiri.

Selamat mencoba