cara buat kolom wigdet diatas postingan blog

1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code ]]></b:skin> 
4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.


/*****************************************
Name : 4 Kolom layout diatas main blog
By : mismanpbg
Update : jum at 31 januari 2014
******************************************/
#BDRSLAYOUT-MAINKOLOM {
width: 99%;/* Lebar */
margin:0;
padding: 0;
text-align: center;
}
#BDRSLAYOUT-MAINKOLOM .BDKOLOM{
width:140px; /* Lebar Kolom */
height:auto;
margin:3px ;
text-align: center;
padding:2px 5px;
line-height: normal;
}/* End CSS 4 kolom layout */



5. Setelah anda selesai memasang code CSSnya saatnya anda dipaksa untuk memasang kode tag htmlnya pada halaman blog anda agar muncul pada saat dibrowsing.



Pada umumnya kode <div class='main-wrapper'> biasanya ada pada template HTML/XML blog tapi ada beberapa blog mungkin tidak memiliki kode persis seperti kode <div class='main-wrapper'>.
Tapi anda tidak perlu kawatir tentang kode <div class='main-wrapper'>, bila di template blog anda tidak sama persis dengan kode tersebut cari saja kode yang sejenis yang penting letak 4 kolom layout ini diatas kode postingan halaman blog ( Widget Blog 1 ).


6. Cari code <div class='main-wrapper'> setelah ketemu copy kode dibawah ini dan pastekan tepat dibawah kode <div class='main-wrapper'>.
   


<!-- BDRS layout 4 kolom Start -->
<div id='BDRSLAYOUT-MAINKOLOM'>
<!-- BDRS layout 1 -->
<div id='box1' style='width:140px;float:left;margin:3px 5px; '>
<b:section class='BDKOLOM' id='main-column-1' preferred='yes'>
<b:widget id='HTML71' locked='false' title='Kolom 1' type='HTML'>
<b:includable id='main'>
<!-- BDRS only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- BDRS layout 2 -->
<div id='box2' style='width:140px;float:left;margin:3px 5px;'>
<b:section class='BDKOLOM' id='main-column-2' preferred='yes'>
<b:widget id='HTML72' locked='false' title='Kolom 2' type='HTML'>
<b:includable id='main'>
<!-- BDRS only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- BDRS layout 3 -->
<div id='box3' style='width:140px;float:left;margin:3px 5px;'>
<b:section class='BDKOLOM' id='main-column-3' preferred='yes'>
<b:widget id='HTML73' locked='false' title='Kolom 3' type='HTML'>
<b:includable id='main'>
<!-- BDRS only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- BDRS layout 4 -->
<div id='box4' style='width:140px;float:left;margin:3px 5px;'>
<b:section class='BDKOLOM' id='main-column-4' preferred='yes'>
<b:widget id='HTML74' locked='false' title='Kolom 4' type='HTML'>
<b:includable id='main'>
<!-- BDRS only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear:both;'/>
</div>
<!-- BDRS layout 4 kolom end -->


7. Save template anda, dan lihat hasilnya

BUAT LINK DIATAS POSTINGAN WIGDET

Install Program CSS

1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code </head>
4. Copy Code script CSS dibawah ini, pastekan tepat diatas code </head> yang tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.

/*****************************************
Name : Widget link di atas postingan blog
By : mismanpbg
Update : jum at, 31 januari 2014
******************************************/
.bdlink-main {
width:80%;
height:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
margin:5px;
text-align: left;
background-color: #CCCCCC;
}
.bdlink-main h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #990000;
font-style: italic;
font-weight: bold;
text-shadow:2px 2px 1px #fff;
}
.bdlink-main ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
line-height: 1.7em;;
list-style-type: none;
margin-left:-35px;
padding-left:15px;
background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP2QReIdxL1M0GxMAw5kbc-i6ZWYeJfIyyplwZCAYntgCEhXoIBZk8GGy0g1c765BK5mH9OpOZfpPK8I-e9DWS4fcEdkqSWdn5nyV7INChG_7q_9AO6-dV8sgXe5Tghmwbvv9HRORqz7c/s1600/arrow-grey.gif') no-repeat -2px 7px;
}
.bdlink-main ul li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
line-height: normal;
text-decoration: none;
}
.bdlink-main ul li a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
line-height: normal;
text-decoration: none;
}
.bdlink-main .bdlabel-main{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height: normal;
width: 100%;
float: left;
margin-left: 8px;
margin-right: 5px;
margin-top:-15px;
}/* BD CSS end */

