Search Knowledge Base

Home » Posts filed under Tutorial Blog
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Membuat Breaking News Menarik Dibawah Navigasi Menu

Tidak ada komentar :
Pada artikel kali ini saya akan menjelaskan bagaimana membuat breaking news atau berita berjalan yang biasanya terdapat di bawah navigasi menu pada sebuah blog atau biasa disebut newsticker. Banyak sudah artikel yang membahas mengenai newsticker ini di internet, misalnya dengan menambah efek marquee sehingga teks tersebut dapat berjalan, tapi kali ini saya akan menjelaskan cara memasang breking news dengan sentuhan jQuery sehingga hasilnya akan lebih menarik dan yang pasti dapat mempercatik blog anda.

Pertama kali saya melihat tampilan breaking news ini pada template Sporty Magazine 2 buatan Borneo Template, waktu itu template masih berbayar sekarang sepertinya sudah gratis di download. Disini saya akan memodifikasi sedikit tampilannya sehingga tampilannya seperti tampak pada gambar diatas, demonya anda bisa lihat disini. (http://penulis-bulukumba.blogspot.com)


Ternyata cara memasangnya sangat gampang sekali, dan jika Anda tertarik berikut ini langkah-langkah untuk membuatnya :
  1. Login ke blogger dengan akun anda
  2. Kemudian klik Tata Letak > pilih Edit HTML
  3. Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
  4. Letakkan kode berikut di atas kode ]]></b:skin>

