Service Printer Mranggen

Rabu, 16 Maret 2016

Membuat Halaman Statis di Blogspot

Beragam Info - Membuat Halaman Statis di Blogspot. untuk tema kali ini tidak jauh beda dengan artikel yang saya buat kemarin. yaitu Membuat Halaman Statis di Blogspot. Halaman statis yaitu halaman tetap. seperti About yang ada pada di Beragam Info ini. walau artikel yang di post tetap berjalan akan tetapi tetap terpasang disana.
cukup untuk basa-basinya kali ini saya akan membahas tentang cara pembuatannya. cara pembuatannya cukup mudah apa lagi untuk yang masih newbie atau  untuk para blogger pemula tidak membutuhkan keahlian yang sangat khusus, inntinnya anada harus suka ngeblog pasti anda akan meudah untuk membuat halaman statis pada blog sobat.

Caranya:
1. siapkan akun google sobat. Membuat Akun Google Dan E-mail (gmail) Terbaru
2. masuk pada blogger sobat. Cara Membuat Blog Blogger Dengan Benar Untuk Pemula
3. kemudian buat laman/page. Cara Membuat Page Blogspot
Dan jika sobat ingin membuat laman/page sobat muncul di blog maka sobat harus mengikuti langkah-langkah selanjutnya.
4. masuk pada menu setelan >> preferensi penelusuran/search preferences

5. setelah itu pada setelah masuk pada sub menu Preferensi pada bagian Kesalahan dan penngalihan klik edit tepatnya pada Pengalihan Khusus. kemudian isi seperti gambar dibawah ini

keterangan:
diatas terdapat dua kolom dan 1 kotakan. Untuk kolom yang pertama ( Dari : <url blog sobat> ) cukup diisi dengan tanda "/" tanpa tanda kutip ya. Kemudian untuk kolom yang kedua ( Kepada : <url blog sobat> ) diisi dengan "/p/blog-page.html" tanpa tanda kutip, untuk kotakannya silahkan centang atau beri tanda ceklist. kemudian silahkan klik simpan dan simpan perubahan.

6. setelah yang diatas selesai, masuk pada menu Tata Letak/Layout

7. pilih tambah gadget/add a gadget.

8. pilih laman seperti gambar dibawah ini dengan mengklik tombol +

kemudian jika sudah klik tombol + setelah itu beri tanda ceklist pada tulisan About. kemudian simpan

9. simpan setelan/save arrange. maka hasilnya akan seperti gambar dibawah ini.


Nah sedemikianlah cara membuatnya,  bila mana anda mengikuti cara ini saya jamin pasti anda berhasil. mengapa saya berkata begitu. karena diatas merupakan pengalaman saya. karena merupakan pengalaman pastinnya saya pernah mencobanya..

Semoga Bermanfaat
Share:

Cara Membuat Page Blogspot

Beragam InfoCara Membuat Page Blogspot. di kesempatan yang menggebirakan ini Beragam Info akan berbagi ilmu tentang tata cara membuat page/laman pada sebuah blog. membuat laman akan memudahkan pengunjung untuk melihat-lihat tentang blog yang kita buat.
membicarakan tentang laman/page pasti sudah tidak  asing lagi bagi para blogger. apa lagi bagi para master-master blog. bila mana masih seorang blogger newbie seperti saya pasti banyak yang kurang tau bagai mana cara membuat laman/page pada sebuah blogger. untuk itu disini saya akan menawarkan bagaimana cara membuat page/laman pada sebuah blog. simak baik-baik.

Cara Membuatnya
untuk membuat laman tidak diperlukan skil yang khusus, yaitu anda cukup mengikuti cara-cara berikut.
1. masuk pada blogger sobat
2. kemudiann masuk pada menu laman/page

3. setelah masuk pada menu page/laman klik atau pilih new page/laman baru

4. jika sudah masuk silahkan buat isi dalam laman/page yang anda buat

keterangan:
- untuk yang ditunjukkan pada no.1 yaitu untuk membuat isi laman/page berupa tulisan/kata-kata, gambar, simbol dan sebagainya
- untuk yang ditunjukkan no.2 yaitu berisi tentang kode-kode. pada no.2 ini bisa anda masukkan kode yang ingin anda post.
- untuk yang ditunjukkan no.3 yaitu tempat dimana kita menulis kata-kata,memberi gambar atau menambah simbol-simbol  dan sebagainya.

