Memasang news update post di blog

MEMASANG NEWS UPDATE POST DI BLOG ~ Pada kesempatan kali ini, saya akan postingkan tentang 'Memasang news update di blogger'. Oke, langsung aja script di bagian widget/gadgetnya :

<style type="text/css">

    .gfg-root {

  width : 100%;

  height : auto;

  position : relative;

  overflow : hidden;

  text-align : center;

  font-family: "Arial", sans-serif;

  font-size: 20px;

  border: 1px solid #BCCDF0;

}

.gfg-title {

  font-size: 20px;

  font-weight : bold;

  color : #3366cc;

  background-color: #E5ECF9;

  line-height : 1.0em;

  overflow : hidden;

  white-space : nowrap;

  text-align : center;

  margin-bottom:40px !important;

}

.gfg-title a {

  color : #3366cc;

}

.gfg-subtitle {

  font-size: 20px;

  font-weight : bold;

  color : #3366cc;

  background-color: #E5ECF9;

  line-height : 1.4em;

  overflow : hidden;

  white-space : nowrap;

  margin-bottom : 0px;

}

.gfg-subtitle a {

  color : #3366cc;

  display:none !important;

}

.gfg-entry {

  background-color : white;

  width : 100%;

  height : 6.9em;

  position : relative;

  overflow : hidden;

  text-align : left;

  margin-top : 3px;

}

/* To allow correct behavior for overlay */

.gfg-root .gfg-entry .gf-result {

  position : relative;

  background-color : white;

  width : auto;

  height : 100%;

  padding-left : 20px;

  padding-right : 5px;

}

.gfg-list {

  position : relative;

  overflow : hidden;

  text-align : left;

  margin-bottom : 5px;

  display:none !important;

}

.gfg-listentry {

  line-height : 1.5em;

  overflow : hidden;

  white-space : nowrap;

  text-overflow : ellipsis;

  -o-text-overflow : ellipsis;

  padding-left : 15px;

  padding-right : 5px;

  margin-left : 5px;

  margin-right : 5px;

}

.gfg-listentry-odd {

  background-color : #F6F6F6;

}

.gfg-listentry-even {

}

.gfg-listentry-highlight { 

  background-image : url('garrow.gif');

  background-repeat: no-repeat;

  background-position : center left;

}

/*

 * FeedControl customizations.

 */

.gfg-root .gfg-entry .gf-result .gf-title {

  font-size: 24px;

  line-height : 1.2em;

  overflow : hidden;

  white-space : nowrap;

  text-overflow : ellipsis;

  -o-text-overflow : ellipsis;

  margin-bottom : 2px;

}

.gfg-root .gfg-entry .gf-result .gf-snippet {

  height : 3.8em;

  color: #000000;

  margin-top : 3px;

}

/*

 * Easy way to get horizontal mode, applicable via js options to gadget.

 */

.gfg-horizontal-container {

  position : relative;

  width:600px;

  height:40px;

}

.gfg-horizontal-root {

  height : 1.5em;

  _height : 100%;

  position : relative;

  white-space : nowrap;

  overflow : hidden;

  text-align : center;

  font-family: "Arial", sans-serif;

  font-size: 13px;

  border: 1px solid #AAAAAA;

  padding : 5px;

  margin-right : 80px;

}

.gfg-horizontal-root .gfg-title {

  font-weight : bold;

  background-color: #FFFFFF;

  line-height : 1.5em;

  overflow : hidden;

  white-space : nowrap;

  float : left;

  padding-left : 10px;

  padding-right : 12px;

  border-right: 1px solid #AAAAAA;

}

.gfg-horizontal-root .gfg-title a {

  color : #444444;

  text-decoration : none;

}

.gfg-horizontal-root .gfg-entry {

  width : auto;

  height : 1.5em;

  position : relative;

  overflow : hidden;

  text-align : left;

  margin-top : 0px;

  margin-left : 0px;

  padding-left : 10px;

}

/* To allow correct behavior for overlay */

.gfg-horizontal-root .gfg-entry .gf-result {

  position : relative;

  background-color : white;

  width : 100%;

  height : 100%;

  line-height : 1.5em;

  overflow : hidden;

  white-space : nowrap;

}

.gfg-horizontal-root .gfg-list {

  display : none;

}