/* News Ticker Wrapper 
---------------------------------------------*/  
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIW2HmA7JJ-kcRL8QrokNCw_15D1c-3MJVMOTo8ZlB46J8Jnw6-Tf_DD98s-yuBYIyqIxuZYTFk_XukcFSLWLZ2mSSJ8lCZo3k4s9jY6JT7XFWj7f69_jZUYR60TRSuYmqeE7tN41Xqtw/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}  
.news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}  
.news a:link, .news a:visited{color:#fff;text-decoration:none;}  
.news a:hover {color:#ddd;text-decoration:underline;}

5. Masih dalam dalam posisi Edit HTML. Sekarang letakkan kode berikut ini di atas kode </head>

&lt;script src=&#039;http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA&#039;&gt;&lt;/script&gt;
&lt;script type=&#039;text/javascript&#039;&gt;
//&lt;![CDATA[
var gfeedfetcher_loading_image=&quot;indicator.gif&quot;;google.load(&quot;feeds&quot;,&quot;1&quot;);function gfeedfetcher(c,a,b){this.linktarget=b||&quot;&quot;;this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions=&quot;&quot;;this.sortstring=&quot;date&quot;;document.write(&#039;&lt;div id=&quot;&#039;+c+&#039;&quot; class=&quot;&#039;+a+&#039;&quot;&gt;&lt;/div&gt;&#039;);this.feedcontainer=document.getElementById(c);this.itemcontainer=&quot;&lt;li&gt;&quot;}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!=&quot;undefined&quot;){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer=&quot;&lt;&quot;+a.toLowerCase()+&quot;&gt;&quot;};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML=&#039;&lt;img src=&quot;&#039;+gfeedfetcher_loading_image+&#039;&quot; /&gt; Loading news...&#039;;var a=this;for(var b=0;b&lt;this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit&lt;=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length&gt;0&amp;&amp;this.feedlimit&gt;this.feedurls.length&amp;&amp;b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf(&quot;datetime&quot;)!=-1)?d.toLocaleString():(c.indexOf(&quot;date&quot;)!=-1)?d.toLocaleDateString():(c.indexOf(&quot;time&quot;)!=-1)?d.toLocaleTimeString():&quot;&quot;;return&quot;&lt;span class=&#039;datefield&#039;&gt;&quot;+b+&quot;&lt;/span&gt;&quot;};gfeedfetcher._sortarray=function(a,b){var b=(b==&quot;label&quot;)?&quot;ddlabel&quot;:b;if(b==&quot;title&quot;||b==&quot;ddlabel&quot;){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g&lt;f)?-1:(g&gt;f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:&quot;&quot;;if(d==&quot;&quot;){alert(&quot;Google Feed API Error: &quot;+b.error.message)}for(var c=0;c&lt;d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer==&quot;&lt;li&gt;&quot;)?&quot;&lt;ul&gt;n&quot;:&quot;&quot;;gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c&lt;a.length;c++){var d=&#039;&lt;a href=&quot;&#039;+a[c].link+&#039;&quot; target=&quot;&#039;+this.linktarget+&#039;&quot; class=&quot;titlefield&quot;&gt;&#039;+a[c].title+&quot;&lt;/a&gt;&quot;;var b=/label/i.test(this.showoptions)?&#039;&lt;span class=&quot;labelfield&quot;&gt;[&#039;+this.feeds[c].ddlabel+&quot;]&lt;/span&gt;&quot;:&quot; &quot;;var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?&quot;&lt;br /&gt;&quot;+a[c].content:/snippet/i.test(this.showoptions)?&quot;&lt;br /&gt;&quot;+a[c].contentSnippet:&quot;&quot;;e+=this.itemcontainer+d+&quot; &quot;+b+&quot; &quot;+g+&quot;n&quot;+f+this.itemcontainer.replace(&quot;&lt;&quot;,&quot;&lt;/&quot;)+&quot;nn&quot;}e+=(this.itemcontainer==&quot;&lt;li&gt;&quot;)?&quot;&lt;/ul&gt;&quot;:&quot;&quot;;this.feedcontainer.innerHTML=e};

var gfeedfetcher_loading_image=&quot;indicator.gif&quot;;function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer=&quot;&lt;div&gt;&quot;;this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage&gt;=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent(&quot;onunload&quot;,function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f==&quot;&lt;li&gt;&quot;)?&quot;&lt;ul&gt;n&quot;:&quot;&quot;;for(var e=0;e&lt;d.length;e++){var h=&#039;&lt;a href=&quot;&#039;+d[e].link+&#039;&quot; target=&quot;&#039;+g+&#039;&quot; class=&quot;titlefield&quot;&gt;&#039;+d[e].title+&quot;&lt;/a&gt;&quot;;var j=/label/i.test(b)?&#039;&lt;span class=&quot;labelfield&quot;&gt;[&#039;+d[e].ddlabel+&quot;]&lt;/span&gt;&quot;:&quot; &quot;;var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?&quot;&lt;br /&gt;&quot;+d[e].content:/snippet/i.test(b)?&quot;&lt;br /&gt;&quot;+d[e].contentSnippet:&quot;&quot;;c+=f+h+&quot; &quot;+j+&quot; &quot;+k+&quot;n&quot;+a+f.replace(&quot;&lt;&quot;,&quot;&lt;/&quot;)+&quot;nn&quot;}c+=(f==&quot;&lt;li&gt;&quot;)?&quot;&lt;/ul&gt;n&quot;:&quot;&quot;;return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage&gt;this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]&gt;
&lt;/script&gt;
&lt;style type=&#039;text/css&#039;&gt;
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
&lt;/style&gt;

6. Kemudian cari kode dibawah ini, atau kode yang biasa dipakai untuk meletakkan navigasi menu

<div class='menu horizontal'>
...........................................
...........................................
</div>
7. Jika sudah ketemu letakkan kode berikut tepat dibawah kode </div> yang dipakai untuk menutup kode navigasi menu pada template Anda.






&lt;div class=&#039;newspic&#039;&gt;



&lt;div style=&#039;float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;&#039;&gt;
&lt;script type=&#039;text/javascript&#039;&gt;
var cssfeed=new gfeedrssticker(&amp;quot;example1&amp;quot;, &amp;quot;example1class&amp;quot;, 4000, &amp;quot;_new&amp;quot;)
cssfeed.addFeed(&amp;quot;Creating Website&amp;quot;, &amp;quot;http://maskolis.blogspot.com/feeds/posts/default&amp;quot;) //Specify &amp;quot;label&amp;quot; plus URL to RSS feed
cssfeed.displayoptions(&amp;quot;date&amp;quot;) //show the specified additional fields
cssfeed.setentrycontainer(&amp;quot;div&amp;quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &amp;quot;date&amp;quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
&lt;/script&gt;
&lt;/div&gt;
&lt;div style=&#039;clear:both;&#039;/&gt;
&lt;/div&gt;





8. Ganti URL yang saya beri warna biru dengan URL blog anda dan jika blog anda masih baru newsticker ini biasanya tidak mau jalan karena google belum mengenal feed di blog Anda. Solusinya gampang Anda mesti buat API key sendiri di googlecode, atau langsung saja disini. Masukkan URL blog anda, kemudian ganti kode javascript paling atas pada langkah nomer 5 dengan kode yang barusan dapet dari googlecode (bener nggak sih ngomongku...... )

Langkah terakhir save/simpan, lihat dibawah navigasi menu anda, kalau cara memasangnya sudah benar pasti akan muncul breaking news itu.


9. Agar lebih ramping simpan kode javascript newsticker diatas (no.5) di tempat penyimpanan googlecodeAnda. Mudah kan? Jika ada yang mau ditanyakan silahkan isi pada kolom komentar dibawah. Selamat mencoba dan semoga bermanfaat.


































Membuat Widget Label Tertentu dengan Satu Thumbnail









2 komentar
                      :
                    









ah judulnya kurang pas kayaknya ya...? Bodo amat, yang penting isinya. Kali ini saya akan memberikan satu lagi tutorial blogger tentang membuat widget per label dengan hanya satu thumbnail pada bagian paling atas dan di bawahnya menampilkan judul saja, untuk lebih jelasnya silahkan lihat screenshot gambar dibawah.  Biasanya widget ini banyak digunakan oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan para pembaca untuk mengeksplorasi tiap kategori yang ada dan bisa juga untuk meringkas ruang pada sebuah template. Sebenarnya tutorial ini sudah lama tapi karena banyak yang tanya di kotak komentar maupun di email, tidak ada salahnya jika saya perjelas lagi di artikel ini. Cara membuat widget per label yang saya gunakan disini sebenarnya mudah dan hanya menggabungkan antara tutorial membuat label atau kategori dengan thumbnail dan membuat widget label yang hanya menampilkan judul saja. 












Jika Anda lihat pada template Mas Paper atau Johny Portal 2, di bagian tertentu pada template itu terdapat widget yang menampilkan label dengan susunan satu judul dengan thumbnail dan summary, dan dibawahnya list dari label yang sama tetapi hanya menampilkan judulnya saja. Cara membuatnya adalah sebagai berikut :
  1. Pertama yang mesti Anda lakukan adalah login ke blogger dengan akun Anda
    2. 

  2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
    3. 

  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
    4. 

  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
    5. 

  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin>  : img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px} img.label_thumb:hover{background:#f7f6f6} .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0} ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}
    6. 




Perhatikan tulisan warna Hijau diatas, itu adalah lebar dan tinggi thumbnail image.
Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :



&lt;script type=&#039;text/javascript&#039;&gt;
//&lt;![CDATA[
function labelthumbs(json){document.write(&#039;&lt;ul class=&quot;label_with_thumbs&quot;&gt;&#039;);for(var i=0;i&lt;numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#039;replies&#039;&amp;&amp;entry.link[k].type==&#039;text/html&#039;){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel==&#039;alternate&#039;){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf(&quot;&lt;img&quot;);b=s.indexOf(&quot;src=&quot;&quot;,a);c=s.indexOf(&quot;&quot;&quot;,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)){thumburl=d;}else thumburl=&#039;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6HtneL6ZuQRvWvqPc_wcIhMvdHXoxDGtYHvxh2G_n6kU_rtBlczpPvtKmVF5BNl0oU-AP9DNKiu_mGN8MbAPyHp7fmz2MrTRwoDahQkKEo8qDd_o6PBDdhQqdBb0S9WYB4O6KtK6shgzp/&#039;;}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]=&quot;Jan&quot;;monthnames[2]=&quot;Feb&quot;;monthnames[3]=&quot;Mar&quot;;monthnames[4]=&quot;Apr&quot;;monthnames[5]=&quot;May&quot;;monthnames[6]=&quot;Jun&quot;;monthnames[7]=&quot;Jul&quot;;monthnames[8]=&quot;Aug&quot;;monthnames[9]=&quot;Sep&quot;;monthnames[10]=&quot;Oct&quot;;monthnames[11]=&quot;Nov&quot;;monthnames[12]=&quot;Dec&quot;;document.write(&#039;&lt;li class=&quot;clearfix&quot;&gt;&#039;);if(showpostthumbnails==true)
document.write(&#039;&lt;a href=&quot;&#039;+posturl+&#039;&quot; target =&quot;_top&quot;&gt;&lt;img class=&quot;label_thumb&quot; src=&quot;&#039;+thumburl+&#039;&quot;/&gt;&lt;/a&gt;&#039;);document.write(&#039;&lt;strong&gt;&lt;a href=&quot;&#039;+posturl+&#039;&quot; target =&quot;_top&quot;&gt;&#039;+posttitle+&#039;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&#039;);if(&quot;content&quot;in entry){var postcontent=entry.content.$t;}
else
if(&quot;summary&quot;in entry){var postcontent=entry.summary.$t;}
else var postcontent=&quot;&quot;;var re=/&lt;S[^&gt;]*&gt;/g;postcontent=postcontent.replace(re,&quot;&quot;);if(showpostsummary==true){if(postcontent.length&lt;numchars){document.write(&#039;&#039;);document.write(postcontent);document.write(&#039;&#039;);}
else{document.write(&#039;&#039;);postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(&quot; &quot;);postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+&#039;...&#039;);document.write(&#039;&#039;);}}
var towrite=&#039;&#039;;var flag=0;document.write(&#039;&lt;br&gt;&#039;);if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+&#039;-&#039;+cdday+&#039; - &#039;+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+&#039; | &#039;;}
if(commenttext==&#039;1 Comments&#039;)commenttext=&#039;1 Comment&#039;;if(commenttext==&#039;0 Comments&#039;)commenttext=&#039;No Comments&#039;;commenttext=&#039;&lt;a href=&quot;&#039;+commenturl+&#039;&quot; target =&quot;_top&quot;&gt;&#039;+commenttext+&#039;&lt;/a&gt;&#039;;towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+&#039; | &#039;;towrite=towrite+&#039;&lt;a href=&quot;&#039;+posturl+&#039;&quot; class=&quot;url&quot; target =&quot;_top&quot;&gt;More &raquo;&lt;/a&gt;&#039;;flag=1;;}
document.write(towrite);document.write(&#039;&lt;/li&gt;&#039;);if(displayseparator==true)
if(i!=(numposts-1))
document.write(&#039;&#039;);}document.write(&#039;&lt;/ul&gt;&#039;);}
//]]&gt;
&lt;/script&gt;






Jika kode script diatas terlalu panjang, Anda bisa simpan di tempat penyimpanan Google CodeAnda sendiri atau gunakan kode script di bawah ini yang sudah saya ringkas di Google Code.



<script src='http://penyimpanan-maskolis.googlecode.com/files/labels.js' type='text/javascript'/>




7. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :







&lt;script type=&#039;text/javascript&#039;&gt;var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;&lt;/script&gt;





&lt;script type=&quot;text/javascript&quot; src=&quot;/feeds/posts/default/-/news?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs&quot;&gt;&lt;/script&gt;





&lt;script type=&quot;text/javascript&quot;&gt;

function recentpostslist(json) {

 document.write(&#039;&lt;ul&gt;&#039;);

 for (var i = 1; i &lt; json.feed.entry.length; i++)

 {

    for (var j = 1; j &lt; json.feed.entry[i].link.length; j++) {

      if (json.feed.entry[i].link[j].rel == &#039;alternate&#039;) {

        break;

      }

    }

var entryUrl = &quot;&#039;&quot; + json.feed.entry[i].link[j].href + &quot;&#039;&quot;;//bs

var entryTitle = json.feed.entry[i].title.$t;

var item = &quot;&lt;li&gt;&quot; + &quot;&lt;a href=&quot;+ entryUrl + &#039;&quot; target=&quot;_blank&quot;&gt;&#039; + entryTitle + &quot;&lt;/a&gt; &lt;/li&gt;&quot;;

 document.write(item);

 }

 document.write(&#039;&lt;/ul&gt;&#039;);

 }

&lt;/script&gt;

&lt;script src=&quot;http://penulis-bulukumba.blogspot.com/feeds/posts/summary/-/news?max-results=6&amp;alt=json-in-script&amp;callback=recentpostslist&quot;&gt;&lt;/script&gt;

&lt;a href=&quot;http://penulis-bulukumba.blogspot.com/search/label/news&quot; style=&quot;float:right;font:normal 11px Arial;padding:5px 0;&quot;&gt;More on this category &amp;#187;&lt;/a&gt;








  1. Keterangan :
    
Warna Merah : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    
Warna Orange : Ganti URL dengan URL blog anda.
    

    
Selanjutnya save dan lihat hasilnya.
    2. 
 
Tampilan dari widget ini mengikuti kode CSS sidebar (jika Anda meletakkan di sidebar) pada template yang Anda pakai. Kode CSS yang digunakan pada pembuatan widget ini hanya digunakan untuk mengatur tampilan thumbnail.





Demikian tadi tutorial jadul mengenai membuat widget per label kali ini, jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.


















                          

                        

                        

                      

                        

                      












CARI IDENTITAS SANG ADMIN









Tidak ada komentar
                      :
                    















Saat melakukan aktifitas hacking tentunya hal pertama yang dilakukan yaitu mencari sebanyak mungkin informasi dari sang target. Hal ini sangat membantu kita dalam mencari identitas dan kelemahan-kelemahan yang dimiliki oleh target. Nah saat ini ada web yang dapat membantu kita dalam mencari informasi tentang sebuah web www.centralops.net Salah satu web yang dapat mencari identitas sang pemilik web atau bahkan dapat mengecek validitas sebuah e-mail.


Sebagai contoh saya ingin mengetahui alamat admin dari www.ebenk789.com salah satu web yang cukup popular dalam kategori music. Dari hasil analisa www.centralops.net dapat di dapat informasi sebagai berikut:
Queried whois.internic.net with “dom ebenk789.com”…
Domain Name: EBENK789.COM

Registrar: DIRECTI INTERNET SOLUTIONS PVT. LTD. D/B/A PUBLICDOMAINREGISTRY.COM

Whois Server: whois.PublicDomainRegistry.com

Referral URL: http://www.PublicDomainRegistry.com

Name Server: NS1.EBENK789.COM

Name Server: NS2.EBENK789.COM

Status: clientTransferProhibited

Updated Date: 03-mar-2010

Creation Date: 17-feb-2010

Expiration Date: 17-feb-2011
>>> Last update of whois database: Thu, 27 May 2010 03:45:11 UTC <<<

Queried whois.publicdomainregistry.com with "ebenk789.com"...
IDwebhost.com

Best Service at Affordable Cost
Domain Name: EBENK789.COM
Registrant:

ebenk789.com

Omadijaya (ebenk789@gmail.com)

jln. Harapan No. 50 Lenteng Agung

Jakarta Selatan

DKI Jakarta,12610

ID

Tel. +62.85717889483

Fax. +62.620000000
Creation Date: 17-Feb-2010

Expiration Date: 17-Feb-2011
Domain servers in listed order:

ns2.ebenk789.com

ns1.ebenk789.com
Administrative Contact:

ebenk789.com

Omadijaya (ebenk789@gmail.com)

jln. Harapan No. 50 Lenteng Agung

Jakarta Selatan

DKI Jakarta,12610

ID

Tel. +62.85717889483

Fax. +62.620000000
Technical Contact:

ebenk789.com

Omadijaya (ebenk789@gmail.com)

jln. Harapan No. 50 Lenteng Agung

Jakarta Selatan

DKI Jakarta,12610

ID

Tel. +62.85717889483

Fax. +62.620000000
Billing Contact:

ebenk789.com

Omadijaya (ebenk789@gmail.com)

jln. Harapan No. 50 Lenteng Agung

Jakarta Selatan

DKI Jakarta,12610

ID

Tel. +62.85717889483

Fax. +62.620000000
Status:LOCKED

Note: This Domain Name is currently Locked. In this status the domain

name cannot be transferred, hijacked, or modified. The Owner of this

domain name can easily change this status from their control panel.

This feature is provided as a security measure against fraudulent domain name hijacking.
Bagaimana..??? Cukup lengkap bukan..??? berikut menu gratisan yang disediakan oleh web tersebut
Domain Dossier


Investigate domains and IP addresses. Get registrant information, DNS records, and more.
Domain Check


See if a domain is available.
Email Dossier


Validate and investigate email addresses.
Browser Mirror


See what your browser reveals.
Ping


See if a host is reachable.
Traceroute


Trace the network path from this server to another.
NsLookup


Look up various domain resource records with this version of the classic NsLookup utility.
AutoWhois


Get Whois records automatically for domains worldwide.
TcpQuery


Grab a web page, look up a domain, and more.
AnalyzePath


Do a simple, graphical traceroute.
http://feedproxy.google.com/789


















                          

                        

                        

                      

                        

                      












Auto Update Posting Blog ke Facebook/Twitter/Sosial Media Lainnya









Tidak ada komentar
                      :
                    










Auto Update Posting Blog ke Facebook/Twitter/Sosial Media Lainnya






Setelah selesai membuat blog, hal yg tak kalah pentingnya adalah mempromosikan/memperkenalkan blog milik Anda pada dunia ramai. Apa gunanya membuat blog kalau isi curhat, puisi, cerpen, refleksi dan opini Anda yang diposting tidak dibaca orang, bukan? Banyak cara untuk mempromosikan blog salah satunya lewat sosial media. 
Postingan kali ini akan membahas cara auto update posting blog ke facebook, twitter atau lainnya. Untuk lebih jelasnya silahkan ikuti tahapan-tahapannya.


1. Masuk ke Dlvrt.com  






2. Masukan email anda dan tulis pasword anda  


3. Kemudian klik tulisan +add route







4. Centang dan masukkan url feed anda












5. Selanjutnya kliki +add pada kolom destinations









6. Pilih facebook, twitter atau social media lainnya
7. Klik connect kemudian atur sesuai dengan yang anda inginkan 
8. Save



Semoga bermanfaat.. Sekian penjelasan posting auto update postingan blog ke FB, Twitter, dan Sosial media lainnya





















                      

                    










Langganan:

Postingan
                      (
                      Atom
                      )
                    







Cari Blog Ini

































































Popular Posts


















Follow us



 photo sdsds_zps6abd1e78.jpg