Showing posts with label memasang. Show all posts
Showing posts with label memasang. Show all posts

Tuesday, December 6, 2016

Cara Membuat dan Memasang Jam di Blog

Cara Membuat dan Memasang Jam di Blog


Cara  Membuat dan Memasang Jam di Blog - Halo para blogger mania bagi anda yang ingin membuat dan memasanag widget jam pada blogger template sobat kali ini saya akan memberikan penjelasan sedikit bagaimana sih cara menambahkan widget jam di blogger . cara mudah kok teman , anda tidak perlu bersusah paayah untuk membuat script atau kodenya sendiri .melainkan anda cukup memanfaatkan toll yang bernama ClockLink{dot}com.

Cara Memasang Jam di Blog

Berikut Cara Mudah  Memasang Jam Pada Blogger :

A. Cara mendapatkan kode ( script ) jamnya terlebih dahulu

- Pertama Sobat kunjungi www.clocklink.com
- Kemudian Sobat klik pada menu Gallery (Pilih salah satu katefori yang anda sukai)
- Setelah itu sobat Klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
- Kemudian Langsung aja kita pilih accept
- Selanjutnya sobat atur warna dan waktunya ( indonesia +07.00 )
- Langkah yang terakhir sobat Copy seluruh kode HTML kemudian disimpan pada notepad.

B. Cara Memasangnya kedalam Template Blogger

