HEADLINE NEWS

TIPS Mudah Memasang Widget Berita Terkini / 

Headline News di Blog

Tak heran era sekarang disebut era Information, Communication and Technology (ICT). Suguhan informasi cepat dan terpercaya dari sumber-sumber terpercaya merupakan kebutuhan mendesak manusia di zaman ini. Ibaratnya setiap saat anda dan visitors lainnya dapat memanen info terkini dari blog.

Agar Anda dan pembaca blog anda tidak ketinggalan informasi terkini, memasang widget berita terkini merupakan terobosan (breakthrough) dahsyat penuh gaya di blog Anda. 

Sambil blogging anda dan pembaca lainnya disuguhi 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. Stylistic, cool dan informatif itu pasti. 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. Setelah tutorial CARA PRAKTIS DAN MUDAH MEMBUAT MENU NAVIGASI PADA BLOG dan TIPS MENAMPILKAN JUMLAH PENGUNJUNG ONLINE DI BLOG ANDA PRAKTIS DAN MUDAH, kali ini kita akan menyuguhkan tips mudah dan praktis memasang widget Berita Terkini di blog. Mari ikuti tips berikut ini ya!

•                                  Login in ke akun blogger anda                    
•               Pilih layout/tata letak 
•               Klik add Gadget, kemudian pilih HTML/JavaScript 
•               Kemudian copy  dan paste semua kode di bawah ini   

                       

<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>

•  Klik simpan (save) dan silakan view blog untuk melihat     tampilan widget di blog anda 

• Selamat menikmati tampilan dinamis blog anda

Eit... ada Info Tambahan! Anda bisa menempatkan gadget/widget headline news pada space yang tersedia sesuai dengan posisi yang anda inginkan.

Selamat Mencoba! Sebelum Anda beranjak untuk membaca artikel lainnya, merupakan kebahagiaan bagi saya bila Anda bersedia meluangkan sedikit waktu untuk klik Like dan Share serta memberi G+1 pada artikel ini, agar sahabat blogger lainnya juga dapat membacanya. Sukses selalu menyertai Anda dan semoga Anda menemukan BREAKTHROUGH! untuk setiap rutinitas dan masalah yang Anda hadapi. Bila anda punya yang lebih uptodate tolong jangan lupa berbagi dan isi comment ya!

online visitors

TIPS MENAMPILKAN JUMLAH PENGUNJUNG ONLINE DI BLOG ANDA

PRAKTIS DAN MUDAH

Kali ini kita memilih versi http://whos.amung.us

To make over  tampilan blog dan menyemangati diri sendiri merupakan keharusan dalam nge-blog. Dengan melihat tampilan blog yang makin dinamis (dengan hadirnya widget visitors online)dan jumlah pengunjung online yang makin bertambah ke blog anda menjadi salah satu faktor penyemangat dalam nge-blog.

Bagi anda pemula atau beginners, setelah anda mempelajari tutorial Cara Praktis dan Mudah Membuat Menu Navigasi pada Blog dan Tips Mudah danPraktis Membuat Kotak Iklan di Blog ,  saatnya anda diperkenalkan dengan TIPS MENAMPILKAN JUMLAH PENGUNJUNG ONLINE DI BLOG ANDA.

Mungkin anda sudah tak sabar dengan tips praktis dan mudah yang akan saya bagikan. Baiklah langsung aja ikuti langkah berikut ya. Ingat, alangkah baiknya bila anda sambil membaca tutorial ini anda langsung mempraktekkannya di blog anda sehingga kesulitan bisa anda atasi sendiri dan mungkin melahirkan BREAKTHROUGH!

