DeddyCamp.com

Mesir Satukan Kumandang Azan di Mesjid
Susu Formula Kerap Langgar Aturan Pengiklanan
Memasang Widget Top Komentator Cloud
Membuat Navigasi Horizontal 2 Baris
Membuat Dan Mempercantik Blockquote

Posted: 14 Aug 2010 09:53 PM PDT

Kairo: Rencana penyatuan kumandang azan oleh Pemerintah Mesir mengundang kontroversi. Dalam rencana tersebut seorang muazin akan mengumandangkan azan yang kemudian akan dikirimkan oleh frekuensi radio untuk ribuan masjid di seluruh kota secara bersamaan, demikian dikatakan pejabat Mesir yang tidak ingin diidentifikasi di Kairo pada Kamis (12/8).

Para pejabat mengemukakan alasan untuk program ini adalah menghindari perbedaan waktu sholat yang seringkali berbeda antara masjid, selain itu hal ini juga untuk menghentikan tumpang tindih suara azan dari masjid terdekat.

Meskipun banyak muazin yang mengeluhkan bahwa mereka tidak akan dapat melakukan pekerjaaanya lagi sebagai dampak dari penyatuan azan, namun pemerintah menegaskan bahwa tidak satupun dari 730 muazin di Kairo akan kehilangan pekerjaannya. beberapa ulama Mesir selama turut mencampuri urusan pemerintahan dengan masalah agama.

Susu Formula Kerap Langgar Aturan Pengiklanan

Posted: 14 Aug 2010 09:50 PM PDT

JAKARTA--Pelanggaran cara pemasaran susu formula ditengarai masih banyak terjadi. Dari pantauan Badan Pengawas Obat dan Makanan (BPOM), pelanggaran tersebut banyak terjadi dalam pengiklanan produk susu formula.

"Terutama untuk produk susu formula lanjutan," kata Direktur Penilai Keamanan Pangan BPOM, Tati Amal kepada Republika, Kamis (12/8).

Tati menjelaskan, pelanggaran tersebut banyak terjadi dalam konten iklan. Antara lain adalah pemakaian bayi sebagai model iklan. Selanjutnya, produsen susu formula lanjutan yang kerap mengklaim bahwa susu produksinya dapat meningkatkan kecerdasan dianggap sebagai sebuah pelanggaran. "Bagaimanapun, ASI ekslusif tetap lebih baik daripada susu formula," tegasnya.

Tati menerangkan, terdapat dua jenis susu formula. "Ada susu formula untuk bayi di bawah 6 bulan, dan susu formula lanjutan untuk bayi usia di atas 1 tahun," paparnya.

Untuk susu formula bagi bayi di bawah 6 bulan, sama sekali tak boleh diiklankan. Hal tersebut dilakukan agar masyarakat lebih memilih memberi ASI daripada susu formula. Sedangkan susu formula lanjutan bebas untuk diiklankan.

Saat ini terdapat 11 produsen susu formula di Indonesia. Produsen susu tersebut ada yang berasal dari dalam negeri maupun luar negeri.

Memasang Widget Top Komentator Cloud

Posted: 14 Aug 2010 09:35 PM PDT

Mungkin sudah banyak anda yang memasang widget top komentator, tapi tentunya dengan bentuk yang standard. Sama halnya dengan label cloud, widget top komentator ini juga berbentuk cloud atau menyerupai awan. Buat anda yang menggunakan atribut nofollow, mungkin bisa berbagi sedikit backlink dengan memasang widget ini.

Dengan menggunakan atribut nofollow dan memasang widget top komentator ini, anda tidak terlalu banyak memberikan backlink seperti halnya blog dofollow, tapi akan mengundang pengunjung untuk memberikan komentar sebanyak-banyaknya di blog anda.

Dibawah ini cara pemasangan widget top komentatornya.

Login ke blogger.
Silahkan tuju ke Tata Letak.
Klik tab Elemen Halaman.
Tambah Gadget (Add Gadget) -> pilih yang HTML/Javascript.
Kemudian masukkan kode script dibawah ini :

<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";

ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count

ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.deddycamp.com
&Exclusions=Anonymous,Greenlava
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; float:right;;margin-top:10px;"><a href="http://www.deddycamp.com" target="_blank">Make your own</a></span>
</div>


Keterangan :