5. setelah anda mengisi seperti yang dijelaskan diatas, anda tinggal memilih untuk di publish/dibagikan atau meenyimpannya sebagai draft.
keterangan:
- untuk yang no.1 yaitu tombol untuk memilih dibagikan/di publish
- untuk yang no.2 yaitu tombol untuk menyimpan/save laman/page yang sobat buat
- untuk yang no.3 yaitu tombol untuk melihat hasil sobat sebelum membagikan kepada public/mempublish
- unruk yang no.4 yaitu tombol untuk keluar jika anda tidak jadi membuat laman/page.

mungkin cukup itu yang bisa saya jelaskan tentang Cara Membuat Page Blogspot. bila mana ada yang kuang jelas anda bisa menghubungi saya lewat contact yang tertera di blog ini.

Semoga Bermanfaat

Share:

Cara Membuat Sitemap Otomatis Pada Blogger

Beragam InfoCara Membuat Sitemap Otomatis Pada Blogger. Dikesempatan kali ini saya admin akan berbagi ilmu pada sobat blogger tentang cara membuat sitemap pad blog secara otomatis, hal ini cukup diperlukan  untuk para blogger, karena dengan adanya sitemap maka pengunjung bisa tau keseluruhan artikel yang ada pada website/blog yang kita kelola.
Sitemap yang  biasa disebut daftar isi yaitu kumpulan artikel yang telah kita buat atau yang dipulikasikan ke publik untuk tujuan mempermudahkan pengunjung mencari artikel yang meraka butuhkan.
sementara itu kalau hanya memasang widget popular post, ramdom post, label, recent post tau yang berhubungan denganartikel, itu hanya memperlihatkan beberapa artikel yang sudah kita posting ke publik.

Nah demikianlah penjelasan singkat tentang Sitemap dan kali ini saatnya untuk anda uji coba atau membuat sitemap pa blog atau website yang kalian punya.
untuk mempraktekkan atau  membuatnya anda harus memenuhi beberapa hal dibawah ini

1. harus punya akun google. Jika belum punya anda bisa baca caranya disini
2. harus punya blog. Jika belum punya bisa baca caranya disini

nah jika anda sudah memenuhi sarat-sarat diatas innsya Allah anda bisa mempraktekkan membuat sitemap sendiri di Blog/websit yang kalian punya dengan mengikuti langkah-langkah berikut
1. masuk pada blog sobat atau  klik blogger.com.
2. kemudian silahkan anda masuk pada menu Pages/Laman

3. setelah itu pilih new page/buat laman


4. kemudian masuk pada saat pembuatan laman/page silahkan pilih mode HTML jangan mode Compose.

5. kemudian setelah memilih mode HTML letakkan kode dibawah ini.

<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"></script>
<script src="http://taqecy.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

6. kemudian silahkan simpan/save dan preview/lihat. kemudian setelah puas dengan hasilnya silahkan klik publish/bagikan.

7. dan kemudian setelah page maka  akan munul  seperti ini

cukup sedemikian rupa cara membuat/memberi sitemap (daftar isi) pada blog/website. indeks postingan atau artikel yang dibagikan ke public akan diperbaharui secara otomatis di setiap anda membagikan.

Semoga Bermanfaat


Share:

Senin, 14 Maret 2016

Cara Merubah Warna Background Judul Widget Sidebar

warna background judul sidebar
Beragam InfoCara Merubah Warna Background Judul Widget Sidebar. hal ini banyak diperbincangkan oleh tukan blogger yang newbie seperti halnya saya saat ini, karena sudah bosan dengan warna background pada sidebar  blog yang saya kelola akhirnya saya merubahnya menjadi seperti pada gambar diatas. caranya pun tak begitu sulit yaitu hanya menambahkan kode pada template yang kita gunakan atau merubahnya, tapi pada cara ini saya menambahkan kode bukannya merubah kode.
sidebar yaitu apa yang ada pada widget sidebar yang biasanya meliputi popular post, label, entri popular, facebook fans page, dll. yang biasanya terdapat pada footer sidebar kanan dan kiri.
hal-hal yang harus dilakukan jika ingin merubahnya yaitu dengan melakukan langkah-langkah yang saya cantumkan berikut ini.

1. Login pada blog
2. masukkan akun google dan pasword
3. masuk pada menu Template dan pilih Edit HTML
4. kemudian untuk menghindari kesalahan yang fatal saat menambahkan kode maka silahkan backUp kode-kode pada template sobat.
5. selanjutnya cari kode h2 { . ( tekan tombol CTRL+F untuk mempermudah pencarian )
6. kurang lebih kodenya seperti ini
/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

7.tambahkan kode ;background:#2288BB; padding:4px 15px 3px;text-transform:none;
}disamping/bawah kode  color: $(widget.title.text.color); 
8. maka kodenya akan nampak seperti gambar dibawah ini
/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);background:#2288BB;
  padding:4px 15px 3px;text-transform:none;
}