- Menu Tata Letak => Tambah Widget => Html/JavaScript
- Kemudian sobat salin dan tempelkan kode yang anda simpan di notepad tadi disitu.
- Save ( Tara kini sobat sudah dapat Cara Memasang dan Membuat Jam di Blog

Giaman gan mudahkan Cara Memasang Jam di Blog . demikian postingan kali ini , apanila sobat mau bertanya silahkan , saya buka lebar-lebar hehehe . akhirul kalam wassalam bravo blogger id .

Go to link Download

Read more »

Monday, December 5, 2016

Cara Membuat Memasang Auto Readmore Blogger Blogspot Plus Thumbnail

Cara Membuat Memasang Auto Readmore Blogger Blogspot Plus Thumbnail








 
Huuuufft..... pulang sekolah capek banget, plus panasnya minta ampun, tapi walaupun masih capek, saya akan memposting untuk teman-teman pengguna blogger, Naaah kita mulai saja kita liat di TKP,,, wkwkwk kayak OVJ donk................
Nah kita liat dulu seperti apakah read more itu  ?


 
auto readmore memudahkan kita dalam membuat posting. Memasang fitur ini membuat kita tidak perlu membubuhkan kode <!--more--> atau mengklik tanda 
 
 setiap kali melakukan posting.
Fitur auto readmore akan mengurangi pekerjaan ini karena secara otomatis semua posting yang muncul di halaman-halaman utama (misalnya home, search query results, tag results, dll) akan terpotong dengan readmore.

Berikut langkah-langkahnya:
1. Masuk ke editor template HTML. Download template terlebih dahulu untuk amannya.
2. centang expand widgets template.
3. Masukkan script berikut TEPAT SEBELUM tag </head> (gunakan Ctrl+F untuk mencari)
<script type=text/javascript>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src=https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js type=text/javascript/>
keterangan:
-summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-img_thumb_height = 100; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.
-img_thumb_width = 100; adalah lebar gambar thumbnail, anda dapat mengubah nilainya.
 Tapi untuk amannya tinggalkan begitu saja.

4. Lanjutkan dengan mencari <data:post.body/> (seperti biasa, gunakan senjata Ctrl+F)
5. Lalu GANTI <data:post.body/> dengan script berikut:
<b:if cond=data:blog.pageType == &quot;item&quot;>
<data:post.body/>
<b:else/>
<div expr_id=&quot;summary&quot; + data:post.id>
<data:post.body/>
</div>
<script type=text/javascript>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style=clear: both;/><span style=padding-top:5px;;float:right;text-align:right;><a expr_href=data:post.url rel=bookmark><b>Read more >></b></a></span>
</b:if>
keterangan:
-padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di atas readmore.
-float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca selanjutnya", "Read the rest of this  entry", "Lanjut gan...",  "Monggo dilanjut!", atau apa sajalah...
Tapi untuk amannya tinggalkan begitu saja.
 
6. Untuk memastikan hasilnya, jangan di-save dulu. Gunakan preview untuk mengeceknya.
7. Setelah beres, silakan di-save.
8. Nah skarang lihat hasilnya di blog temen-temen, SEMOGA BERHASIL


Go to link Download

Read more »

Thursday, November 3, 2016

Cara Membuat Header Cara memasang Header

Cara Membuat Header Cara memasang Header


Cara Membuat Header & Cara memasang Header

Cara Membuat Gambar Header Blog Salah satu cara mendesain blog adalah dengan menciptakan header blog milik sendiri, dengan menambahakan gambar pada blog. Cara untuk membuat gambarnya sendiri, sebetulnya tidak sesulit yang anda bayangkan, karena anda bisa mendapatkan gambar tersebut dengan menggunakan software atau secara online. Dan pada kesempatan kali ini tim bisikan.com akan membisikan langkah dan tata cara membuat gambar header untuk blog secara online. Dengan membuat gambar header sendiri, maka anda bisa bereksplorasi dengan desain gambar header sesuai dengan keinginan anda. 
Prosesnya sendiri tidak memakan waktu yang lama dan cukup sederhana, anda hanya perlu mengunjungi situs penyedia layanan pembuatan gambar, dan tentukan pilihan  desain gambar seperti apa yang anda sukai. Kemudian jika sudah selesai anda bisa mengunduhnya dan meletakan gambar tersebut pada header  blog milik anda. Terdapat banyak desain yang menarik yang mana salah satunya bisa anda pilih sebagai gambar yang ingin anda pasang pada header di blog. Tak hanya itu, anda juga bisa menyesuaikan tampilan huruf, warna, ukuran gambar dan masih banyak lagi, sehingga nanti hasilnya akan menjadi seperti apa yang anda inginkan. 
Selain itu, ukuran gambar yang dihasilkan juga cukup kecil, sehingga tidak akan membuat kinerja blog anda berjalan melambat. Pada situs ini, memungkinkan anda untuk mendapatkan animasi gambar yang memiliki efek bergerak-gerak, glow, mengeluarkan api dan masih banyak lagi. Dan bagi anda yang ingin membuat header blog sendiri,

Berikut ini kami bisikan langkah-langkahnya

  1. Langkah yang pertama, buka terlebih dahulu browser pada komputer, kemudian tunggu sementara tunggu hingga halaman browser memuat dan memunculkan halaman. 
  2. Jika halaman browser sudah dimunculkan, silahkan kunjungi situs http://cooltext.com/, situs ini adalah situs online dimana anda bisa membuat gambar untuk header pada blog. 
  3. Jika sudah berada dihalaman ini, silahkan pilih salah satu gambar huruf yang anda sukai untuk nantinya dijadikan model gambar untuk header pada blog. 
  4. Kemudian atur warna beserta bentuk huruf sesuai dengan yang anda inginkan. 
  5. Setelah pengaturan gambar selesai dilakukan, scroll kebagian bawah kemudian klik tombol Create Logo. 
  6. Kemudian akhiri dengan mendowload gambar. Dengan mengklik menu “Download Image” yang berada dibagian bawah gambar yang telah anda buat. 
  7. Sekarang, silahkan pasang gambar tadi pada blog anda. Caranya, pertama silahkan log in atau masuk pada blog, kemudian klik pengaturan Tata Letak. 
  8. Selanjutnya pada bagain layout header blog, klik Edit. Kemudian pilih dan Upload gambar yang telah anda download tadi. 
  9. Saat muncul opsi penempatan gambar, silahkan pilih “Di balik Judul dan Keterangan”. 
  10. Terakhir klik save pada pengaturan gambar. Dan kini, untuk dapat melihat gambar, klik tombol lihat gambar, maka anda akan melihat kini gambar ditempatkan dibelakang judul dan deskripsi. Untuk menyembunyikan tulisan judul dan deskripsi blog, silahkan ikuti langkah dibawah ini. 

Cara Menyembunyikan Judul dan Deskripsi Blog 

  1. Pilih pengaturan Templet pada dashboard blog. 
  2. Kemudian pilih “Edit HTML”. Kemudian cari kode ]]></b:skin>, untuk memudahkan anda mendapatkan kode ini silahkan tekan tombol “CTRL+F” pada keyboard kemudian copy-kan kode tadi. Jika sudah didapatkan tempatkan kode berikut diatasnya. Header h1 {    height: 0px;    visibility: hidden;    display: none; }  .Header .description {    height: 0px;    visibility: hidden;    display: none; }
  3. Kemudian tekan tombol save. Dengan begitu, judul blog beserta deskripsi blog akan disembunyikan dari tampilan blog, dan yang tersisa tinggal gambar saja. 


Baca Selengkapnya: Cara Membuat Gambar Header Blog http://bisikan.com/cara-membuat-gambar-header-blog#ixzz3OnfHE1b7

Go to link Download

Read more »