Aku Menulis Karena Alloh: Seputar Bloging

Home / Posts filed under Seputar Bloging

Tampilkan postingan dengan label Seputar Bloging. Tampilkan semua postingan

Bagaimana Cara Membuat scroll label pada blogspot dengan mudah dan simpel...?

Posted by Mustopa Almurtaqi Makarima 0 komentar

Bismilahirrohmanirrohim

Pada kesempatan hari ini saya akan membahas tentang sedikit ilmu bloging, spesifiknya tentang pembahasan cara pembuatan scroll label pada blogspot. mungkin bagi anda para ahli blogger, para master pembahasan ini adalah pembahasan yang cemen bahkan mungkin tidak ada artinya. baiklah jika anda sudah mahir dalam hal ini lebih baiknya anda memberikan masukan dan tips yang lebih menarik pada kolom komentar di bawah nanti.

Pembahasan ini saya khususkan bagi anda yang masih belajar blogging, yaitu bagi para pemula yang ergelut dalam dunia blogger. langsung aja ke pembahasan intinya yaitu pembahasan atau jawaban dari pertanyaan diatas, "Bagaimana cara membuat scroll label pada blogspot dengan mudah dan simpel,?" kenapa saya katakan dengan mudah dan simpel,,? karena memang mudah dan simpel sekali.

jika yang anda maksud scroll label seperti ini.

Untuk membuat scroll label seperti di atas, anda memerlukan beberapa langkah saja, tidak banyak kok, nyantai aja, satu menit juga beres, nyantai aja dulu, kalo perlu minum kopi hitam dulu biar otaknya fresh. baiklah disini saya tidak akan muluk-muluk langsung aja ke intinya.

Inilah langkah-langkah untuk membuat scroll label pada blogspot:

Biasa anda masuk dulu ke Blog anda
langkah kedua pilih template dan klik Edit HTML untuk lebih jelasnya bisa anda lihat pada gambar dibawah ini
Kemudian cari kode ]]></b:skin> , untuk mempermudah pencarian kode tersebut, anda bisa menekan (CTRL + F) pada keyboard kumputer anda secara bersamaan kemudian tulis kode ]]></b:skin> pada kotak pencarian itu.
Setelah kode diatas ketemu, maka tambahkanlah kode di bawah ini di atas kode ]]></b:skin>

Inilah kode yang harus anda taruh di atas kode ]]></b:skin> itu.

#Label1 .widget-content{

height:250px;

width:auto;

overflow:auto;

}

Terakhir anda jangan lupa untuk menyimpan templatenya dengan cara mengklik simpan template .

Catatan : Untuk yang bertulisan warna hijau diatas height:250px;, Bisa anda rubah ukurannya sesuai dengan keinginan anda. Terimakasih telah mengunjungi blog ini

Baca Selengkapnya ....

Bagaimana Cara membuat scroll pada arsip blog dengan mudah dan simpel...?

Posted by Mustopa Almurtaqi Makarima 0 komentar

Bismilahirrohmanirrohim

Pada kali ini saya akan memnulis sedikit jawaban dari pertanyaan anda, yaitu "Bagaimana Cara Membuat scroll pada arsip blog..?" Sebelum saya menjawabnya, saya ingin bertanya dulu kepada anda. Apakah yang dimaksud oleh anda itu adalah scroll arsip seperti ini.

Jika Yang dimaksud oleh anda adalah seperti gambar diatas, maka langkah-langkahnya sangat mudah sekali. caranya sangat simpel sekali. langkah-langkahnya adalah sebagai berikut:

Biasa anda masuk dulu ke Blog anda
langkah kedua pilih template dan klik Edit HTML untuk lebih jelasnya bisa anda lihat pada gambar dibawah ini
Kemudian cari kode ]]></b:skin> , untuk mempermudah pencarian kode tersebut, anda bisa menekan (CTRL + F) pada keyboard kumputer anda secara bersamaan kemudian tulis kode ]]></b:skin> pada kotak pencarian itu.
Setelah kode diatas ketemu, maka tambahkanlah kode di bawah ini di atas kode ]]></b:skin>

Inilah kode yang harus anda taruh di atas kode ]]></b:skin> itu.

#BlogArchive1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

Dan terakhir anda jangan lupa untuk menyimpannya, Semoga dapat membantu dan bermanfaat buat semuanya.

Baca Selengkapnya ....

Bagaimana Cara Menampilkan judul Postingan saja pada halaman utama Blogspot..?

Posted by Mustopa Almurtaqi Makarima 0 komentar

Bismilahirrohmanirohimi.

Apa yang anda maksud seperti ini..?

Gampang sekali, Hanya memutuhkan beberapa langkah, diantaranya adalah:

Setelah Anda login, Plih Template
Lalu pilih Edit HTML
Untuk langkah selanjutnya, cari kode <head>. Setelah benar-benar kode <head> ini ketemu, maka
Langkah selanjutnya anda hanya meletakan kode dibawah ini, di atas kode <head> tersebut

Inilah kode yang harus anda simpan diatas kode <head> tersebut:

<style type='text/css'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#33AAFF;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#33AAFF;

font-weight:normal;

}

.post h3 strong, .post h3 a:hover {color: #333333;}

.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}

</b:if>

</style>

Dan terakhir Jangan lupa untuk menyimpannya, Caranya yaitu dengan mengklik Simpan Template. Semoga Bermanfaat .

Baca Selengkapnya ....

Bagaimana Cara Mudah Membuat Daftar Isi Blog pada Blogspot Secara otomatis..?

Posted by Mustopa Almurtaqi Makarima 0 komentar

Bismilairrohmanirrohim

Apakah yang anda maksud seperti Daftar isi blog seperti ini...?

Agar tampilan blog lebih simpel dan kelihatannya lebih profesiaonal, lebih menarik, lebih mempermudah para pengunjung untuk menemukan apa yang sedang dicarinya. Agar pengunjung lebih betah berada pada blog anda, maka solusinya adalah diantaranya harus menyediakan daftar isi pada blog tersebut. Bagaimana caranya..? gampang sekali. hanya dengan beberapa langkah saja anda akan merasakan hasilnya. baiklah langsung saja ke intinya.

Langkah-langkahnya adalah sebagai berikut :

Login dulu ke blog anda
Langkah kedua, Pilih Laman, Seperti yang Terletak Pada Gambar Di atas
Langkah ketiga pilih Laman Baru
Pilih Laman Kosong
Dan masukan kode HTML dibawah ini, Pada bagian HTML bukan pada bagian COMPOSE.. seperti pada gambar ini

Inilah Kodenya :

<script src="http://ariflawblog.googlecode.com/files/daftar%20isi%20blog.js.js">

</script><script src="http://akumenuliskarenaalloh.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">

</script>

Yang berwarna hijau adalah alamat blog yang bersangkutan, maka rubahlah dengan alamat blog anda.