9. kemudian simpan template dan lihat hasilnya.

ket.
- untuk kode yang berwarna hijau yaitu kode warna, ini bisa diganti dengan warna sesuai yang anda suka.

Jika diasaat merubah warna dan kemudian warnanya tidak berubah maka cek kembali kemungkinan ada kode yang tertinggal, perlu diingat sesudah kode warna pastikan ada ";" dibelakangnya tanpa tanda ""

Semoga Bermanfaat
Share:

Cara Membuat Garis di Bawah Judul

Garis Dibawah Judul Postingan Blog
Beragam InfoCara Membuat Garis di Bawah Judul. Selamat datang di blog yang saya kelola dan selamat belajar membuat garis dibawah judul postingan yang anda buat di blog kalian masing-masing. jika kalian menggunakan template blog bawaan mesti tidak ada garis dibawah judul artikel/post yang kalian buat, nah untuk memberi garis di bawah judul artikel/post seperti contoh gambar diatas langkah-langkahnya seperti dibawah ini:

1. Login ke blog yang kalian kelola atau klik blogger.com, masukkan akun google dan pasword.
2. Masuk ke menu Template
3. Kemudian pilih Edit HTML
4. Kemudian sampai disini cari kode CSS ini. (gunakan tombol CTRL+F) untuk mempermudah pencarian
.post h3{ margin-bottom:7px ; ......... }
5. Sebelum mengedit-edit template kalian, untuk menghindari kesalahan silahkan backUp template kalian dengan meng-Copy-Paste semua kode-kode yang terdapat di Template kalian.
6.  Jika sudah ketemu silahkan tambahkan kode berikut
border-bottom : 4px double #cadaef ;
7.  Jika sudah ditambahkan maka hasilnya akan seperti ini
.post h3{ margin-bottom : 7px ; .........   border-bottom : 4px double #cadaef ;}
 8. Simpan template dan kemudian silahkan lihat hasilnya.

Ket.
- untuk kode yang berwarna biru yaitu ketebalan garis, bisa diganti sesuai kebutuhan
- unutk kode yang berwarna merah yaitu warna garis, bisa diganti sesuai dengan kebutuhan.

Semoga Bermanfaat
Share:

Kamis, 10 Maret 2016

Cara Hapus Blog Blogspot

Beragam InfoCara Hapus Blog Blogspot. Hai....!!! apa kabar kalian sob.. gimana hasil ngeblog kalian bagus atau malah acak-acakan,, pastinya bagus kan.. tapi kalo acak-acakan pastinya sobat punya keinginan untuk menghapusnya karena merasa jengkel dan kesal tehasap blog yang anda kelola susah-susah malah acak-acakan..
Nah pada kesempatan kali ini Beragam Info akan berbagi ilmu tentang Cara Hapus Blog Blogspot. karena dari sekian banyak pem-blogger yang ada di indonesia ataupun didunia masih ada yang belom tau bagaimana Cara Hapus Blog Blogspot... tapi bagi para master Blogger  hal seperti ini bukanlah hal yang susah malah ini hal yang paling mudah bagi para Master.
Nah bagi sobat yang belum tau caranya ikuti langkah-langkah berikut.

Caranya
1. Login ke blog sobat dengan akun Google sobat atau bisa klik link Blogger.com. Jika belum punya akun Google silahkan buat. Membuat Akun Google Dan E-mail (gmail) Terbaru.
2. Setelah masuk silahkan pilih blog sobat yang akan di hapus.

3. Kemudian pilih menu Setelan/Setting >> Dan setelah itu pilih Other/Lainnya.

4 Kemudian cari tulisan Delete Blog/Hapus Blog.

5. Dan langkah yang terahir konfirmasi penghapusan blog yang anda lakukan yang tampil seperti gambar dibawah ini. dan setelah itu klik tombol Delete This Blog.

6. Selesai. jika anda mengikuti langkah-langkah seperti yang tertera diatas maka blog yang ingin anda hapus akan terhapus. tapi jika ingin mengembalikan Blog yang anda hapus dan ingin memakainya kembali sobat tinggal klik tombol Undelete. seperti berikut.

Bagaimana mudah bukan carannya simple dan gak berbelit-belit. 
Sekian artikel tentang Cara Hapus Blog Blogspot yang saya Post kali ini. bila ada kata-kata yang kurang berkenan mohon ma'af.

Semoga Bermanfaat
Share:

Cara Membuat Flag Counter Di Blogspot

Beragam InfoCara Membuat Flag Counter Di Blogspot. Apa kabar sobat Blogger... ngomong-ngomong berapa nie pengunjung blog sobat, dan dari negara mana saja sob....??? belum tau ya...? mau tau gak...? kalo mau tau nie saya kasih tips untuk mengetahuinya...!!!
Untuk mengetahuinya mudah banget sob tinggal pasang saja Flag bendera counter di blog sobat. Flag counter yaitu widget visitor Count yang menampilkan jumplah pengunjung blog sobat yang mempunyai ciri menampilkan bendera yang mengunjungi blog sobat. contohnya seperti gambar diatas sob...!!!
Bagaimana menarik bukan..!! belum tau cara membuatnya dan menempelkannya di blog sobat... Caranya cukup mudah sob... Lebih jelasnya simak baik-baik cara-caranya yang saya post dibawah ini sob...!!!

Cara Membuatnya dan Memasangnya
1. Kunjungi alamat berikut flagcounter.com maka akan nampak seperti gambar berikut sob dan setelah itu silahkan setting tampilannya sesuai dengan keinginan sobat.

2. setelah sobat setting tampilannya maka silahkan sobat klik tombol Get Your Flag Counter seperti yang tanda panah merah diatas sob.
3. kemudian setelah langkah no.3 selesai maka akan tampil seperti gambar dibawah sob.. kemudian klik tombol Skip.

4. dan setelah klik tombol skip maka sobat akan akan muncul 2 kode.

 5. Setelah muncul kode 2 seperti dibawah ini silahkan Copy-Paste pada Blog sobat. fungsi kode itu untuk menampilkan flag bendera counter di blog sobat... Copy yang ada keterangannya HTML sob seperti yang ditunjukkan tanda panah merah pada gambar dibawah ini.

6. nah untuk memsang kode tersebut maka sobat masuk ke blog sobat kemudian masuk ke menu Layout/Tata Letak dan klik tombol Tambah Gadget/Add a Gadget 

7. kemudian pilih HTML/JavaScrip klik tombol + untuk Memilihnya

8. setelah itu masukkan judul dan di bagian title/judul dan masukkan kode yang sudah di Copy tadi di bagian Content setelah itu klik tombol save 

9. kemudian silahkan lihat hasilnya sob. karena cara diatas. kalian sudah berhasil menampilkan dan membuat Flag Bendera Counter di blog sobat... Gimana sob mudah dan keren kan.

Sekian dulu nih artikel yang saya post tentang Cara Membuat Flag Counter Di Blogspot. tunggu artikel-artikel saya yang selanjutnya yang tak kalah menariknya dengan artikel  ini. 

Semoga Bermanfaat Sob
Share:

Selasa, 08 Maret 2016

Gerhana Matahari Total 9 Maret 2016

Beragam Info - Pada hari yang fenomenal ini saya admin Beragam info akan memberikan informasi tentang gerhana matahari total yang terjadi pada tanggal 9 Maret 2016. Fenomena yang sangat langka ini dapat diambil banyak hikmah terutama bagi umat beragama islam mengadakan solat gerhana matahri, Berikut adalah pengertian gerhana matahari Total Menurut Ahli Astronomi, menurut Islam Dan Tata Cara Sholat Gerhana Matahari.


1. Pengertian Menurut Ahli Astronomi
Menurut ahli astronomi, gerhana matahari adalah jatuhnya bayang-bayang bulan ke bumi karena terhalangnya sinar matahari ke bumi oleh bulan. Terjadinya gerhana matahari ini tidak berlangsung lama. Ada yang hanya 3 menit sampai 7 menit. Mengapa bulan yang kecil dapat menutupi cahaya matahari yang besar? Karena jarak bulan lebih dekat dengan bumi yaitu 384.400 km. Sedangkan jarak ke matahari adalah 149.680.000 km. Gerhana matahari dibagi menjadi empat macam yaitu: Gerhana ini terjadi saat cahaya matahari tertutupi seluruhnya oleh bulan. Pada jarak tertentu inilah yang menentukan terjadinya gerhana matahari total.
Sumber : http://www.pakmono.com/2015/05/pengertian-gerhana-matahari-dan-proses-terjadinya-gerhana-matahari.html

2. Menurut Dasar-Dasar Islam
Dari ‘Aisyah (diriwayatkan bahwa) ia berkata: Pernah terjadi gerhana matahari lalu Rasulullah saw memerintahkan seseorang menyerukan ash-shalata jami‘ah.Kemudian orang-orang berkumpul, lalu Rasulullah saw shalat mengimami mereka. Beliau bertakbir …., kemudian membaca tasyahhud, kemudian mengucapkan salam. Sesudah itu beliau berdiri di hadapan jamaah, lalu bertahmid dan memuji Allah, kemudian berkata: Sesungguhnya Matahari dan Bulan tidak mengalami gerhana karena mati atau hidupnya seseorang, akan tetapi keduanya adalah dua dari tanda-tanda kebesaran Allah. Maka apabila yang mana pun atau salah satunya mengalami gerhana, maka segeralah kembali kepada Allah dengan zikir melalui shalat [HR. an-Nasai].

Dari ‘Aisyah, isteri Nabi saw, (diriwayatkan) bahwa ia berkata: Pernah terjadi gerhana matahari pada masa hidup Nabi saw. Lalu beliau keluar ke mesjid, kemudian berdiri dan bertakbir dan orang banyak berdiri bershaf-shaf di belakang beliau. Rasulullah saw membaca (al-Fatihah dan surat) yang panjang, kemudian bertakbir, lalu rukuk yang lama, kemudian mengangkat kepalanya sambil mengucapkansami‘allahu li man hamidah, rabbana wa lakal-hamd, lalu berdiri lurus dan membaca (al-Fatihah dan surat) yang panjang, tetapi lebih pendek dari yang pertama, kemudian bertakbir lalu rukuk yang lama, namun lebih pendek dari rukuk pertama, kemudian mengucapkan sami‘allahu li man hamidah, rabbana wa lakal-hamd, kemudian beliau sujud. Sesudah itu pada rakaat terakhir (kedua) beliau melakukan seperti yang dilakukan pada rakaat pertama, sehingga selesai mengerjakan empat rukuk dan empat sujud. Lalu matahari terang (lepas dari gerhana) sebelum beliau selesai shalat. Kemudian sesudah itu beliau berdiri dan berkhutbah kepada para jamaah di mana beliau mengucapkan pujian kepada Allah sebagaimana layaknya, kemudian beliau bersabda: Sesungguhnya Matahari dan Bulan adalah dua dari tanda-tanda kebesaran Allah, dan tidak mengalami gerhana karena mati atau hidupnya seseorang. Apabila kamu melihatnya, maka segeralah shalat [HR Muslim].
Sumber : http://suaramuhammadiyah.com/wawasan/2016/03/01/tata-cara-shalat-gerhana/

3. Tata Cara Mengerjakan Sholat Gerhana Dan Orang Yang Dapat Mengerjakannya 
Shalat gerhana dilaksanakan pada saat terjadi gerhana sampai dengan usai gerhana, baik pada saat gerhana Matahari maupun gerhana Bulan, pada gerhana total atau gerhana sebagian. Apabila gerhana usai sementara shalat masih ditunaikan, maka shalat tetap dilanjutkan dengan memperpendek bacaan. Adapun orang yang dapat mengerjakan shalat gerhana adalah mereka yang mengalami gerhana atau berada di kawasan yang dilintasi gerhana. Orang yang berada di kawasan yang tidak dilintasi gerhana tidak perlu mengerjakan shalat gerhana. [sumber: Rubrik Tanya Jawab Agama Majalah Suara Muhammadiyah No. 19 tahun 2008.

Tata cara sholat
Shalat gerhana dilaksanakan secara berjamaah, tanpa adzan dan iqamah. Dilaksanakan dua rakaat, pada setiap rakaat melakukan rukuk, qiyam dan sujud dua kali. Shalat gerhana boleh dilakukan di tanah lapang ataupun di masjid. Urutan tata cara shalat gerhana adalah sebagai berikut:
1. Imam menyerukan ash-shalatu jami‘ah.
2. Takbiratul-Ihram, lalu membaca surah al-Fatihah dan surah panjang dengan jahar.
3. Rukuk, dengan membaca tasbih yang lama.
4. Mengangkat kepala dengan membaca “sami‘allahu li man hamidah”,makmum membaca rabbana wa lakal-hamd.
5. Berdiri tegak, lalu membaca al-Fatihah dan surat panjang tetapi lebih pendek dari yang pertama.
6. Rukuk, sambil membaca tasbih yang lama tetapi lebih singkat dari yang pertama.
7. Bangkit dari rukuk dengan membaca “sami‘allahu li man hamidah, rabbana wa lakal-hamd”.
8. Sujud
9. Duduk di antara dua sujud
10. Sujud
11. Bangkit dari sujud, berdiri tegak mengerjakan rakaat kedua seperti rakaat pertama.
12. Salam
13. Setelah shalat, imam berdiri menyampaikan khutbah satu kali yang berisi nasihat serta peringatan terhadap tanda-tanda kekuasaan Allah serta mengajak memperbanyak istighfar, sedekah dan berbagai amal kebajikan.
Sumber : http://www.muhammadiyah.or.id/id/news-5369-detail-panduan-menyikapi-gmt-9-maret-2016.html

Nah itulah Informasi sekilas tentang Gerhana Matahari Total 9 Maret 2016.
Share:

Cara Membuat Widget Popular Post Keren

Beragam Info - Salam damai sobat blogger kali ini saya perkenalkan Cara Membuat Widget Popular Post. Memasang widget Popular Post ini mempunyai banyak fungsi, fungsi diantaranya yaitu dapat menambah traffic pageview pada blog kita memberikan navigasi pada artikel yang kita Posting dan tak kalah pentingnya dapat mempercantik tampilan, Dll.


Cara pemasangan:
untuk memasang nya cukup mudah nan gampang, nah untuk lebih jelasnya silahkan simak sebagai berikut:
1. Login Pada Blog kalian atau klik link www.blogger.com.
2. Pilih blog kalian yang akan di pasang popular post

3. Kemudian masuk pada menu Layout.

4. Setelah itu cari Tambah Gadget atau Add a Gadget.

5. Kemudian akan tampil kumpulan Gadget bawaan blogger, maka carilah widget yang berjudul Popular Post dan Klik tanda + disamping widget.

6. Nah setelah langkah-langkah diatas dilakukan kemudian silahkan save Layout anda dengan meng-klik Save Arrangement.

7. Selesai dan lihat hasilnya.

Bagaimana sob gampang kan cara pemasanggannya, gak berbelit-belit kok tinggal ikutin langkah-langkah yang ada diatas, saya jamin pasti berhasi.

Semoga Bermanfaat
Share:

Widget Jam Digital Keren Untuk Blog

Beragam Info - Apa kabar para sahabat-sahabat-ku yang canti-cantik dan yang ganteng-ganteng ketemu lagi di Beragam Info yang kali ini membuat posttingan tentang Widget Jam Digital Keren Untuk Blog.
tentunya saya tidak memberikan kode-kode widget jam digitalnya saja, karena saya juga akan memberikan cara pemasangan jam digitalnya di blog kalian masing-masing,
untuk memperjelasnya langsung saja masuk pada materi kita hari ini,  dan simak baik-baik apa yang saya jelaskan dibawah ini.

Widget Jam Digital



<script src="http://h2.flashvortex.com/display.php?id=2_1457471990_48052_507_0_294_118_9_2_31" type="text/javascript"></script>



<script src="http://h2.flashvortex.com/display.php?id=2_1457472778_39154_387_0_136_108_9_2_31" type="text/javascript"></script>



<script src="http://h2.flashvortex.com/display.php?id=2_1457472829_58433_387_0_136_84_9_2_31" type="text/javascript"></script>



<script src="http://h2.flashvortex.com/display.php?id=2_1457473140_61447_252_0_174_70_8_2_31" type="text/javascript"></script>



<script src="http://h2.flashvortex.com/display.php?id=2_1457473425_60600_387_0_199_132_9_2_31" type="text/javascript"></script>

Cara Pemasangan:
untuk cara pemasangannya pun cukup mudah sob,, nah agar blog yang kalian kelola mempunyai jam digital silahkan simak dan lakukan seperti cara pemasangan dibawah ini:

1. Login ke Blogger sobat.
2. setelah login kemudian pilih blog sobat yang mau diberi jam digital.
3. kemudian setelah masuk ke blog sobat silahkan pilih menu Layout.
4. kemudian setelah masuk ke menu Layout pilih Tambah Gadget atau Add a gadget.
5. setelah langkah no.4 maka cari tulisan HTML/JavaScrip klick tanda + yang ada disampingnya.
widget jam


6. nah setelah langkah yang ke 5 dilakukan kemudian masukkan kode dan memberikan judul pada Gadget anda

7. kemudian klik/pilih save dan lihat hasilnya.

Nah gimana sob keren bukan widgetnya dan cara pemasangannya gak perlu edit-edit template kalian.

Semoga Bermanfaat Sob.....!!! Sumber: http://flashvortex.com/
Share:

Minggu, 06 Maret 2016

Cara Membuat Label Cloud Keren Di Blog Terbaru

Beragam Info - Dihari yang sangat membahagiakan ini saya sebagai admin akan berbagi ilmu tentang Cara Membuat Label Cloud Keren Di Blog. Membuat Label Cloud di blog yang anda kelola sangatlah penting kerena guna untuk memberikan Navigasi yang mudah untuk para pengunjung blog anda. Label adalah Link singkat untuk menuju artikel yang anda posting yang sudah anda kelompokkan, selain mempercantik blog anda membuat label ini juga hal yang sangat penting bagi para PemBlogger.

Bagaimana Toe Cara Membuatnya....???
nah untuk caranya pun gampang sekali broo, lebih jelasnya silahkan simak langkah-langkah yang sudah saya persiapkan dibawah ini :

1. Login ke akun Blogger anda
2. kemudian setelah masuk silahkan menuju ke Dasbord >> Template >> Edit HTML
3. Selanjutnya cari kode ]]></b:skin> Untuk memudahkan pencariannya tekan CTRL+F
4. Setelah ketemu silahkan psang kode dibawah ini tepat diatas kode ]]></b:skin>

