Tampilkan postingan dengan label Tutorial Dasar Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Dasar Blogspot. Tampilkan semua postingan

Membuat Daftar Isi Artikel Berdasarkan Label

Posted by Unknown Jumat, 31 Mei 2013 0 komentar
Assalamualaikkum Warohmatullahi Wabarokaatuh

'Ketika hidup ini harus menyusun materi agar tetap bertahan, maka blog inipun harus menusun artikel agar mudah di mengerti'

Kali ini MasEdi akan membagikan tips dasar lagi, dimana tipsnya adalah membuat daftar isi artikel berdasarkan label. Agar mudah diakses suatu blog, maka harus pula kalian susun baik-baik blog tersebut.

Langsung ke TKP....
1. Login di blog Sahabat, www.blogger.com
2. Seperti pada gambar dibawah ini, klik tanda panah kecil dan pilih Tata Letak.


2. Maka akan muncul halaman baru seperti di bawah ini, klik Tambahkan Gadget.


3. Akan muncul jendela baru, pilih HTML/JavaScript dengan mengeklik tanda +



4. Copy dan pastekan kode dibawah ini pada lembar konten.
  
<div style="overflow:auto; width:auto; height:150px; padding:5px;border:0px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">                                          <ol>                                                                                                                        <script style="text/javascript">                                                                                       var numposts = 100;                                                                                                      var standardstyling = true;                                                                                       </script><script type='text/javascript' src='http://tateluproject.googlecode.com/files/postlabel%281%29.js'></script><ol>      <script src="http://www.edisukarman.com/feeds/posts/default/-/Tutorial%20Dasar%20Blogspot?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>                                     </ol>                                                                                                                   </ol></div>



Catatan
  • width:auto :  menunjukkan bahwa  lebar scroll box akan menyesuaikan dengan lebar sidebar.
  • height:100px : tinggi scroll box. Silahkan sahabatt ganti sesuai keinginan.
  • border:1px solid #e6e4e3 :  adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border, dan #e6e4e3 adalah warna border. 
  • font-size : adalah ukuran huruf.
  • <ol> : adalah Numbered LIst , sobat bisa menggantinya menjadi bullet list dengan kode <ul>
  • Ganti http://www.edisukarman.com dengan Url blog sahabat.
  • Ganti Tutorial%20Dasar%20Blogspot dengan label yang sahabat inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang terterah, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
5. Jika Sahabat selesai mengaturnya, Klik Simpan dan Lihat Hasilnya.


Demikian tips kali ini, semoga dapat bermanfaat.
Terima Kasih




Baca Selengkapnya ....

Membuat Daftar Isi Artikel di Blog

Posted by Unknown 0 komentar

Assalamualaikkum Warohmatullahi Wabarokaatuh

"Setiap orang ingin hidup teratur, dan rumah tangganya tertata rapi, sehingga keluarganya harmonis dan indah dilihat. Begitupun suatu artikel di sebuah blog, jika tertata rapi maka pengunjung akan mudah dan sering untuk mengaksesnya".



Kali ini MasEdi akan membagikan tips dasar Blogspot. seperti kata-kata mutiara diatas, tipsnya adalah membuat daftar isi artikel di blog. 
Apa itu daftar isi ?
Daftar isi dalam blog dapat di katakan kumpulan artikel di dalam blog kita. Jadi fungsi dari daftar isi ini adalah untuk mempermudah seseorang mengakses artikel yang kita posting.

Langsung saja Ke TKP......
1. Login Ke Blog Sahabat, www.blogger.com
2. Seperti gambar dibawah, klik tanda panah kecil dan pilih tata letak.



3. Maka akan muncul halaman baru seperti gambar dibawah. Klik 'Tambahkan Gadget


4. Setelah itu, akan muncul jendela baru, Pilih 'HTML/JavaScript' dengan mengeklik tanda +


5. Copy dan pastekan kode di bawah ini pada lelbar konten seperti gambar dibawah ini.


 <script src="http://vikrymadz.googlecode.com/files/datar%20isiq.js"></script><script src="http://www.edisukarman.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


Catatan : Untuk http://www.edisukarman.com pada kode, Ganti dengan URL Blog Sahabat.

6. Klik Simpan, jika sudah selesai dan Lihat Blog Sobat.

Demikian Tips dasar dari MasEdi, semoga dapat berguna untuk Sahabat yang membutuhkan Tips ini.
Sampai jumpa di artikel lainnya.



Baca Selengkapnya ....

Membuat Burung Terbang di Blog

Posted by Unknown Senin, 27 Mei 2013 0 komentar
Assalamualaikkum Warohmatullahi Wabarokaatuh


Tak bosan MasEdi menulis Tips dasar untuk NewBlogger dan Calon Blogger sejati.
Kali ini MasEdi akan membagikan sedikit tips mempercantik Blog Sahabat.
Triknya adalah Cara membuat burung terbang di Blog.