/*

 * FeedControl customizations.

 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,

.gfg-horizontal-root .gfg-entry .gf-result .gf-author {

  display : none;

}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {

  color: #0000cc;

  margin-right : 3px;

  float : left;

}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {

  float : left;

}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,

.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {

  display : block;

  color: #AAAAAA;

}

.gfg-branding {

  white-space : nowrap;

  overflow : hidden;

  text-align : left;

  position : absolute;

  right : 0px;

  top : 0px;

  width : 80px;

}

.gfg-collapse-open, .gfg-collapse-closed {

  background-repeat : no-repeat;

  background-position : center;

  cursor : pointer;

  float : right;

  width : 17px;

  height : 20px;

}

.gfg-collapse-open {

  background-image : url('arrow_open.gif');

}

.gfg-collapse-closed {

  background-image : url('arrow_close.gif');

}

.gfg-collapse-href {

  float : left;

}

.clearFloat {

  clear : both;

}

    #feedGadget { 

      margin-top : 5px;

      margin-left: auto;

      margin-right: auto;

      width : 440px;

      font-size: 16px;

      color: #9CADD0;

    }

#feedGadget2 { 

      margin-top : 5px !important;

      float:left;

      width : 440px;

      

      color: #9CADD0;

    }

.feedGadget2 {

}

#big {

width : 440px;

font-size: 10px;

}

</style>

<script src="http://www.google.com/jsapi/?key=KODE API KEY KALIAN" 

 type="text/javascript"></script>

  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

  <script type="text/javascript">

    function showGadget() {

      var feeds = [

       {title:'BLOG_TITLE',

        url:'http://labibalfaruqi24.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},

       

       ];

      new GFdynamicFeedControl(feeds, 'feedGadget',

                               {numResults : 1000, horizontal : true,

                               });

    }

    google.load("feeds", "1");

    google.setOnLoadCallback(showGadget);

  </script>

<div id="big">

<div id="feedGadget">Loading...</div>

  <div id="feedgadget2">Gadget by <a href="http://labibalfaruqi24.blogspot.com/" target="_blank">labibalfaruqi24</a>.</div></div>

Source Script

Cara pemasangannya

1. Pertama login ke akun blooger kalian, bisa klik disini
2. Pilih Rancangan >> klik Elemen laman >> Tambah Gadget / Widget
3. Copas kode diatas ke kolom konten di bawah kolom judul, mau dikasi judul atau tidak terserah kalian
4. Ganti ketikan yang berwarna merah dengan rincian blog kalian. Dan untuk mendapatkan kode API Key silahkan kalian kunjungi halaman http://code.google.com/apis/loader/signup.html, masukan URL blog kalian kemudian klik generate API Key, dapat dah kode API Keynya untuk mengganti ketikan KODE API KEY KALIAN yang berwarna merah pada script diatas.
5. Selanjutnya klik Simpan / Save
6. Drag gadget / Widget untuk ditaruh ke tempat yang kalian inginkan
7. Terakhir klik Simpan dan lihat hasilnya

Keterangan :




Hijau diganti dengan URL blog kalian
Biru diganti dengan Judul blog kalian




Semoga kalian senang..... Happy Blogging...




sumber : sakawku.blogspot.com

Postingan di blog yang muncul cuma judulnya aja

POSTINGAN DI BLOG YANG MUNCUL CUMA JUDULNYA AJA ~ Pada kesempatan kali ini, saya akan postingkan tentang 'Postingan yang muncul cuma judulnya aja' . Update kembali trik cara hanya menampilkan judul postingnya saja pada halaman depan atau home page. Mengingat cara ini memang sangat efisien dan sangat menghemat tempat pada halaman depan sebuah blog. Biasanya cara ini digunakan karena artikel, sidebar ataupun konten yang ditampilkan sudah padat. Tapi ada juga yang hanya sekedar ingin tampil lebih praktis dan lebih meringankan pada saat loading ketika blog tersebut dibuka.
Untunglah ada sobat blogger yang mengeluhkan, bahwa kode css yang saya berikan tidak bekerja dengan baik.... terima kasih sobat. Dan ternyata setelah saya cek kembali, ada beberapa kode yang kurang, dan kini kode yang saya berikan dibawah sudah normal kembali, maka dari itu artikel ini saya update kembali ... bagi yang memerlukan trik ini silahkan anda coba dan saya pastikan akan berhasil tanpa keluhan.

OK... bila anda berminat, anda bisa ikuti lankah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

5. Copy kode css di bawah ini dan taruh sebelum kode </head> :

<style type='text/css'>

<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>

.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:#cc6600;}

.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#cc6600;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></b:if>

</style>

Selamat mencoba...

Sumber : bimablogunik.cc.cc

5 Ciri blog yang malas dikunjungi orang

5 CIRI BLOG YANG MALAS DIKUNJUNGI ORANG ~ Pada kesempatan kali ini, saya akan postingkan tentang '5 Ciri blog yang malas dikunjungi orang'. Apa saja yang menyebabkan Blog malas dikunjungi orang ??? Langsung saja ke TKP :

1. 1. Ketika Blog diakses Lamban, Lemot, dll.

Pengunjung Blog pasti lebih senang kalau blog yang diakses tidak lemot, bayangkan jika isi konten diblog anda menarik dan bermanfaat tapi blog anda ketika diakses lamban pasti pengunjung blog anda akan malas mengunjungi blog anda kembali, hanya karena masalah kecil yaitu blog anda lamban. Untuk solusi masalah ini, anda bisa menggunakan layanan CSS COMPRESSOR.

2. 2. Didalam Blog terdapat kerusakan, seperti kotak komentar yang bermasalah.

Pengunjung akan mengira bahwa blog yang dikunjunginya tidak berkualitas, dan pengunjung juga akan malas untuk berkomentar.

3. 3. Isi konten banyak yang salah, misalnya Keyword yang salah (SPAM).

Pengunjung Blog akan malas mengunjungi blog yang isi kontennya tidak sesuai dengan keyword yang dicarinya dalam search egine(SPAM), hal ini akan merugikan blog tersebut dan blog tersebut juga akan rugi dimata seach egine, misalnya search egine Google. Google paling tidak menyukai blog yang SPAM. Begitu juga search egine lainnya seperti yahoo dan msn.

4. 4. Desain Blog Kurang Enak dipandang.

Biasanya pengunjung lebih menyukai Blog yang desainnya enak dipandang(menarik dan tidak membosankan), selain isi konten Blog yang harus menarik, Desain/Tata Letak Blog juga harus ditata sebagus mungkin agar pengunjung blog betah belama lama diblog.

5. 5. Blog yang dikunjungi Tidak Sering Update.

Pengunjung Blog akan lebih menyukai blog yang sering Update. Selain disukai pengunjung, blog yang sering Update juga disukai Search Engine.

Demikian 5 ciri Blog yang malas dikunjungi orang. Mungkin ada alasan lain yang belum saya ketahui, silahkan ditambahkan dikomentar. Jangan lupa kasih komentar yach…

Sumber : bimablogunik.cc.cc

Membuat status loading 2 di blog

MEMBUAT STATUS LOADING 2 DI BLOG ~ Pada kesempatan kali ini, saya akan postingkan tentang 'membuat status loading 2'. Mungkin untuk beberapa blogger, postingan tentang membuat status loading tidak bisa. Jika tidak bisa, saya postingkan yang ini..... disimak ya.........  


Buat para blogger yang senang dengan efek-efek yang lumayan menarik, nih saya punya trik yaitu Cara Membuat Efek Loading Page Pada Blogger. 


Mau tau previewnya??? ok ok nih contohnya bisa dilihat DISINI

Gimana??? sobat tertarik kah????



kalo iya, nih langsung aja ya Cara Membuat Efek Loading Page Pada Blogger

• login blog
• buka menu rancangan >> edit HTML
• lalu cari kode 
• dan letakkan kode dibawah ini tepat diatas kode </head>

<!-- Loading Page Script – Labib Alfaruqi – http://labibalfaruqi24.blogspot.com -->

<style type="text/css">

/* add loading image */