Install Program Tag HTML

• Setelah anda sudah memasang CSSnya saatnya anda memasang kode htmlnya.
• Untuk memasang kode htmnya anda dapat memasangnya dimana saja. Untuk tutorial kali ini saya memasangnya di atas postingan halaman blog seperti 4 kolom layout yang telah anda pasang sebelumnya.
• Silahkan pilih " Tata Letak " pada dasbor blog anda.
• klik "Edit " ( Anda hanya mengklik edit pada gadget " HTML / Javascript " sebab pada tutorial membuat kolom layout tersebut saya sudah memasangkan gadget " HTML / Javascript " 4 kolom, silahkan buka satu persatu, dan masukkan kode di spoiler yang ada dibawah ini kedalam satu gadget, ulagi lagi hal tersebut sampai 4 gadget " HTML / Javascript " terisi semua seperti pada demo tutorial ini. )
• Setelah muncul halaman " HTML/JavaScript ".
• Copy kode didalam spoiler dibawah ini kemudian pastekan di gadget anda.
• Edit script dan save 
•  <!-- BDRS KODE LINK start -->
  <div class="bdlink-main">
  <div class="bdlabel-main" >
  <h2>JUDUL LINK </h2>
  <ul>
  <li><a href='LINK ANDA' target='_blank' title='LINK SATU'>
  LINK SATU
  </a></li>
  <li><a href='LINK ANDA' target='_blank' title='LINK DUA '>
  LINK DUA
  </a></li>
  <li><a href='LINK ANDA' target='_blank' title='LINK TIGA '>
  LINK TIGA
  </a></li>
  </ul>
  </div></div>
  <!-- BDRS KODE LINK End -->

Keterangan Code

• Setelah anda memasang kolom layoutnya, kemudian anda memasang kode linknya kedalam widget yang telah anda pasang sebelumnya.
• Tulisan kode warna MERAH ganti dengan Link anda.
• Kode tulisan warna BIRU ganti dengan nama link anda, dan untuk " title="..." " samakan saja tulisannya dengan nama link anda.
• Untuk tulisan kode warna HIJAU ganti dengan judul widget anda.
• Silahkan edit CSSnya untuk menyesuaikan tampilannya terhadap halaman blog

Cara Membuat iklan dibawah Postingan Blog,

  Assalamualaykum sahabat, Bagaimana kabarnya nih? Insyallah sehat ya? Amin. Oh iya tema kita untuk pertemuan kali ini tentang cara membuat iklan di bawah posting, Langsung saja ketema, salah satu cara memaksimalkan pendapatan blog kita, ialah memasang iklan di tempat yang strategis, salah satunya di bawah postingan,Tentunya sangat memakan waktu, apabila kita harus memasang iklan secara manual, Nah untuk mengakali agar kita lebih menghemat waktu ialah dengan memasang iklan secara otomatis dibawah postingan, bagaimana caranya beikut langkah demi langkahnya:

Cara Membuat Iklan dibawah Postingan Blog

 Sebelum kita memasang kode iklan di blog, yang harus kita lakukan ialah memPrase kode iklan bagaimana caranya berikut langkah demi angkahnya

1. pertama yang harus kita lakukan ialah memPrase kode Iklan yang akan kita pasang, Untuk cara memprase kode iklan sahabat bisa mengunjungi web blogcrowds.com 
2. selanjutnya copy kode iklan sobat kemudian pastekan, dan klik Prase.