Apa tujuannya ?
Nah, dengan adanya burung ini, jika seseorang mengeklik burung tersebut, maka seseorang akan mengakses twitter kita. Dan juga blog kita lebih meriah karena adanya burung beterbangan.

Langsung saja ke-TKP ...
1. Login ke Blog sobat www.blogger.com
2. Pada menu Home, Klik tanda panah kecil dan Pilih Tata Letak seperti pada gambar dibawah.


3. Maka akan muncul halaman baru seperti pada gambar dibawah ini. Selanjutnya Klik Tambahkan Gadget. Ada banyak gadget, terserah kalian pilih yang mana. 

4. Setelah kalian klik Tambahkan Gadget, maka akan muncul Jendela baru seperti pada gambar dibawah ini. Pilih HTML/JavaScript dengan mengeklik tanda +.


5. Setelah itu akan muncul seperti gambar dibawah ini. 
Pada Judul, kosongkan saja. Sedangkan pada Konten Copy dan Pastekan Kode dibawah ini.



 <!-- floating twitter Bird -->                                                                                               <script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script><script type="text/javascript">var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiorYa7wWd2ELgQ2_teYHlwKBPoHQTLrmOZ2IlODnQK2JUpeD5pUIPQMpaBMmqcTatuTaMSDHwgW77d1LfOx2YrEf6pfnC76pfn0GRb0nvs_xhmdz6lPk9LXl5O61d8AaKIpD93mB2uIJk/s1600/burung+twitter+terbang.png";var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");var twitterAccount = "http://twitter.com/Edi_Sukarman";var tweetThisText = "Twitter - UserID http://www.edisukarman.com/";tripleflapInit();</script>
Ket : 
  • Pada Kode Berwana biru, adalah link warna burung. dan Sahabat Bisa Menganti wana burung dibawah ini : 


Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLCDU50F2i3ewN2aIJCaBKx1mLhLSBetb9QaGq8BYdYOhVLp5HqvEsDR1fMzR7smDoNc8J-8XcVPlg-5ds39rb0qJs9cePdQvkvH6jZokQH7wEpagS5usrOMmy9f9904_7do5TogwtzTo/s1600/yellow+bird.png
Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGcQ4tuCdSF0TZQ24qzrHHXrsmoIvLavRTjVHchjfZKF7HhQuBJiUPumh4X1W8htzhS1W744HXeL8rcdDIilvfPbkgEEd5yjXuVfb6zTnPHxj9GPtZ5PpPIACBDyASDNiK57Db3pcF_s/s1600/black+bird.png
Warna Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIncRV79phQWTCE6jR8YENk_73RTXbNEcVKwlgh1oK0XDFp6AQy3uDhw-B53n4aue8c7Way43gFjHFQBfRkTVXU9u62fjKhBQdYfc83M55gbNNOVeZN9uffsqb8tXK_IjE02OQOgwz2K4/s1600/Blue+bird.png
Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsxDkLV_Sqbv7byFdK6ry9hVmOQrQHWorlAQQiOk4aEG05mL5198fAIyLv6gSUVRF1OQiUXs-DCC_wPWjkhwdlzBAyIrOtOcpCmqJ_uoJnIG6yeQAqA6k6XZVwV2tqdOKu_f8UHuAv7Rg/s1600/brown+bird.png
Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJGIhD3rUvUCSWeHLSlPuVlnmRqxgTmR3_FCRrPLdw1Y064u6hEukRSpN9GTSR7teuxt8q-DyDeKlBnj4dDG0w0yGC2UM4dl7rYrFVDzXUlo6NtrRm1ALlbQBkaQfphaEUODqN-5NEu9k/s1600/Green+bird.png
Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtpS_5JF_Elrnnpt1jgKgG1pfR_qPNPYw65Dh2CszgmrCkAhtfMF9uLCYucRjTP0ycLpKdAlkWFPOB43XeaF7mOfNrYuIR-Vs93NVPa2biKm2hx7xhsWzKqHuoXDBpqw-EL7EjvFw5MtE/s1600/purple+bird.png
Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizyTE1X7glG4fJuGCkdfpGVueKL99MagU1DWg0eaLBGimhgIRBVSalUMw41r3RLESUrrlkZ-GXAgcvUFftfcZkzizhdlU4swymb6mBLhEY1sCAKbKfQpVM2sWYL99NzF77QBYzwo7zmMA/s1600/white+bird.png
Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin8DH4zQtGCiqFCMyOn-P23iboVKOJFs4_ClUuA-7iWjT2cKNcQGLx3kG1ksVte8I5yvRBimGxFbK5zMel5JGpSRQ03H767HCu-H93LKeAjXVrsAf44REls8EvfA2VDmxEHKER04rETYA/s1600/red+bird.png

  • Sedangkan Kode berwana Merah, adalah akun Twitter Sahabat. Ganti dengan Nama Akun twitter Sahabat.


6. Setelah Selesai, Klik Simpan dan Lihat Blog Sobat. Maka akan Muncul burung terbang di blog sobat.


Demikian Tutorial dasar dari MasEdi, semoga bermanfaat untuk kita semua. Aamiin
Samapai jumpa di tips berikutnya.