• Kunjungi http://whos.amung.us  dan klik kode html yang tersedia 
• Berikutnya silakan login ke ID/akun blogger Anda
• Pada menu dropdown klik "layout" lalu klik "add a gadget"
• Kemudian klik  HTML/JavaScript. 
• Setelah itu masukkan/paste kode html yang telah anda copy (dari http://whos.amung.us) tadi di area HTML 
• Lalu klik Save/Simpan.

Selamat menikmati tampilan blog yang lebih dinamis dan lihat jumlah visitor online anda. Mudah-mudahan tips ini memberi gairah baru nge-blog bagi anda.

Eit... ada Info Tambahan! Anda bisa menempatkan gadget visitor online pada space yang tersedia sesuai dengan posisi yang anda inginkan.

Selamat Mencoba! Sebelum Anda beranjak untuk membaca artikel lainnya, merupakan kebahagiaan bagi saya bila Anda bersedia meluangkan sedikit waktu untuk klik Like dan Share serta memberi G+1 pada artikel ini, agar sahabat blogger lainnya juga dapat membacanya. Sukses selalu menyertai Anda dan semoga Anda menemukan BREAKTHROUGH! untuk setiap rutinitas dan masalah yang Anda hadapi. Bila anda punya yang lebih uptodate tolong jangan lupa berbagi dan isi comment ya!

CARA PRAKTIS DAN MUDAH MEMBUAT MENU NAVIGASI PADA BLOG

CARA PRAKTIS DAN MUDAH MEMBUAT MENU NAVIGASI PADA BLOG

Anda baru belajar nge-blog dan tampilan blog anda membuat anda hampir memutuskan berhenti nge-blog? Tenang saja, anda tidak sendiri dan hal itu hampir dialami oleh semua blogger termasuk blogger-nya www.breakthrough4all.blogspot.com ini.

Menu navigasi adalah menu pada web atau blog yang memudahkan pengunjung masuk sesuai dengan isi web atau blog. Menu navigasi sangat berguna bagi pemilik blog maupun pengunjung guna menavigasi ke halaman yang diinginkan. Menu navigasi ada yang vertikal dan horizontal.

Kali ini kita akan membuat menu navigasi horizontal yang biasanya diletakkan di bawah maupun di atas header. Anda bisa memasukkan link secara horizontal atau berderet kesamping.
Biasanya link yang diletakkan pada menu horizontal ini adalah menu yang dianggap penting, karena pengunjung blog ketika pertama kali membuka halaman secara tidak langsung akan melihat menu ini.

Menu ini sangat mudah diaplikasikan pada template blog, karena cara mengaplikasikan menu horizontal ini menggunakan css biasa yang tidak akan membebani loading blog Anda.

Akh, pasti anda sudah gak sabaran ya. Langsung aja kita masuk ke langkah-langkah praktisnya ya:

• Login atau masuk ke blog yang ingin anda buat aplikasi menu navigasi.
• Pilih tata letak atau layout.
• Klick tambahkan gadget.
• Pilih HTML/JavaScript.
• Masukkan (copy) semua kode berikut ini pada kolom ‘content’
  
  

<style type="text/css">

/*----------------------------------*/

.Nav a { width: auto; height: auto; text-decoration: none; }

.Nav a { text-align: center; text-decoration:none;color:#ffffcc; padding:1px 20px 1px 20px;font-weight:bold; font-size:12px; }

.Nav a:hover {padding:3px 20px 3px; 20px; text-align:center; text-decoration:none; color:#000033; font-weight:bold; border:3px; background-color: #ffcc99;}

</style>

<div style="border: 3px solid #ffcc99; height:px;background-color:#FF6633;">

<div style="width: auto; padding: 10px;" class="Nav" align="left">

<a href="://www.breakthrough4all.blogspot.com/" target="_blank"><span style="font-weight:bold; color:#FFFF00; ">HOME</span></a>

<a href="://www.breakthrough4all.blogspot.com/" target="_blank"><span style="font-weight:bold; color:#FFFF00; ">ABOUT ME</span></a>

<a href="://www.breakthrough4all.blogspot.com/" target="_blank"><span style="font-weight:bold; color:#FFFF00; ">TUTORIAL</span></a>

<a href="://www.breakthrough4all.blogspot.com/" target="_blank"><span style="font-weight:bold; color:#FFFF00; ">INSPIRATION</span></a>

<a href="://www.breakthrough4all.blogspot.com/" target="_blank"><span style="font-weight:bold; color:#FFFF00; ">REAL BREAKTHROUGH</span></a>

<a href="://www.breakthrough4all.blogspot.com/" target="_blank"><span style="font-weight:bold; color:#FFFF00; ">JUST4LAUGH</span></a>

<a href="://www.breakthrough4all.blogspot.com/" target="_blank"><span style="font-weight:bold; color:#FFFF00; ">MEMBERSHIP</span></a>

<form action="http://www.breakthrough4all.blogspot.com/search" id="searchform" method="get" style="display: inline; float:right; padding-right:10px; padding-bottom:px" > <input id="searchbox" maxlength="" name="q" onblur="if (this.value == "") {this.value = "search...";}" onfocus="if (this.value == "search...") {this.value = ""}" value="Search..." type="text" /> <input class="btn" name="" " value="search" type="submit" span style="font-weight:bold; font-size:12px; color:#ff3399" />

</form>

</div></div>

• Berikutnya ganti tulisan warna merah pada kod di atas dengan alamat link milik anda dan yang warna biru dengan nama menu navigasi yang anda inginkan.
• Kemudian klick ‘save’.
• Eit....... ada info tambahan! Bila anda mau menambah menu navigasi, tinggal copy aja salah satu kod di atas seperti contoh berikut :

<a href="://www.breakthrough4all.blogspot.com/" target="_blank"><span style="font-weight:bold; color:#FFFF00; ">TUTORIAL</span></a>

• Gantilah nama menu, misalnya, TUTORIAL menjadi nama menu navigasi yang anda inginkan. Demikian halnya bila anda ingin menghilangkan salah satu atau beberapa menu navigasi pada blog anda, delete aja kod tertentu, beres kan.
• Sekarang jadi dech tampilan blog anda makin keren dan silakan nikmati sensasi baru nge-blog

Selamat mencoba! Sebelum Anda beranjak untuk membaca artikel lainnya, merupakan kebahagiaan bagi saya bila Anda bersedia meluangkan sedikit waktu untuk klik Like dan Share serta memberi G+1 pada artikel ini, agar sahabat blogger lainnya juga dapat membacanya. Sukses selalu menyertai Anda dan semoga Anda menemukan BREAKTHROUGH! untuk setiap rutinitas dan masalah yang Anda hadapi. Bila anda punya yang lebih uptodate tolong jangan lupa berbagi dan isi comment ya!