Cara memasang kode iklan di HTML blog

 Selanjutnya untuk memasang kode iklan yang sudah  sahabat Prase, di HTML blog, berikut langkah demi langkahnya:

1. Login di blogger.com 
2. selanjutnya klik opsi lainya selanjutnya klik template
3. selanjutnya sahabat cari kode <data:post.body/> setelah sahabat menemukan kode HTML sahabat copy code iklan dan pastekan di bawah code <data:post.body/> 
4. selanjutnya klik save.

  Mungkin itu saja yang bisa admin bagi mudah mudahan bermanfaat salam blogger indonesia dan terakhir wassalam.

Cara Membuat ISO/NRG

File ISO/NRG adalah File image yang bisa dibuka dengan melakukan burning ke dalam CD, nah jadi setelah di-burning ke dalam CD/DVD maka file dalam bentuk Image ISO atau NRG akan bisa dibaca.

Contohnya seperti hal ini, jika kita punya CD/DVD lalu ingin diperbanyak maka perlu melakukan proses Burning ke CD/DVD lainnya. Nah, CD/DVD yang berisi file yang akan diperbanyak tadi perlu dijakdikan File Image ISO/NRG terlebih dahulu untuk bisa di-Burning ke dalam CD/DVD yang kosong. Cara Buat File NRG/ISO sebernya cukup mudah dengan bantuan Sofware Nero.

1.Sudah terinstal Nero

Syarat awal untuk Cara membuat File ISO/NRG dari CD/DVD adalah harus sudah ada sofware nero pada komputer atau laptop yang akan melakukan proses ini.

2.Masukkan CD/DVD

Masukkan CD atau DVD ke dalam harddrive yang ada pada komputer atau laptop untuk melakukan proses pembacaan fata pada CD/DVD.

3.Buka Nero

Langkah selanjutnya adalah buka Nero pada pilihan Nero Startsmart agar lebih mudah melakukan pilihan proses.

4.Copy CD/DVD

Selanjutnya setelah membuka Nero Startsmart, lalu pilihlah pilihan “Copy CD” untuk melakukan proses pada CD dan pilihan “Copy DVD” jika file sumber berasal pada isian datanya di DVD.

5.Nero Express

Setelah melakukan pilihan medan pada CD atau DVD maka selanjutnya kita akan mendapati kotak Nero Express. Pada pilihan “Source Drive” pilihlah Source atau asal file yang akan dilakukan proses ISO atau NRG. Untuk Destination Drive bisa pilih “Image Recorder”. Setelah melakukan next maka akan ada pilihan letak destinasi atau penyimpanan file ISO/NRG ini. Setelah dipilih tempatnya, lalau proses berlangsung. Setelah itu jika sudah selesai kita akan mendapati file ISO/NRG di tempat destinasi penyimpanan Folder file ISO/NRG.

Cara Menggabung/Ekstrak/Install File ISO Dengan Daemon Tools Lite

Selain bisa untuk file standar berekstensi .iso, Daemon Tools Lite juga bisa digunakan untuk mengekstrak atau menggabung file dalam format .bwt, .msd, .msx, .ccd, .nrg, .isz dan banyak lagi jenis image file yang support dengan tools ini. 

 1. Download Daemon Tools Lite 4.45.3.027 DISINI.
2. Install Daemon Tools Lite di komputer PC anda, supaya mudah pilih saja Bahasa Indonesia pada pilihan bahasa.
3. Klik pilihan Lisensi Gratis dan Jangan ijinkan MountSpace memakai statistik.
4. Jika sudah terinstal, jalankan (Run) aplikasinya.