Baca Selengkapnya ....

Merancang Template Blog Dasar

Posted by Unknown Minggu, 19 Mei 2013 0 komentar
Assalamualaikkum Wr. Wb

Kembali bersama MasEdi. Kali ini, Mas Edi akan membagikan tutorial dasar tentang blogspot. Dimana pada kesemapatan ini MasEdi, memberikan tips dasar merancang template atau tema blog.
Apa itu template ?
Template adalah tema sebuah blog, yang menjadi tampelan utama pada blog.
Nah, rancanglah template blog kamu seindah mungkin, guna menarik perhatian pengunjung.
Tak panjang lebar, MaEdi segera menuju TKP.....

1. Login ke blog Sahabat --> www.blogger.com
2. Seperti pada gambar dibawah, klik tanda panah kecil dan pilih Template.


3. Maka akan muncul halaman seperti pada gambar dibawah ini. Klik sesuaikan untuk merancang template Sahabat.

4. Setelah itu, akan muncul halaman seperti gambar dibawah ini. Pada Gambar dibawah berapa pada tab template. Pilih template sesui keinginan Sahabat dan Klik Terapkan ke Blog jika sudah sesuai.


5. Sekarang klik Tab Latar Belakang, seperti pada gambar dibawah ini. Atur latar belakang sesui keinginan Sahabat dan Klik Terapka Ke Blog Jika Sudah sesui keinginan Sahabat.


6. Selanjutnya klik Tab Sesuaikan Lebar. Pada Tab ini, atur lebar artikel dan Gadget dan klik Terapkan ke Blog jika sudah sesui.


7. Selanjutnya klik Tab Tata Letak, pilih tata letak sesui keinginan Sahabat. dan klik terapkan ke Blog.


8. Selanjutnya berada pada Tab Tingkat Lanjut. Pada tab ini, kita mengatur jenis huruf dan warna teks dan Font teks. Jadi intinya fokus pada Teks pada artikel Blog Sahabat. Klik Terapkan Ke Blog jika sudah sesui.




9. Setelah selesai merancang template dan sudah kalian terapkan. Selanjutnya klik Kembali Ke Blogger yang berada disebelah kiri Terapkan Ke Blog.

Selamat Sahabat sudah menguasai satu ilmu Blogger lagi.
Sampai jumpa di Tutorial berikutnya.
Terima kasih.











Baca Selengkapnya ....

Membuat Artikel di Blog

Posted by Unknown Sabtu, 18 Mei 2013 0 komentar
Assalamualaikkum Wr. Wb

Kembali Lagi, MasEdi akan membagikan tips dasar lagi dalam membangun sebuah Blog.
Nah, biasanya, seseorang itu , membuat blog bisa, tetapi selanjutnya dia pusing mau ngapain ?
Sebenarnya langkah selanjutnya adalah membuat artikel. Membuat artikel adalah inti dalam membangun blog. Dimana dengan adanya artikel dalam blog kita, maka akan ada banyak pengunjung yang membaca blog kita. Bagaimana ada pengunjung jika tidak ada artikel di dalam blog kita.
Apa itu Artikel ?
Artikel adalah sebuah bahan bacaan entah penting atau tidak yang jelas bisa dibawa dan di lihat.
Langsung saja ke-TKP untuk membuat artikel.

1. Masuk kedalam blog anda. Kunjungi www.blogger.com
2. Akan muncul halaman seperti gambar dibawah ini.


3. Klik ikon bergambar pensil berwarna orange seperti gambar diatas.
4. Maka akan muncul halaman seperti di bawah ini dan mungkin tidak asing bagi kita, karena modelnya sedikit mirip dengan Microsoft Word pada komputer kita.
5. Keterangan gambar dibawah :
  • Judul Blog : Untuk menulis Judul Artikel Blog
  • Label : Untuk memberi Label pada artikel. Label hampir sama sengan Tema, yaitu tema Artikel anda. Misal judulnya adalah 'bahaya merokok' anda bisa memberi label 'kesehatan' atau yang lainnya.
  • Halaman kosong, putih itu adalah tempat untuk menulis artikel anda.
  • Dan Jika sudah selesai membuat artikel, klik Publikasikan yang sejajar dengan kolom Judul Artikel.




6. Jika artikel Sahabat berhasil di publikasikan, maka akan muncul PopUp/ halaman melayang. Dimana gunanya untu berbagi artikel ke teman-teman Google+ Sahabat. 


7. Selamat Artikel Sahabat telah berhasil di buat. Klik Lihat untuk melihat artikel Sahabat.

Demikian Tutorial Dasar tentang 'Membuat artikel di blog' semoga dapat membuat pengetahuan Sahabat  untuk menjadi Blogger+ Sejati.
Terima Kasih dan sampai jumpa di Tutorial berikutnya.





Baca Selengkapnya ....
Trik SEO Terbaru support Online Shop Baju Wanita - Original design by Bamz | Copyright of Android rush.