Hapus tulisan yang berwarna merah jika anda tidak ingin menampilkan jumlah komentar.
Silahkan ganti http://www.deddycamp.com dengan alamat url blog anda tanpa diakhiri dengan slash ( / ).
Anonymous,Greenlava adalah nama komentator yang tidak ingin anda tampilkan, biasanya nama pemilik blog, ganti saja dengan nama anda (nama pada user blogger dan besar kecilnya huruf juga berpengaruh).
Angka 20 adalah banyak komentator yang ingin ditampilkan.
alphabet adalah urutan top komentator berdasarkan abjad atau huruf, silahkan ganti dengan "frequency" jika ingin mengurutkannya berdasarkan banyaknya komentar.

Semoga bisa bermanfaat,

Selamat mencoba !

Membuat Navigasi Horizontal 2 Baris

Posted: 14 Aug 2010 09:15 PM PDT

Sebelumnya saya sudah pernah membahas cara membuat navigasi horizontal, sama halnya dengan yang dulu, namun kali ini saya menambahkan navigasinya menjadi 2 baris. Contohnya bisa anda lihat pada gambar berikut,

Widget ini cocok buat blog yang ingin menampilkan banyak link dibagian bawah header. Saya sudah mencobanya dibeberapa template standard dari blogger. Jika berminat, berikut cara memasangnya.

1. Login ke blogger.

2. Masuk ke Tata letak.

3. Klik Edit HTML.

4. Sebaiknya backup template anda terlebih dahulu.

5. Letakkan kode berikut sebelum kode ]]></b:skin>

/*-- Nav --*/

#nav {
width:980px;
float:left;
background:#444;
height:33px;
border-bottom:1px solid #fff;
padding:0;
}

#nav-left {
float:left;
display:inline;
width:700px;
}

#nav-right {
float:right;
display:inline;
width:200px;
}

#nav ul {
position:relative;
overflow:hidden;
font:1em verdana,Helvetica,sans-serif;
font-weight:700;
font-size:13px;
margin:0;
padding:0;
}

#nav ul li a,#nav ul li a:visited {
display:block;
color:#f9f9f9;
text-decoration:none;
margin:0;
padding:9px 10px;
}

#nav ul li a:hover {
color:#B40404;
background-color:#fff;
margin:0;
padding:9px 10px;
}

#search {
background:#f9f9f9 url(http://lh3.ggpht.com/_7Y9pl24WpQY/SttgbS-ClLI/AAAAAAAAB78/PFI3z4AHOyw/search_thumb%5B1%5D.gif) 6px 0 no-repeat;
border:1px solid #b3b3b3;
float:right;
height:20px;
width:160px;
margin-top:5px;
margin-right:5px;
padding-top:2px;
}

* html #search {
margin-right:5px;
}

#search input {
font-family:Arial,Helvetica,sans-serif;
background:transparent;
border:0;
color:#000;
float:left;
font-size:12px;
width:120px;
padding-left:27px;
margin:0;
}

/*-- Nav2 --*/

#nav2 {
float:left;
display:inline;
width:980px;
background:#46040C;
height:30px;
clear:both;
margin:0 auto;
padding:0;
}

#nav2 ul {
position:relative;
overflow:hidden;
font:1em Verdana,Arial,Helvetica,sans-serif;
font-weight:500;
margin:0;
padding:0;
}

#nav2 ul li a,#nav2 ul li a:visited {
display:block;
color:#fff;
text-decoration:none;
margin:0;
padding:8px 10px;
}

#nav2 ul li a:hover {
color:maroon;
background-color:#fff;
margin:0;
padding:8px 10px;
}

#nav ul li,#nav2 ul li {
float:left;
list-style:none;
}

6. Kemudian cari kode yang mirip seperti dibawah ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='uji coba (Header)' type='Header'/>
</b:section>
</div>

7. Letakkan kode berikut tepat setelah kode diatas :

<div id='nav'>
<b:section class='header-tabs' id='header-tabs' preferred='yes' showaddelement='no'>
<b:widget id='LinkList10' locked='true' title='Top Tabs' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title'/>
<div id='nav-left'>
<ul>
<li><a href='/'>Home</a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML70' locked='true' title='Search' type='HTML'>
<b:includable id='main'>
<div id='nav-right'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<div id='search'>
<input id='search' maxlength='150' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>
<data:content/>
</div>
</form>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='nav2'>
<b:section class='top-tabs' id='top-tabs' preferred='yes' showaddelement='no'>
<b:widget id='LinkList11' locked='true' title='link Tabs' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title'/>
<div id='nav2'>
<ul>
<li><a href='http://www.deddycamp.com'>Deddy camp</a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