5. Selanjutnya klik tombol Tambah Image (Mount Image) atau gambar CD yang ada tanda plus.
6. Pilih file berformat .iso yang ingin anda ekstrak. Jika filenya lebih dari 1 misal game.iso.0, game.iso.1, game.iso.2, dst. maka blok saja semuanya dan klik Open.
7. File yang sudah anda pilih akan masuk dalam kotak Katalog Image
8. Kemudian klik file yang ada dalam Katalog Image, selanjutnya klik tombol Muat warna hijau yang mirip tombol play.
9. Selanjutnya buka window explorer atau folder My Computer, sobat akan melihat drive virtual yang sudah berisi file game hasil ekstrak. Double klik drive virtual tersebut klik Install maka proses instalasi game akan berjalan secara otomatis. Jika didalam file game sudah terdapat file autorun.exe, maka biasanya kotak dialog untuk instalasi game akan otomatis muncul setelah selesai langkah ke-8 diatas.
10.  Jika anda ingin mengaktifkan Daemon Tools Lite melalui sistem tray juga bisa. Caranya klik kanan pada ikon Daemon Tools seperti lambing petir yang ada di sistem tray, pilih Daemon > Virtual Device > virtual device drive (F:, G:, H:,dst) > Mount Image > pilih file yang akan diekstrak berekstensi .iso dan Open.

Cara Mudah Memasang Widget Informasi dan Berita Terkini

  
Biar gak ketinggalan informasi terkini, pasang widget berita di blog Anda lumayan pas, sambil blogging bisa dapat berita terbaru lewat rss feed-nya portal - portal berita terbesar di indonesia, seperti Fajar, Kompas, Liputan 6, Metro TV News, Detik, Vivanews, Republika Online, Tribunnews, JPNN, Okezone dan lain sebagainya. Selain itu widget ini juga membuat blog Anda semakin dinamis dengan update berita terkini. Gak kalah style, Gak kalah info. Contoh widgetnya seperti ini :
                                     

Widget ini menggunakan kode HTML <iframe></iframe>dengan mengambil data dari rss feed dari seluruh portal berita yang terindeks di Google, walaupun sederhana tapi manfaatnya sangat besar buat Anda dan pengunjung blog Anda. Untuk memasangnya pun sangat mudah, cukup Anda tambahkan Gadget, pilih HTML/JavaScript sebagai layanan penambahan fungsional pihak ketiga atau kode lainnya ke blog Anda, setelah itu masukkan kode dibawah ini dan Simpan, Selesai. Tandai semua, Klik kanan lalu Copy dan pastekan ke Blog Anda. 

<iframe frameborder=0 marginwidth=0 marginheight=0 border=0 style="border:1;margin:0;width:300px;height:250px;" src="http://www.google.com/uds/modules/elements/newsshow/iframe.html?rsz=small&format=300x250&hl=id&topic=h%2Cw%2Cb%2Cp%2Cn%2Ce%2Ct%2Cs%2Cm&element=true" scrolling="no" allowtransparency="true"></iframe>

Selamat Mencoba...!!!
Semoga Bermanfaat dan artikel ini membantu.................

Cara Membuat News/Berita Update Berjalan Di Blog

AchsanBlog - Cara Membuat News/Berita Update Berjalan Di Blog. halo sobat, jumpa lagi dalam tutorial blog. kali ini saya akan berbagi tutorial bagaimana cara/trik memasang running news di blog kita. seperti halnya di televisi berita kita biasa disajikan info berita di bawah layar kaca atau running text. kali ini berita yg diambil dari radio elshinta. so berita dipastikan akan update terus mengikuti info terbaru.

contoh punya sya, running news sya taruh diatas blog: 

bagaimana sobat tertarik membuatnya? ok langsung saja ikuti tutrial brikut ini :

1. masuk dulu ke edit HTML
2. cari kode ]]></b:skin>
3. tambahkan kode berikut ini tepat diatasnya

#running news {
position:fixed;_position:absolute;top:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4. kemudian cari kode  <body>
5. tambahkan kode berikut ini di bawahnya

<div id=' running news '>
<iframe allowtransparency='true' frameborder='0' height='20' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>

6. langkah terakhir adalah disave

NB : bisa jg untuk panjang atau letak silakan sobat atur sendiri sesuai selera sobat. diatas kode <head> bs, di tempat widget jg bs. trserah sobat, yg pnting kelihatan. hhe

nah apabila berhasil maka sobat akan mendapatkan sajian berita gratis dari radio elshinta