/*CSS Label*/
.label-size{ margin:0; padding:0; position:relative; } .label-size a{ float:left; height:24px; line-height:24px; position:relative; font-size:12px; margin-bottom: 9px; margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .label-size a:before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #413C3C transparent transparent; border-style:solid; border-width:12px 12px 12px 0; } .label-size a:after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; } .label-size a:hover{background:#555;} .label-size a:hover:before{border-color:transparent #555 transparent transparent;}
5. Simpan Template

Eeeeiiiiittttssss.....!!! jangan seneng dulu mentang-mentang udah msang kodenya dan menyimpan template bukan berarti sudah selesai. maka jika ingin menyelesaikan dan mendapatkan hasil yang memuaskan silahkan ikuti langkah yang selanjutnya, karena langkah diatas belum selesai sepenuhnya.
Setelah langkah yang ke-5 maka anda secara otomatis sudah memasang label yang keren nan cantik di blog anda untuk kemudian untuk melihat hasilnya yaitu dengan cara seperti beikut :
6. silahkan Masuk ke menu Tata Letak
7. Cari dan Klik Tambah Gadget
8. Cari tulisan Label dan klik tanda + untuk menambahkannya seperti contoh dibawah ini.

9. Kemudian silahkan samakan pengaturannya seperti gambar dibawah ini dan kemudian pilih simpan jika sudah sama.

10 kemudian silahkan Klick Simpan Setelan

Nahhhhhh.....!!! SELESAI sudah pemasangan Label yang keren nan cantik pada blog anda, mudah kan broooo....!!! saya yakin anda psati bisa bila menyimak dengan baik langkah-langkah yang ada diatas.
Share:

Cara Terbaru Membuat Widget Ramdom Post Bergerak Di Blog

Beragam Info - Kali ini akan mengulas tuntas tentang Cara Terbaru Membuat Widget Ramdom Post Bergerak Di Blog, hal ini adalah salah satu contoh untuk mempercantik tampilan blog kita selain itu dengan memasang widget random post yang berjalan di blog maka secara otomatis kita akan menampilkan artikel-artikel kita yang sudah lama. nah dengan demikian anda secara otomatis dapat menunjukkan artikel anda yang sudah lama tertidur dan hampir tidak ada pengunjungnya, maka dengan ini insya-Allah artikel anda yang sudah lama tak ada yang mengunjungi lagi akan ada pengunjungnya.

Gimana sih caranya untuk membuat Widget Random Post Bergerak Di Blog ini......????????
nah dari pada cuman berangan-angan untuk membuat nya yang membuat pusing diri kalian, maka silahkan simak langkah-langkah membuat Widget Random Post Bergerak Di Blog.

1. silahkan anda login terlebih dahulu pada blog yang anda kelola.
2. kemudian silahkan anda masuk ke menu Layout/tata letak

3. setelah masuk silahkan pilih Tambah Gadget dan kemudian silahkan pilih HTML/Java Scrip
4. kemudian silahkan beri judul dan masukkan kode dibawah ini :

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

5. nah langkah terahir yang harus anda lakukan adalah untuk menyimpannya klick Simpan Template

Keterangan
- untuk tulisan yang berwarna merah merupakan kecepatan bergantinya artikel 1 dengan yang lainnya, ini bisa diganti sesuai dengan yang anda butuhkan
- untuk yang berwarna biru merupakan waktu berhentinya artikel sebelum berpindah ke artikel yang lain, ini bisa diganti sesuai dengan apa yang anda inginkan
- untuk yang berwarna ungu merupakan jumplah artikel yang anda tampilkan, bisa diganti sesuai dengan keinginan anda

Gimana cukup mudah bukan untuk membuat Widget Ramdom Post Bergerak Di Blog yang anda kelola, karena cuman Copy-Paste kode aja,
sampai disini dulu perjumpaan kita, nantikan artikel saya selanjutnya.

Semoga Berhasil Kawan....!!!
Share:

Sabtu, 05 Maret 2016

Cara Membuat Kotak Komentar Keren Di Blog

Beragam InfoCara Membuat Kotak Komentar Keren Di Blog. ketemu lagi dengan saya dalam artikel membuat kotak komentar pada blog, anda sudah bosan dengan kotak komentar blog anda yang gitu-gitu aja, nah pada kesempatan kali ini saya berbagi scrip untuk memasang kotak komentar yang begitu keren di blog anda, cara mengantinya pun cukup mudah anda cuman tinggal copas kode yang sudah saya persiapkan dan kemudian anda pasang pada blog anda.

kurang lebih kotak komentarnya seperti dibawah ini.

gimana keren kan kotak komentarnya, semoga anda tidak kecewa setelah memasang kotak komentar seperti di atas.

cara pemasangan!!!
nah ini hal yang paling ditunggu-tunggu, yaitu pemasangan kotak komentar pada blog anda, silahkan simak baik-baik ya.

1. login terlebih dahulu pada blog sobat.
2. kemudian setelah masuk pada blog anda silahkan anda masuk pada menu Template yang ada pada blog sobat, dan kemudian silahkan pilih Edit HTML.
3. setelah masuk pada Edit HTML dan untuk berjaga-jaga apabila terjadi kesalahan saat pengeditan template silahkan BackUp template sobat.
4. kemudian setelah anda mem-BackUp nya silahkan Copi kode yang ada dibawah ini:

/*------------- START Threaded Comments ------------*/
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comment .comment-actions a:hover {
text-decoration: none; background:#fff; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:12px; background:#EBF5FE;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;

}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .user a {
color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
color: #999999;
float: right;
font-size: 11px;
text-decoration: none;
}
.comments .comments-content,
.comments .comments-content .comment-content {
margin:0 0 8px;
}

.comment-header {background-color: #F4F4F4;
border: thin solid #E6E6E6;
margin-bottom: 5px;
padding: 5px;
}
.comments .comments-content .comment-content {
text-align:none;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {background-image: url("http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;
border: 1px solid #DDDDDD;}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
/*--------- End Blogger Threaded Comments ----------*/

kemudian letakkan atau Paste kode yang ada di atas tepat diatas kode ]]></b:skin>
5. nah setelah itu silahkan simpan template anda dan lihat hasilnya. dan hasilnya pun kurang lebih akan jadi seperti dibawah ini

bagaimana menurut anda,, keren kan. Nah apabila kotak koemntar seperti gambar diatas berubah menjadi sepeti gambar yang paling atas sendiri maka silahkan anda Copi dan pastekan kode dibawah ini tepat dibawah kode ]]></b:skin> 