body {

background:#4B4B4B url(http://www.google.co.id/imgres?num=10&hl=id&sa=G&biw=1024&bih=478&tbm=isch&tbnid=JCd9ujiqmM74-M:&imgrefurl=http://www.slavisa-savic.com/index.php/ideaman/page/6/0/0/posters&docid=Ahds9DTtcV4qUM&imgurl=http://www.slavisa-savic.com/img/loading_last.gif&w=400&h=400&ei=hVryT5HvEpGzrAf13dy9DQ&zoom=1&iact=hc&vpx=760&vpy=99&dur=394&hovh=225&hovw=225&tx=158&ty=168&sig=113491901632898189024&page=3&tbnh=133&tbnw=132&start=25&ndsp=15&ved=1t:429,r:9,s:25,i:179) no-repeat fixed center;

}

/* hide page div */

#page{

display:none;

}

</style>

<script type="text/javascript">

function css(classORid,rules){

try{

var css=document.createElement("style");

css.innerHTML=classORid+"{"+rules+"}"

document.body.appendChild(css);

}

catch(e){}

try{

document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);

}

catch(e){}

}

function loaded(){

css("#page","display:block!important");

css("body","background:#000 url()");

}

if(window.addEventListener)window.addEventListener("load",loaded,false);

else if(window.attachEvent)window.attachEvent("onload",loaded);