8. Ganti tulisan yang berwarna merah dengan link yang anda ingin tampilkan, karena link ini akan muncul secara automatis ketika link pertama pada baris ke-2 anda isi.

9. Simpan Template.

Keterangan :

width:980px --->> lebar dari navigasi, sesuaikan dengan lebar template anda.
width:700px --->> lebar dari navigasi utama (tidak termasuk widget search engine).
Contoh : jika anda mempunyai template dengan lebar 900px, maka ganti angka 980px menjadi 900px dan ganti angka 700px menjadi 620px.
Tulisan uji coba (Header) adalah judul blog, sesuaikan dengan judul blog anda, sehingga ketika melakukan pencarian tidak bingung karena setiap blog mempunyai judul yang berbeda toh, jadi jangan di telan mentah-mentah kode :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='uji coba (Header)' type='Header'/>
</b:section>
</div>

Semoga berhasil dan bermanfaat tentunya

Membuat Dan Mempercantik Blockquote

Posted: 14 Aug 2010 08:58 PM PDT

Saya akan berikan sedikit contoh blockquote yang bisa anda jadikan referensi dan mungkin bisa dipasang pada blog. Blockquote sendiri adalah tulisan menjorok kedalam yang memang sudah ada pada fasilitas blogger.

Blockquote Gambar

Sama seperti yang ada di blog ini, kode css-nya :

.post blockquote {

background:#F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Z7JxWHiPWredIS6WfpDLRGnVbnWi6cFVIWrfPoAQEfOFQwbVNiZM5rZhspgK37gXtkPu7oAwT13hTHQz-qEhJTBd4H6kZGl_4IZuQl4o-PGN67qWX1syL0PcRP6eWTT27AsmZBmkxdU/s400/quotes_icon.gif) no-repeat scroll 0 0;

color:#3B0B0B;

border:1px outset #FFF;

margin:10px;

padding:10px 10px 10px 36px

}

Hasilnya :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

Keterangan :

#F9F9F9 adalah warna background.
padding:10px 10px 10px 36px --->> perhatikan saja yang 36px karena ukuran tersebut adalah jarak antara garis pinggir kiri dengan tulisan, jadi jika anda menggunakan gambar yang besar, maka ubah dan besarkan padding 36px-nya.
Untuk gambarnya anda sesuaikan dengan warna background, saya punya beberapa gambar dibawah ini yang bisa anda gunakan.

Untuk penggunannya : silahkan klik kanan pada salah satu gambar diatas, kemudian pilih properties --->> location image properites --->> copy semua url gambar tersebut kemudian ganti url tulisan warna merah diatas dengan url gambar yang baru.

Blockquote Border dan Warna

Kode css :

.post blockquote {

margin: 1em 3em;

padding: .5em 1em;

border-left: 5px double #AEB404;

background-color: #F2F5A9;

}

Hasilnya :

Blockquote Tulisan Besar Pada Baris Pertama

Kode css :

.post blockquote {

margin: 1em 2em;

border-left: 1px dashed #999;

padding-left: 1em;
}

.post blockquote p:first-letter {

float: left;

margin: .2em .3em .1em 0;

font-family: "Monotype Corsiva", "Apple Chancery", fantasy;

font-size: 250%;

font-weight: bold;
}

.post blockquote p:first-line {

font-variant: small-caps;
}

Hasilnya :

Blockquote Warna dan Model Tulisan

Kode css :

.post blockquote {

color: #66a;

font-weight: bold;

font-style: italic;

margin: 1em 3em;

}

.post blockquote p:before {

content: '"';

}

.post blockquote p:after {

content: '"';

}

Hasilnya :

Berikut cara pemasangannya :

Login ke blogger.
Tuju Tata Letak.
Pilih Edit HTML.
Cari kode .post blockquote { …………………………………dst } hapus semua kode tersebut dan ganti dengan salah satu kode css diatas.
Jangan Lupa Simpan Template.

Mudah-mudahan bermanfaat ya

Info Satpol

Halaman

Minggu, 15 Agustus 2010

DeddyCamp.com

DeddyCamp.com

0 komentar:

Posting Komentar

Menu Blog Ini

Info Satpol

Posting Gratis Di Sini

INSPIRASI

Ikuti beritaku