<style type='text/css'>
     
/*Start Modif kotak Komentar*/
.comments .comments-content .icon.blog-author{
background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments .comments-content .datetime a{float:right;
}
.comments .comments-content .comment:last-child,.comments .comments-content .comment-thread ol li{font:14px Verdana;color:#fff;background:rgba(0,0,0,.5);padding:5px;margin:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 0 0 30px #fff;-moz-box-shadow:inset 0 0 30px #fff;-webkit-box-shadow:inset 0 0 30px #fff;
}
.comment-actions a{
background:#dad6cf;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;font:12px Verdana;padding:4px;margin:5px;height:16px;border:1px solid #c1c1c1;
}
.comments .comment .comment-actions a:hover,.comments .continue a:hover{
text-decoration:none;background:#ab9e9e;border:1px solid #5AB1E2;
}
.avatar-image-container{
-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;border:4px inset #000;
}
.comments .continue a{display:inline-block;border:1px solid #C4C4C4;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#000;font:14px Verdana;color:#fff;padding:2px 8px;margin-right:10px;
}
.deleted-comment{color:gray;font-style:italic;
}
/*End Modif kotak Komentar*/
</style>

kemudian silahkan simapan template anda.

bagaimana mudah bukan cara memasang kotak komentarnya, kebangetan sekali jika anda gagal memasang kotak kometar tersebut karena anda cuman Copi-Paste kode

semoga bermanfaat sobat.....!!!!
Share:

Contact Person

Menerima Panggilan Area Semarang dan Sekitarnya CP: WA : 085848888815

085848888815

Foto saya
Semarang, Central Java, Indonesia