else if(document.getElementById)window.onload=loaded;

</script>

Keterangan : 

Merah diganti URL gambar loading

 lalu cari kode <body>

 lalu letakkan kode dibawah ini dibawah kode diatas

     <div id="page">

cari lagi kode </body>

dan taruh kode </div> diatas kode </body>

simpan deh.....


Sumber : vikrymadz.blogspot.com

Membuat status loading 1 di blog

MEMBUAT STATUS LOADING 1 DI BLOG ~ Pada kesempatan kali ini, saya akan postingkan tentang 'Membuat status loading 1 di blog'. Oke langsung saja kita simak pembahasannya :

Cara membuat status loading di blog / website.

Status loading keren ini akan muncul sementara blog kamu sedang memuat halaman sampai 100%, silahkan lihat contoh tampilan status loading (preload page) pada demo dibawah ini.

Demo tampilan status loading:

Memuat halaman…

Langkah-langkah membuat status loading:

1) Pasang kode javascript dibawah ini pada bagian  blog kamu :

<script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/>

2) Kemudian cari baris  , ganti baris kode tersebut dengan kode html dibawah ini :

<body onLoad='PreloadPage();'>

<div id='prepage' style='position: fixed; _position: absolute; top: 0px; right: 0px; clip: inherit; _top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight); _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth); width: 100%; height: 100%; background-color: #000; padding: 0px; border: 0px; text-align: center; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; font-family: verdana; font-weight: bold; color: #ccc;'>

<script type='text/javascript'>PreLoading();</script>

</div>

Selamat mencoba!!

Sumber: bimablogunik.cc.cc

Meningkatkan traffic blog dengan Traffic G

MENINGKATKAN TRAFFIC BLOG DENGAN TRAFFIC G ~ Pada kesempatan kali ini, saya akan share bagaimana cara meningkatkan traffic blog/website, walau sebenarya saya sendiri masih awam dengan konsep hal ini.  Jadi disini saya hanya ingin mengajak sobat blogger yang traffic blognya masih sedikit sama seperti blog tercinta saya ini untuk menjadi member di sebuah website yang tata kerjanya mempromosikan sebuah blog/website kita yang bergabung atau menjadi member di website tersebut

Website tersebut adalah trafficg.com

Keuntungan dari menjadi member di traffic G antara lain :

1. Mendapatkan 1 kunjungan setiap kalian mengunjungi 1 blog atau website anggota lain dari traffic G.

2. Promosi website atau blog Unlimited.

3. Mendapatkan Hit Unique

4. Blog atau website kalian mendapatkan Geo targetting atau traffic yang berasal dari berbagai negara sesuai dengan yang sobat inginkan.

5. 100% gratis.

Jadi kesimpulannya, TrafficG.com adalah situs yang membantu kalian dalam mempromosikan blog yang kalian miliki hanya dengan mengarahkan kalian pada situs member, dan secara otomatis member lain akan melakukan hal yang sama, yaitu mengunjungi blog kalian juga.

Selain Traffic Exchange kalian juga mendapatkan link gratis di direktori traffic G dan search engine, adalah cara terbaik untuk meningkatkan existensi blog kalian dan masih banyak lagi keuntungan dari menjadi member di trafficg.com.

Sumber : http://sakawku.blogspot.com